.healthcare-app .app:has(>main[data-page="history"]){min-height:100dvh;background:#e9f5ff url('/assets/overview-briefing-background.svg') left top/100% 100% no-repeat}
.healthcare-app main[data-page="history"]{max-width:1440px;padding:32px 32px 24px;min-height:100dvh}
.healthcare-app main[data-page="history"] 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="history"] #page-subtitle{font-size:13px;color:#4d6690;margin-top:8px}
.healthcare-app #view .history-table{table-layout:fixed;width:100%;min-width:820px;font-size:12px}
.healthcare-app #view .history-table th{padding:12px 10px;font-size:11px;color:#163d76;background:#e9f3ff;font-weight:650;border-bottom:1px solid #cbdef7}
.healthcare-app #view .history-table td{padding:11px 10px;border-bottom:1px solid #e3edf9;color:#1e4279;vertical-align:middle;overflow-wrap:anywhere;line-height:1.45}
.history-table tbody tr{cursor:pointer}.history-table tbody tr:nth-child(even){background:#f9fcff}.history-table tbody tr:hover{background:#edf5ff}.history-table tbody tr:focus-visible{outline:2px solid #075eff;outline-offset:-2px}
.healthcare-app #view .history-table td:last-child{padding:4px;text-align:center}.history-table td:last-child .text-btn{font-size:25px;min-width:28px;min-height:34px;text-align:center}
.history-table .review-status{font-size:10px;padding:4px 8px}.history-detail .roster-fields{margin:24px 0;gap:18px}.history-detail dd{white-space:pre-wrap}
@media(max-width:1100px){.healthcare-app main[data-page="history"]{padding:28px 24px}}
@media(max-width:650px){.healthcare-app main[data-page="history"]{padding:24px 16px}.healthcare-app main[data-page="history"] h1{font-size:32px}}

/* History evidence uses the same shell as provider and account popups. */
.healthcare-app #modal:has(.history-event-card){width:min(760px,calc(100vw - 32px));height:fit-content;max-height:calc(100dvh - 32px);bottom:auto;top:50%;margin-top:0;margin-bottom:0;translate:0 -50%}
.healthcare-app #modal:has(.history-event-card)>#modal-content{height:auto}
.healthcare-app #modal .history-event-card{height:auto;max-height:calc(100dvh - 34px)}
.healthcare-app #modal .history-event-summary{padding:18px 20px;margin-bottom:20px;border:1px solid #bfdcf5;border-radius:5px;background:#edf6ff}
.healthcare-app #modal .history-event-summary h3{margin:0;color:#062956;font-size:20px;line-height:1.4;overflow-wrap:anywhere}
.healthcare-app #modal .history-event-summary p{margin:5px 0 0;color:#436183;font-size:15px;line-height:1.5;overflow-wrap:anywhere}
.healthcare-app #modal .history-event-card .provider-card-fields th{width:32%;vertical-align:middle}
.healthcare-app #modal .history-event-card .provider-card-fields td{vertical-align:middle;white-space:pre-wrap}
.healthcare-app #modal .history-event-card .provider-card-footer{display:flex;justify-content:flex-end;padding:18px 26px;background:#edf6ff;border-top:1px solid #bfdcf5}
.healthcare-app #modal .history-event-card .provider-card-footer .btn{padding:11px 24px;border-width:1px;min-height:44px}
@media(max-width:650px){.healthcare-app #modal:has(.history-event-card){width:calc(100vw - 16px);max-height:calc(100dvh - 24px)}.healthcare-app #modal .history-event-card{max-height:calc(100dvh - 26px)}.healthcare-app #modal .history-event-card .provider-card-footer{padding:16px 12px}}