@charset "UTF-8";
/* ── TOASTR OVERRIDE ───────────────────────────────────────────────────── */

#toast-container {
    position: fixed !important;
    z-index: 99999 !important;
    top: 20px !important;
    right: 20px !important;
}

#toast-container > div {
    width: 380px !important;
    margin: 0 0 15px 0 !important;
    padding: 16px 20px !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 35px rgba(0,0,0,0.2) !important;
    display: block;
}

/* ────── SUCCESS - GREEN ────────────────────────────────────────────────── */
#toast-container > .toast-success {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
    border-left: 5px solid #10b981 !important;
    color: #fff !important;
}

#toast-container > .toast-success .toast-title {
    font-weight: 700 !important;
    font-size: 15px !important;
    color: #fff !important;
}

#toast-container > .toast-success .toast-title::before {
    content: '\f00c ' !important;
    font-family: FontAwesome !important;
    font-size: 18px !important;
}

#toast-container > .toast-success .toast-message {
    font-size: 14px !important;
    color: rgba(255,255,255,0.95) !important;
}

/* ────── ERROR - RED ────────────────────────────────────────────────────── */
#toast-container > .toast-error {
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%) !important;
    border-left: 5px solid #ef4444 !important;
    color: #fff !important;
}

#toast-container > .toast-error .toast-title {
    font-weight: 700 !important;
    font-size: 15px !important;
    color: #fff !important;
}

#toast-container > .toast-error .toast-title::before {
    content: '\f00d ' !important;
    font-family: FontAwesome !important;
    font-size: 18px !important;
}

#toast-container > .toast-error .toast-message {
    font-size: 14px !important;
    color: rgba(255,255,255,0.95) !important;
}

/* ────── WARNING - ORANGE ────────────────────────────────────────────────── */
#toast-container > .toast-warning {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
    border-left: 5px solid #f59e0b !important;
    color: #fff !important;
}

#toast-container > .toast-warning .toast-title {
    font-weight: 700 !important;
    font-size: 15px !important;
    color: #fff !important;
}

#toast-container > .toast-warning .toast-title::before {
    content: '\f071 ' !important;
    font-family: FontAwesome !important;
    font-size: 17px !important;
}

#toast-container > .toast-warning .toast-message {
    font-size: 14px !important;
    color: rgba(255,255,255,0.95) !important;
}

/* ────── INFO - BLUE ────────────────────────────────────────────────────── */
#toast-container > .toast-info {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%) !important;
    border-left: 5px solid #3b82f6 !important;
    color: #fff !important;
}

#toast-container > .toast-info .toast-title {
    font-weight: 700 !important;
    font-size: 15px !important;
    color: #fff !important;
}

#toast-container > .toast-info .toast-title::before {
    content: '\f05a ' !important;
    font-family: FontAwesome !important;
    font-size: 18px !important;
}

#toast-container > .toast-info .toast-message {
    font-size: 14px !important;
    color: rgba(255,255,255,0.95) !important;
}

/* ────── CLOSE BUTTON ───────────────────────────────────────────────────── */
#toast-container .toast-close-button {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    font-size: 16px !important;
    color: #fff !important;
    opacity: 0.7 !important;
    transition: opacity 0.2s !important;
}

#toast-container .toast-close-button:hover {
    opacity: 1 !important;
}