.healthcare-app .app:has(>main[data-page="alerts"]){min-height:100dvh;background:#e9f5ff url('/assets/overview-briefing-background.svg') left top/100% 100% no-repeat}
.healthcare-app main[data-page="alerts"]{max-width:1440px;padding:32px 32px 24px;min-height:100dvh}
.healthcare-app main[data-page="alerts"] h1{font-size:clamp(30px,3.2vw,42px);line-height:1.2;letter-spacing:-.04em;font-weight:800;color:#071746}
.healthcare-app main[data-page="alerts"] #page-subtitle{font-size:13px;color:#4d6690;margin-top:8px}
.healthcare-app #view .alerts-table{table-layout:fixed;width:100%;min-width:900px;font-size:12px}
.healthcare-app #view .alerts-table th{padding:12px 10px;font-size:11px;color:#163d76;background:#e9f3ff;font-weight:650;border-bottom:1px solid #cbdef7}
.healthcare-app #view .alerts-table td{padding:15px 12px;border-bottom:1px solid #e3edf9;color:#1e4279;vertical-align:middle;overflow-wrap:anywhere}
.alerts-table td strong{display:block;font-size:12px;color:#102c60}.alerts-table td small{display:block;font-size:10px;line-height:1.5;color:#647d9f;margin-top:4px}
.alerts-table tbody tr{cursor:pointer}.alerts-table tbody tr:hover{background:#f2f8ff}.alerts-table tbody tr:focus-visible{outline:2px solid #075eff;outline-offset:-2px}
.alerts-table .alert-unread{background:#f8fbff}.alert-status{display:inline-flex;align-items:center;gap:7px;font-size:11px;white-space:nowrap}.alert-status i{width:7px;height:7px;border-radius:50%;background:#99abc4}.alert-status.is-unread{font-weight:650}.alert-status.is-unread i{background:#075eff}
.alerts-table td .btn{font-size:10px;padding:6px 8px;min-height:32px;border-color:#bed5f6;color:#075eff;white-space:normal;width:100%}
.alerts-tools{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px;padding-top:16px;border-top:1px solid #e2ebf8}.alerts-tools .btn{font-size:11px;min-height:34px;padding:7px 12px}
#alert-preferences{scroll-margin-top:24px}#alert-preferences>p{margin:10px 0 16px}
@media(max-width:1100px){.healthcare-app main[data-page="alerts"]{padding:28px 24px}}
@media(max-width:650px){.healthcare-app main[data-page="alerts"]{padding:24px 16px}.healthcare-app main[data-page="alerts"] h1{font-size:32px}.alerts-tools{flex-wrap:wrap}}

/* Notification details share the approved popup shell. */
.healthcare-app #modal:has(.alert-details-card){width:min(680px,calc(100vw - 32px));height:fit-content;bottom:auto;top:50%;margin-block:0;translate:0 -50%;border-radius:8px}
.healthcare-app #modal:has(.alert-details-card)>#modal-content{height:auto}
.healthcare-app #modal .alert-details-card{height:auto;max-height:calc(100dvh - 34px)}
.healthcare-app #modal .alert-details-summary{padding:18px;border:1px solid #bfdcf5;border-radius:5px;background:#edf7ff;color:#102a54;font-size:16px;line-height:1.6;overflow-wrap:anywhere}
.healthcare-app #modal .alert-details-summary p{margin:8px 0;font-size:14px;line-height:1.6;color:#244970}
.healthcare-app #modal .alert-details-summary time{font-size:12px;color:#4d6690}
.healthcare-app #modal .alert-details-card .provider-card-footer{display:flex;justify-content:flex-end;flex-wrap:wrap;padding:18px 26px;gap:12px;background:#edf6ff;border-top:1px solid #bfdcf5}
.healthcare-app #modal .alert-details-card .provider-card-footer .btn{min-height:42px;padding:10px 16px;border-width:1px;font-size:14px;white-space:normal}