:root{--paper:#f3f6fa;--ink:#1f3444;--blue:#285ec7;--teal:#287d78;--amber:#ad6119;--rule:#dce5ec;--white:#fff;--muted:#637686;--pale-blue:#eaf0ff;--pale-amber:#fbefdf;--body:Arial,sans-serif;--display:'Trebuchet MS',Arial,sans-serif;--data:'DejaVu Sans Mono',Consolas,monospace}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--white);font:12px/1.35 var(--body)}button,input,select{font:inherit;color:inherit}button,a,input,select,summary{touch-action:manipulation}button{cursor:pointer;background:none;border:0}button:disabled{opacity:.4;cursor:default}:focus-visible{outline:2px solid var(--blue);outline-offset:2px}a{color:var(--blue);text-underline-offset:3px}input,select{border:1px solid var(--rule);border-radius:4px;background:var(--white);padding:5px 7px;min-width:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display)}h1{font-size:18px;font-weight:600}h2{font-size:18px}.muted{color:var(--muted)}
.sheet .name-head,.sheet .metric-name{position:sticky;left:0;min-width:230px;width:230px;max-width:230px}.sheet .name-head{z-index:6}.sheet .metric-name{z-index:2;background:var(--white);font-weight:400;text-align:left}.metric-name button{display:block;width:100%;min-height:44px;padding:7px 9px;text-align:left;font-weight:600;line-height:1.25}.metric-name small{display:block;color:var(--muted);font-size:10px;font-weight:400;margin-top:3px}
.sheet .unit-head,.sheet .metric-unit{position:sticky;left:230px;min-width:80px;width:80px;max-width:80px;background:var(--white);padding:5px 7px;font-size:10px}.sheet .unit-head{z-index:6;background:var(--paper)}.sheet .metric-unit{z-index:2}.sheet .count-col{width:34px;min-width:34px;text-align:center;color:var(--muted);font:10px var(--data);padding:4px}.sheet .trend-col{width:104px;min-width:104px;padding:0 7px}.sheet .result-col{min-width:100px;width:100px;max-width:160px}
.result-cell{display:block;min-height:43px;width:100%;text-align:left;padding:5px 8px;font:12px var(--data)}.result-cell .value{display:flex;align-items:baseline;gap:4px;white-space:nowrap}.result-cell .value.textual{white-space:normal;font:11px/1.25 var(--body);max-width:155px}.result-cell .date{display:block;font:10px var(--data);color:var(--muted);margin-top:3px;white-space:nowrap}.result-cell .reference{font:9px var(--body);display:block;color:var(--muted);margin-top:2px}.sheet td.has-flag{background:var(--pale-amber)}.result-cell.flagged{color:var(--amber)}.marker{color:var(--teal);font:9px var(--body);letter-spacing:-.3px}.method-marker{color:var(--muted);background:var(--paper);border:1px solid var(--rule);border-radius:3px;font:8px var(--body);padding:0 2px;white-space:nowrap}.unit-warning{color:var(--amber);font-size:10px}
.sheet tbody tr:hover>th,.sheet tbody tr:hover>td{background:var(--pale-blue)}.sheet .missing{text-align:center;color:var(--rule);padding:5px;font-size:10px}.sheet .group-row th{text-align:left;padding:4px 9px;color:var(--teal);font-size:10px;background:#eaf3f1;letter-spacing:.15px}.group-row small{font-weight:400;margin-left:10px;color:var(--muted)}.group-row span{position:sticky;left:9px}
.sparkline{display:block;width:90px;height:30px}.sparkline .line{stroke:var(--blue);stroke-width:1.4;fill:none}.sparkline .transition{stroke:var(--muted);stroke-dasharray:2 3;stroke-width:1.4;fill:none}.sparkline .dot{fill:var(--blue)}.sparkline .flag{fill:var(--amber)}.sparkline .limit{fill:var(--white);stroke:var(--ink);stroke-width:1}.sparkline .ms-dot{fill:var(--white);stroke:var(--blue);stroke-width:1.4}
footer{display:flex;justify-content:space-between;gap:14px;font-size:10px;color:var(--muted);padding:7px 2px}.empty-state{padding:45px 20px;text-align:center;background:var(--paper);border:1px solid var(--rule);border-radius:5px}.empty-state h2{margin-bottom:10px}.empty-state button{margin-top:15px}
.charts-list{border:1px solid var(--rule);border-radius:5px;max-height:calc(100dvh - 214px);overflow:auto}.chart-track{display:grid;grid-template-columns:230px minmax(0,1fr);gap:20px;padding:12px 18px;border-bottom:1px solid var(--rule)}.track-name{font-weight:600;text-align:left;padding:8px 0}.track-name small{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:5px}.large-chart{display:block;width:100%;max-height:200px}.large-chart text{font:11px var(--data);fill:var(--muted)}.large-chart .grid{stroke:var(--rule);stroke-dasharray:3 4}.large-chart .line{stroke:var(--blue);fill:none;stroke-width:1.7}.large-chart .transition{stroke:var(--muted);fill:none;stroke-width:1.7;stroke-dasharray:4 4}.large-chart .band{stroke:var(--teal);stroke-width:13;opacity:.14}.large-chart .dot{fill:var(--white);stroke:var(--blue);stroke-width:1.6}.large-chart .flag{stroke:var(--amber);fill:var(--pale-amber)}.large-chart .ms-dot{stroke:var(--blue);fill:var(--blue)}.large-chart .limit{fill:var(--white);stroke:var(--ink);stroke-width:1.5}.large-chart a:hover .dot{stroke-width:4}.text-track{padding:10px;color:var(--muted);font-size:11px}.charts-more{padding:9px;margin:8px 18px;border:1px solid var(--rule);border-radius:4px}
 dialog{width:780px;max-width:calc(100vw - 24px);max-height:92dvh;border:1px solid var(--rule);border-radius:8px;padding:0;color:var(--ink);box-shadow:0 12px 70px #1f34442e}dialog::backdrop{background:#1f344440}.detail-body{padding:19px 22px}.detail-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.detail-top small{display:block;font-size:11px;color:var(--muted);margin-bottom:4px}.close-button{font-size:20px;padding:0 6px}.detail-subtitle{font-size:11px;color:var(--muted);margin:8px 0}.detail-reading{display:flex;align-items:baseline;gap:10px;margin:18px 0 7px}.detail-reading strong{font:25px var(--data)}.detail-reading strong.textual{font:15px/1.5 var(--body)}.normalization-line{padding:8px 10px;background:var(--paper);font-size:12px;margin:10px 0;border-radius:4px}.normalization-line a{font-size:10px;margin-left:8px}.detail-fields{display:grid;grid-template-columns:140px minmax(0,1fr);font-size:12px;gap:8px 15px;margin:16px 0}.detail-fields dt{color:var(--muted)}.detail-fields dd{margin:0}.detail-note{font-size:11px;white-space:pre-wrap;border-top:1px solid var(--rule);padding-top:12px;margin-top:14px;line-height:1.6}.detail-actions{display:flex;gap:17px;margin:15px 0;align-items:center}.detail-actions a{font-size:11px}.detail-history{width:100%;border-collapse:collapse;font-size:11px}.detail-history td,.detail-history th{padding:6px 8px;text-align:left;border-bottom:1px solid var(--rule)}.detail-history th{color:var(--muted);font-weight:400}.detail-history .source-value{color:var(--muted)}.history-scroll{max-height:300px;overflow:auto;margin-top:10px}.history-scroll .result-cell{min-height:0;padding:0;font-size:11px}.detail-chart{margin-top:15px}
@media(max-width:700px){.sheet .name-head,.sheet .metric-name{width:160px;min-width:160px;max-width:160px}.sheet .unit-head,.sheet .metric-unit{left:auto;position:static;min-width:66px;width:66px;max-width:66px}.sheet .metric-name button{font-size:11px}.sheet .result-col{min-width:94px}footer{flex-direction:column;gap:5px}.chart-track{grid-template-columns:1fr;gap:3px;padding:10px}.detail-body{padding:16px 13px}.detail-fields{grid-template-columns:100px minmax(0,1fr);gap:8px;font-size:11px}.detail-history td,.detail-history th{padding:5px;font-size:10px}.detail-actions{gap:12px;flex-wrap:wrap}.normalization-line{font-size:11px}.detail-reading strong{font-size:21px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}}
.result-cell .value.textual{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-height:29px}

.mobile-meta{display:none!important}
@media(max-width:700px){.sheet .trend-col,.sheet .count-col{display:none}.mobile-meta{display:block!important}.method-note{display:none!important}}
@media(max-width:700px){.sheet .unit-head{position:sticky;left:auto}}

main{padding:6px 10px 0}
.toolbar{display:grid;grid-template-columns:auto auto auto minmax(150px,1fr) auto;grid-template-areas:'title views doctor search settings';align-items:center;gap:8px;min-height:30px}
.toolbar h1{grid-area:title;font-size:16px;white-space:nowrap}.view-tabs{grid-area:views;display:flex;gap:1px;background:var(--paper);border:1px solid var(--rule);border-radius:4px;padding:2px;white-space:nowrap}.view-tabs button{padding:4px 9px;border-radius:3px;font-size:11px}.view-tabs button[aria-selected=true]{background:var(--ink);color:var(--white)}
.doctor-filter{grid-area:doctor;display:flex;align-items:center;gap:5px;font-size:11px;color:var(--muted);white-space:nowrap}.doctor-filter select{max-width:140px;font-size:11px;padding:4px 5px}.search{grid-area:search;min-width:0}.search input{width:100%;padding:5px 7px;font-size:11px}#settings-menu{grid-area:settings}
.button{border:1px solid var(--rule);border-radius:4px;padding:5px 9px;white-space:nowrap}.text-button{color:var(--blue)}.toolbar-menu{position:relative;min-width:0}.toolbar-menu>summary{cursor:pointer;border:1px solid var(--rule);border-radius:4px;padding:5px 7px;font-size:11px;white-space:nowrap}.toolbar-menu[open]>summary{background:var(--pale-blue);color:var(--blue)}#settings-count:not(:empty){font:10px var(--data);margin-left:3px;background:var(--pale-blue);color:var(--blue);padding:1px 4px;border-radius:3px}
.settings-panel,.period-panel{position:absolute;z-index:20;top:calc(100% + 5px);right:0;background:var(--white);border:1px solid var(--rule);border-radius:6px;padding:12px;box-shadow:0 8px 24px #1f34441a;max-width:calc(100vw - 20px);max-height:calc(100dvh - 70px);overflow:auto}.settings-panel{width:410px}.settings-heading{font-size:11px;font-weight:600;margin:11px 0 7px}.settings-heading:first-child{margin-top:0}.settings-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px 10px}.settings-grid label,.date-range label{display:flex;flex-direction:column;gap:4px;font-size:10px;color:var(--muted)}.settings-grid select{width:100%;font-size:11px;color:var(--ink)}
#metrics-picker{margin:12px 0 8px}#metrics-picker>summary{cursor:pointer;font-size:11px;padding:5px 0}.picker-popup{padding:5px 0}.picker-popup>button{color:var(--blue);padding:3px 0;font-size:11px}#metric-choices{max-height:250px;overflow:auto}.metric-choice{display:flex;gap:8px;align-items:flex-start;border-bottom:1px solid var(--rule);padding:7px 0}.metric-choice input{accent-color:var(--blue);margin-top:2px}.metric-choice small{font-size:10px;color:var(--muted);display:block}.settings-actions{display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding-top:10px;border-top:1px solid var(--rule);font-size:11px}.settings-actions button{font-size:11px}.archive-counts{font-size:10px;color:var(--muted);margin-top:9px}
.navigation-row{display:flex;align-items:center;gap:8px;min-width:0;margin:4px 0}#groups{display:flex;gap:2px;align-items:center;flex:1;min-width:0;overflow:auto;scrollbar-width:thin}.group-button{white-space:nowrap;padding:4px 7px;border-radius:4px;font-size:11px;color:var(--muted)}.group-button span{font:9px var(--data);margin-left:5px;opacity:.65}.group-button.active{background:var(--pale-blue);color:var(--blue);font-weight:600}#period-menu{flex-shrink:0}#period-menu>summary{max-width:190px;overflow:hidden;text-overflow:ellipsis}.period-panel{width:285px}.period-presets{display:flex;gap:5px;margin-bottom:10px}.period-presets button{padding:5px 7px;font-size:11px;border-radius:3px}.period-presets .active{background:var(--pale-blue);color:var(--blue)}.date-range{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.date-range input{width:100%;font:10px var(--data);color:var(--ink);padding:5px 3px}
.table-caption{display:flex;align-items:center;flex-wrap:wrap;gap:5px 10px;color:var(--muted);font-size:10px;margin:3px 1px 5px;min-height:14px}.table-caption strong{font:10px var(--data);color:var(--ink)}#view-description{margin-left:auto}#active-controls{display:contents}.setting-chip{display:flex;align-items:center;gap:6px;border:1px solid var(--rule);border-radius:3px;font-size:10px;padding:2px 5px;color:var(--blue);background:var(--pale-blue)}.setting-chip span{font-size:12px}
.sheet{width:100%;border-collapse:separate;border-spacing:0;font-size:12px}.sheet-scroller{overflow:auto;border:1px solid var(--rule);border-radius:5px;overscroll-behavior:contain}
.sheet th,.sheet td{border-bottom:1px solid var(--rule);border-right:1px solid var(--rule);padding:0;background:var(--white);vertical-align:middle}.sheet thead th{position:sticky;top:0;z-index:4;background:var(--paper);font-size:10px;font-weight:500;padding:8px 7px;white-space:nowrap;text-align:left}
.sheet-scroller,.charts-list{max-height:calc(100dvh - var(--content-top,140px) - var(--footer-space,38px));min-height:240px}
@media(max-width:1100px){.toolbar{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:'title views settings' 'doctor search search';gap:5px 8px}.view-tabs{justify-self:start}}
@media(max-width:700px){main{padding:5px 8px 0}.toolbar{grid-template-areas:'title views views' 'doctor search settings';gap:5px 6px}.toolbar h1{font-size:15px}.view-tabs{justify-self:end}.view-tabs button{font-size:10px;padding:5px 8px}.doctor-filter{gap:4px;font-size:10px}.doctor-filter select{max-width:104px;font-size:10px}.search input{font-size:10px}.toolbar-menu>summary{font-size:10px;padding:5px}.settings-panel{max-height:calc(100dvh - 105px)}.navigation-row{gap:5px;margin:5px 0}.group-button{font-size:10px;padding:4px 6px}#period-menu>summary{max-width:155px}.table-caption{gap:4px 7px;font-size:10px}#view-description{font-size:9px}.sheet-scroller,.charts-list{--footer-space:76px}}
