/* Minimal notification styles (mobile-first) */
.toast { background: white; color: #111827; opacity: 0; transform: translateY(-6px); }
.toast-success { border-left: 4px solid #10B981; }
.toast-error { border-left: 4px solid #EF4444; }
.toast-warning { border-left: 4px solid #F59E0B; }
.toast-info { border-left: 4px solid #3B82F6; }
.toast-close { background: transparent; border: none; cursor: pointer; }
.modal-overlay { display:flex; }
.inline-error { color: #b91c1c; }

/* small responsive tweaks */
@media (max-width: 640px) {
    .notification-root { right: 0.5rem; left: 0.5rem; top: 3.25rem; align-items:flex-start; }
    .toast { width: auto; }
}

/* ensure toasts don't overlap the fixed navbar on desktop */
.notification-root { pointer-events: none; }
.notification-root .toast { pointer-events: auto; }