/* ==========================================================================
   Toastr — restyled to match the dashboard design
   ========================================================================== */

#toast-container > div {
    width: 360px; max-width: calc(100vw - 24px); padding: 14px 16px; padding-inline-start: 56px;
    border-radius: 14px; opacity: 1; font-family: var(--font); font-size: 14px; line-height: 1.55;
    background-color: #0b1222; background-image: none !important; color: #fff;
    box-shadow: 0 20px 44px -16px rgba(6, 10, 20, .55); border: 1px solid rgba(255, 255, 255, .08);
    position: relative; overflow: hidden;
}
#toast-container > div:hover { box-shadow: 0 24px 50px -16px rgba(6, 10, 20, .65); opacity: 1; }
#toast-container > div::before {
    content: ""; position: absolute; top: 14px; inset-inline-start: 16px; width: 28px; height: 28px; border-radius: 9px;
    background: var(--toast-color, #2563eb) center / 16px no-repeat;
}
#toast-container > .toast-success { --toast-color: #16a34a; }
#toast-container > .toast-error { --toast-color: #dc2626; }
#toast-container > .toast-warning { --toast-color: #d97706; }
#toast-container > .toast-info { --toast-color: #ff5a1f; }
#toast-container > .toast-success::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E"); }
#toast-container > .toast-error::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E"); }
#toast-container > .toast-warning::before,
#toast-container > .toast-info::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M12 8v5M12 16.5v.5'/%3E%3C/svg%3E"); }
#toast-container .toast-title { font-weight: 700; }
#toast-container .toast-progress { background: var(--toast-color); opacity: .9; height: 3px; }
#toast-container .toast-close-button { color: #fff; opacity: .6; text-shadow: none; font-weight: 400; top: 2px; }
#toast-container .toast-close-button:hover { opacity: 1; }
#toast-container.toast-top-left, #toast-container.toast-top-right { top: 18px; }
#toast-container.toast-top-left { left: 18px; }
#toast-container.toast-top-right { right: 18px; }
[dir="rtl"] #toast-container > div { direction: rtl; text-align: right; }
[dir="rtl"] #toast-container .toast-close-button { float: left; right: auto; left: -.3em; }