.notification-stack { position: fixed; z-index: 10000; inset: auto; top: 18px; right: 18px; display: grid; gap: 8px; width: min(420px, calc(100vw - 36px)); padding: 0; margin: 0; border: 0; background: transparent; pointer-events: none; overflow: visible; }
.notification { padding: 14px 18px; border: 1px solid #8ac6aa; border-left: 4px solid #24824c; border-radius: 6px; background: #f4fff8; color: #163e26; box-shadow: 0 6px 24px #0002; font-size: 16px; line-height: 1.45; overflow-wrap: anywhere; letter-spacing: 0; }
.notification-error { border-color: #e9a2a2; border-left-color: #c92a2a; background: #fff5f5; color: #8b2020; }
form[aria-busy="true"] { cursor: progress; }
@media (max-width: 480px) { .notification-stack { top: 10px; right: 10px; width: calc(100vw - 20px); } }