}

.app-toast-container {
    z-index: 1095;
    max-width: min(100vw - 1.5rem, 420px);
}

.app-toast {
    overflow: hidden;
    border: 1px solid var(--admin-border, rgba(148, 163, 184, 0.16));
    border-radius: 20px;
    background: var(--admin-surface, rgba(15, 23, 42, 0.96));
    color: var(--admin-text, #f8fafc);
    box-shadow: var(--admin-shadow, 0 18px 50px rgba(15, 23, 42, 0.28));
    backdrop-filter: blur(16px);
}

.app-toast .toast-header {
    border-bottom: 1px solid var(--admin-border, rgba(148, 163, 184, 0.16));
    background: rgba(255, 255, 255, 0.04);
    color: inherit;
}

body[data-bs-theme="light"] .app-toast .toast-header {
    background: rgba(15, 23, 42, 0.04);
}

.app-toast .toast-body {
    color: inherit;
    line-height: 1.45;
}

.app-toast--success {
    border-color: rgba(34, 197, 94, 0.28);
    box-shadow: 0 18px 50px rgba(20, 83, 45, 0.24);
}

.app-toast--success .toast-header {
    border-bottom-color: rgba(34, 197, 94, 0.2);
    background: rgba(34, 197, 94, 0.12);
}

body[data-bs-theme="light"] .app-toast--success .toast-header {
    background: rgba(34, 197, 94, 0.08);
}

.app-toast--danger,
.app-toast--error {
    border-color: rgba(220, 38, 38, 0.32);
    box-shadow: 0 18px 50px rgba(127, 29, 29, 0.26);
}

.app-toast--danger .toast-header,
.app-toast--error .toast-header {
    border-bottom-color: rgba(220, 38, 38, 0.22);
    background: rgba(220, 38, 38, 0.12);
}

body[data-bs-theme="light"] .app-toast--danger .toast-header,
body[data-bs-theme="light"] .app-toast--error .toast-header {
    background: rgba(220, 38, 38, 0.08);
}

.app-toast .btn-close {
    filter: var(--app-toast-close-filter, invert(1));
}

body[data-bs-theme="light"] .app-toast .btn-close {
    --app-toast-close-filter: none;
}

.app-toast__dot {
    width: 0.7rem;
    height: 0.7rem;
    border-radius: 50%;
    flex: 0 0 auto;
}

.app-toast--success .app-toast__dot {
    background: #22c55e;
}

.app-toast--danger .app-toast__dot,
.app-toast--error .app-toast__dot {
    background: #ef4444;
}

.app-toast--warning .app-toast__dot {
    background: #94a3b8;
}

.app-toast--info .app-toast__dot {
    background: #64748b;
}


@media (max-width: 575.98px) {
    .app-toast-container {
        inset: auto 0 0 0;
        max-width: 100%;
        padding: 0.75rem !important;
    }

    .app-toast {
        width: 100%;
    }
}