/* Toast notifications (login page) */
.toast-container { position: fixed; top: var(--space-md); right: var(--space-md); z-index: 1000; display:flex; flex-direction:column; gap: var(--space-sm); }
.toast { min-width:400px; padding: var(--space-md); border-radius: 0; color: rgb(var(--color-canvas)); font-size: var(--font-size-body); font-weight:500; animation: toastSlideIn .5s cubic-bezier(.34,1.56,.64,1); position:relative; display:flex; align-items:center; gap: var(--space-sm); border:2px solid transparent; min-height:72px; backdrop-filter: blur(10px); box-shadow: var(--shadow-dramatic); }
@keyframes toastSlideIn{from{opacity:0;transform:translateX(100%) scale(.9)}to{opacity:1;transform:none}}
.toast-body{ flex:1 }
.toast-close{ background:none; border:none; color: rgb(var(--color-canvas)); font-size: var(--font-size-medium); cursor:pointer; padding: var(--space-sm); border-radius: 0; transition: opacity var(--transition-spring); display:flex; align-items:center; justify-content:center; min-width:72px; min-height:72px }
.toast-close:hover{ opacity:.7; transform: scale(1.1) }
.toast.bg-success{ background: linear-gradient(135deg, rgb(var(--color-success)) 0%, rgb(var(--color-success-gradient-light)) 100%) }
.toast.bg-error{ background: linear-gradient(135deg, rgb(var(--color-error)) 0%, rgb(var(--color-error-gradient-light)) 100%) }
.toast.bg-info{ background: linear-gradient(135deg, rgb(var(--color-primary)) 0%, rgb(var(--color-primary-hover)) 100%) }

@media (max-width:768px){
  .toast-container{ top: var(--space-xs); right: var(--space-xs); left: var(--space-xs) }
  .toast{ min-width:auto; width:100% }
}