/* Reuses the Manual card's typography, type tabs, county groups and year badges. */
/* Keep native modal dialogs centered even when the site's global reset clears margins. */
html body dialog.htca-dialog{position:fixed!important;inset:0!important;margin:auto!important;transform:none!important;overflow:auto;overscroll-behavior:contain;max-height:90vh;max-height:90dvh}
#hkaSpatialDashboard .htca-tabs{display:flex;gap:4px;margin:0 14px 10px;padding:3px;border:1px solid #dbe5f0;border-radius:7px;width:max-content;background:#f0f4fa}
#hkaSpatialDashboard .htca-tabs button{font-weight:600;line-height:1.4;font-family:inherit;font-size:11px;border:0;border-radius:5px;background:transparent;padding:6px 14px;color:#62768f;cursor:pointer}
#hkaSpatialDashboard .htca-tabs [aria-pressed=true]{background:#fff;color:#244b77;box-shadow:0 1px 4px #16345918}
#hkaSpatialDashboard .htca-active>.hds-types,#hkaSpatialDashboard .htca-active>.hds-filters,#hkaSpatialDashboard .htca-active>.hds-counties,#hkaSpatialDashboard .htca-active>.hds-coverage-status,#hkaSpatialDashboard .htca-active>.hds-export-actions,#hkaSpatialDashboard .htca-active>.hds-sync-feedback{display:none!important}
#hkaSpatialDashboard .htca-panel{min-width:0;color:var(--hds-ink,#244b77)}
#hkaSpatialDashboard .htca-panel [hidden],#hkaSpatialDashboard .htca-panel[hidden],#hkaSpatialDashboard .htca-tabs[hidden],body .htca-dialog [hidden]{display:none!important}
#hkaSpatialDashboard .htca-filters input{box-sizing:border-box;width:76px;min-width:0;height:34px;border:1px solid #dbe5f0;border-radius:6px;padding:4px 7px;color:var(--hds-ink);font-family:inherit;font-size:11px;background:#fff}
#hkaSpatialDashboard .htca-filters .hds-icon-button{font-size:18px}
#hkaSpatialDashboard .htca-message{font-size:10px;line-height:1.5;color:#62768f;margin:8px 14px 0;overflow-wrap:anywhere}
#hkaSpatialDashboard .htca-message:empty{display:none}
#hkaSpatialDashboard .htca-list{max-height:260px;overscroll-behavior:contain}
#hkaSpatialDashboard .htca-county>summary::before{content:'›';color:#7890a9;font-size:16px;line-height:1}
#hkaSpatialDashboard .htca-county[open]>summary::before{transform:rotate(90deg)}
#hkaSpatialDashboard .htca-row{display:grid;grid-template-columns:minmax(0,1fr) 58px auto;align-items:center;gap:9px;padding:8px 10px;border-top:1px solid #edf2f8}
#hkaSpatialDashboard .htca-name{text-align:left;line-height:1.4}
#hkaSpatialDashboard .htca-year-sync{font-family:inherit;font-size:10px;font-weight:550;white-space:nowrap;height:28px;padding:4px 7px;border:1px solid #cdddec;border-radius:6px;background:#f4f8fc;color:#285886;cursor:pointer}
#hkaSpatialDashboard .htca-exports{padding:10px 14px;border-top:1px solid #e8eef6}
#hkaSpatialDashboard .htca-resume{margin:5px 14px}
#hkaSpatialDashboard .htca-panel button:disabled,body .htca-dialog button:disabled{opacity:.55;cursor:wait}
#hkaSpatialDashboard .htca-panel button:focus-visible,#hkaSpatialDashboard .htca-panel input:focus-visible,#hkaSpatialDashboard .htca-tabs button:focus-visible,body .htca-dialog :is(button,input,select):focus-visible{outline:2px solid #2167ae;outline-offset:2px}
body .htca-dialog{font-family:inherit;border:1px solid #d7e3ef;border-radius:9px;width:min(1080px,94vw);max-width:94vw;max-height:90vh;box-sizing:border-box;padding:0;color:#244b77;background:#fff;box-shadow:0 16px 54px #16345130}
body .htca-dialog::backdrop{background:#16334266}
body .htca-dialog>header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px 22px;border-bottom:1px solid #dfe7f0}
body .htca-dialog h3{font-size:19px;font-weight:550;margin:0;line-height:1.4}
body .htca-dialog header small{font-size:10px;letter-spacing:.5px;color:#6f8297;display:block;margin-bottom:4px}
body .htca-dialog button{font-family:inherit;font-size:12px;line-height:1.4;padding:7px 11px;border:1px solid #d3deeb;background:#fff;color:#294e78;border-radius:5px;cursor:pointer}
body .htca-dialog-body{padding:16px 22px;font-size:12px;line-height:1.5}
body .htca-table-wrap{overflow:auto;max-height:55vh}
body .htca-table-wrap table{border-collapse:collapse;min-width:940px;width:100%;font-size:10px;text-align:center}
body .htca-table-wrap td,body .htca-table-wrap th{padding:6px 3px;border:1px solid #e4ecee;white-space:nowrap}
body .htca-table-wrap th{background:#f1f6fa;position:sticky;top:0}
body .htca-table-wrap td[data-state=available]{background:#eaf6f0;color:#1f7355}
body .htca-table-wrap td[data-state=missing]{background:#fff4e5;color:#936a32}
body .htca-table-wrap td[data-state=future],body .htca-table-wrap td[data-state=unknown]{color:#8999a8}
body .htca-detail-actions{display:flex;flex-wrap:wrap;gap:7px;align-items:center}
body .htca-year-dialog{width:min(630px,94vw)}
body .htca-month-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
body .htca-month-grid button{display:flex;flex-direction:column;gap:5px;text-align:left;background:#f8fafc;font-size:11px}
body .htca-month-grid strong{font-size:16px}body .htca-month-grid small{font-size:9px;color:#6c7f94}
body .htca-export-dialog{width:min(690px,94vw)}
body .htca-export-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 18px;padding:22px 24px 14px}
body .htca-export-grid label{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:12px;color:#6c8198}
body .htca-export-grid :is(input,select){font-family:inherit;font-size:13px;line-height:1.4;box-sizing:border-box;width:100%;height:37px;border:1px solid #cfdcec;border-radius:4px;color:#294e78;background:#fff;padding:6px 10px;min-width:0}
body .htca-export-grid input[readonly]{background:#f7f9fc}
body .htca-export-meta{display:grid;grid-template-columns:160px minmax(0,1fr);gap:0 12px;font-size:12px;margin:0 24px;line-height:1.4}
body .htca-export-meta dt,body .htca-export-meta dd{padding:8px 0;border-bottom:1px solid #edf1f7;margin:0;overflow-wrap:anywhere}
body .htca-export-meta dt{color:#72849b}
body .htca-export-help,body .htca-export-status{margin:14px 24px;font-size:11px;line-height:1.6;color:#6c8198;overflow-wrap:anywhere}
body .htca-export-status{color:#285886}body .htca-export-status:empty{display:none}
body .htca-export-dialog form>footer{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:8px;padding:14px 24px;background:#f7f9fc;border-top:1px solid #dfe7f0}
body .htca-export-dialog .htca-export-submit{background:#244b77;color:#fff;border-color:#244b77;min-width:110px}
@media(max-width:640px){#hkaSpatialDashboard .htca-tabs{margin-left:10px}#hkaSpatialDashboard .htca-row{gap:6px;padding:8px}#hkaSpatialDashboard .htca-message{margin-inline:10px}#hkaSpatialDashboard .htca-exports{padding:10px}body .htca-dialog>header{padding:14px 16px}body .htca-dialog h3{font-size:16px}body .htca-dialog-body{padding:12px}body .htca-export-grid{padding:16px;gap:12px}body .htca-export-meta{margin:0 16px;grid-template-columns:130px minmax(0,1fr);font-size:11px}body .htca-export-help,body .htca-export-status{margin:12px 16px}body .htca-export-dialog form>footer{padding:12px 16px}}
@media(max-width:380px){body .htca-export-grid{grid-template-columns:minmax(0,1fr)}body .htca-month-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#hkaSpatialDashboard .htca-year-sync{padding-inline:5px}#hkaSpatialDashboard .htca-row{column-gap:5px}}

body .htca-export-dialog .htca-resume{margin:0 24px 12px}
