/* ── Toast Notifications ── */
#toast-container { position: fixed; z-index: 999999; pointer-events: none; }
#toast-container > .toast {
    pointer-events: auto; position: relative; overflow: hidden;
    margin: 0 0 var(--space-2); padding: 15px 15px 15px 50px;
    width: min(300px, calc(100vw - 32px));
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-md);
    color: var(--color-white); opacity: 0.95;
    font-size: var(--font-size-base); font-family: var(--font-sans);
}
#toast-container > .toast:hover { box-shadow: var(--shadow-lg); opacity: 1; cursor: pointer; }
.toast-title { font-weight: 700; margin-bottom: var(--space-1); }
.toast-message { word-wrap: break-word; }

.toast-success { background-color: var(--color-toast-success); }
.toast-error   { background-color: var(--color-toast-error); }
.toast-info    { background-color: var(--color-toast-info); }
.toast-warning { background-color: var(--color-toast-warning); color: var(--color-text); }

.toast-top-center    { top: var(--space-3); right: 0; width: 100%; }
.toast-top-right     { top: var(--space-3); right: var(--space-3); }
.toast-top-left      { top: var(--space-3); left: var(--space-3); }
.toast-bottom-center { bottom: var(--space-3); right: 0; width: 100%; }
.toast-bottom-right  { bottom: var(--space-3); right: var(--space-3); }
.toast-bottom-left   { bottom: var(--space-3); left: var(--space-3); }

.toast-top-center > .toast, .toast-bottom-center > .toast { margin-left: auto; margin-right: auto; }