/* WorkforceAI theme for toastr — https://github.com/codeseven/toastr */

#toast-container {
    z-index: 9999;
}

#toast-container.toast-top-right {
    top: 16px;
    right: 16px;
}

#toast-container > div {
    opacity: 1;
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.12);
    border-radius: 8px;
    font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
    font-size: 0.9rem;
    line-height: 1.45;
    padding: 14px 16px 14px 44px;
    width: 340px;
    max-width: calc(100vw - 32px);
    background-image: none !important;
}

#toast-container > .toast-success {
    background-color: #ECFDF5;
    color: #065F46;
    border: 1px solid #A7F3D0;
}

#toast-container > .toast-error {
    background-color: #FEF2F2;
    color: #991B1B;
    border: 1px solid #FECACA;
}

#toast-container > .toast-warning {
    background-color: #FFFBEB;
    color: #92400E;
    border: 1px solid #FDE68A;
}

#toast-container > .toast-info {
    background-color: #EFF6FF;
    color: #1E40AF;
    border: 1px solid #BFDBFE;
}

#toast-container > div .toast-title {
    font-weight: 600;
    margin-bottom: 4px;
}

#toast-container > div .toast-message {
    word-wrap: break-word;
}

#toast-container > div .toast-close-button {
    color: inherit;
    opacity: 0.55;
    font-weight: 700;
    text-shadow: none;
    top: -2px;
    right: 4px;
}

#toast-container > div .toast-close-button:hover {
    opacity: 0.85;
    color: inherit;
}

#toast-container > .toast-success .toast-progress {
    background-color: #10B981;
}

#toast-container > .toast-error .toast-progress {
    background-color: #EF4444;
}

#toast-container > .toast-warning .toast-progress {
    background-color: #D97706;
}

#toast-container > .toast-info .toast-progress {
    background-color: #2563EB;
}

@media (max-width: 575.98px) {
    #toast-container.toast-top-right {
        top: 12px;
        right: 12px;
        left: auto;
    }

    #toast-container > div {
        width: min(340px, calc(100vw - 24px));
    }
}