#portal-alerts:empty { display: none; }
#portal-alerts { position: relative; z-index: 1055; margin: 12px; }
#portal-alerts.portal-alerts--floating { position: fixed; top: 12px; left: 12px; right: 12px; margin: 0; max-height: 45vh; overflow-y: auto; }
.portal-alert.alert { display: flex; position: relative; align-items: flex-start; gap: 8px; padding: 16px 42px 16px 14px; margin: 0 0 12px; border: 1px solid; border-radius: 5px; text-align: left; font: 14px/1.5 system-ui, -apple-system, "Segoe UI", sans-serif; box-shadow: none; overflow-wrap: anywhere; }
.portal-alert.alert-danger { background: #f8d7da; border-color: #f5c2c7; color: #842029; }
.portal-alert.alert-warning { background: #fff3cd; border-color: #ffecb5; color: #856404; }
.portal-alert.alert-success { background: #d1e7dd; border-color: #badbcc; color: #0f5132; }
.portal-alert.alert-info { background: #cff4fc; border-color: #b6effb; color: #055160; }
.portal-alert .portal-alert__icon { font-size: 24px; line-height: 1.2; flex: 0 0 auto; }
.portal-alert .portal-alert__content { flex: 1; min-width: 0; }
.portal-alert .portal-alert__title { margin: 0 0 6px; font: 600 16px/1.4 system-ui, -apple-system, "Segoe UI", sans-serif; color: inherit; }
.portal-alert .portal-alert__message { color: inherit; }
.portal-alert .portal-alert__close { position: absolute; top: 6px; right: 9px; border: 0; padding: 3px 6px; background: transparent; color: inherit; font: 26px/1 system-ui; cursor: pointer; opacity: .7; }
.portal-alert .portal-alert__close:hover { opacity: 1; }
.portal-alert .portal-alert__close:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
.portal-error-page { max-width: 1100px; margin: 32px auto; padding: 16px; font-family: system-ui, sans-serif; }
@media (max-width: 576px) { .portal-alert.alert { padding: 12px 36px 12px 10px; } #portal-alerts.portal-alerts--floating { left: 8px; right: 8px; } }
@media print { #portal-alerts, .portal-alert__close { display: none !important; } }