/* Accessible, persistent action errors; no dependency on Tailwind. */
.ui-toast-region { position: fixed; right: 20px; bottom: 20px; z-index: 100; display: grid; gap: 10px; width: min(430px, calc(100vw - 32px)); }
.feedback-toast { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 16px; border: 1px solid #a9d4ba; border-left: 5px solid #087244; border-radius: 12px; color: #173d2b; background: #f0fdf4; box-shadow: 0 8px 30px #10231b26; font: 14px/1.5 system-ui, sans-serif; overflow-wrap: anywhere; }
.feedback-toast--error { background: #fff7f7; color: #7f1d1d; border-color: #fecaca; border-left-color: #b91c1c; }
.feedback-toast > div { min-width: 0; }
.feedback-toast p { margin: 4px 0; }
.feedback-toast small { display: block; margin-top: 8px; }
.feedback-toast a { display: inline-block; color: inherit; font-weight: 700; margin-top: 8px; text-decoration: underline; }
.feedback-toast button { flex-shrink: 0; min-width: 32px; min-height: 32px; border: 0; border-radius: 6px; color: inherit; background: transparent; font-size: 24px; cursor: pointer; }
.feedback-toast button:hover { background: #0000000d; }
.feedback-toast :is(a,button):focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
form[aria-busy="true"] button[type="submit"] { cursor: wait; opacity: .65; }
@media(max-width:480px) { .ui-toast-region { right: 16px; bottom: 16px; } }