/* MedTel patient workspace: quiet enterprise surfaces, clear data, purposeful color. */
:root{
 --mist:#f5f7fc; --paper:#ffffff; --paper-2:#f4f6fb; --pine:#17253b;
 --peacock:#076f74; --lotus:#6b50b4; --line:#e4e9f2; --line-soft:#edf0f6;
 --ink-2:#50617a; --ink-3:#627189; --accent-soft:#e9f6f4; --accent-strong:#05696d;
 --lotus-soft:#f0edfb; --good:#25724e; --good-soft:#eaf6ef;
 --watch:#8c5b11; --watch-soft:#fff3dd; --urgent:#b63443; --urgent-soft:#fff0f1;
 --grid:#e9edf5; --axis:#ced7e4; --baseline:#8191a6;
 --band:rgba(8,126,131,.045); --band-edge:rgba(8,126,131,.22);
 --shadow:0 2px 4px rgba(24,42,72,.015),0 14px 36px -24px rgba(24,42,72,.15);
 --radius:22px; --radius-sm:12px; 
 --font-body:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
 --font-display:"Manrope","Inter",ui-sans-serif,system-ui,sans-serif;
 --primary:var(--accent); --primary-tint:var(--accent-soft); --muted:var(--ink-2);
 --muted-2:var(--ink-3); --critical:var(--urgent); --neutral-chip:var(--surface-2);
 --warning-tint:var(--watch-soft); --nav-bg:#fff; --nav-text:#52627a;
 --metric-blue:#4a70c7; --metric-violet:#7860c9; --metric-amber:#986233;
 --voice-surface:linear-gradient(145deg,#f1f4ff 0%,#eef8f8 70%,#f4fbf9 100%);
 --hero-glow:rgba(196,209,250,.22); --orb-a:#0c918e; --orb-b:#6d63ce;
}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){
 --mist:#101824;--paper:#182334;--paper-2:#202d41;--pine:#edf3fb;--peacock:#79d7d1;--lotus:#b3a1ee;
 --line:#2b3b51;--line-soft:#25364b;--ink-2:#b6c6da;--ink-3:#9caec4;--accent-soft:#193d43;--accent-strong:#9ee6df;--accent-ink:#102a2e;
 --lotus-soft:#342e4d;--good:#88d6ac;--good-soft:#193b2e;--watch:#edc278;--watch-soft:#3c321f;--urgent:#ffa5af;--urgent-soft:#412932;
 --grid:#2b3c54;--axis:#415570;--baseline:#b3c3d7;--band:rgba(121,215,209,.05);--band-edge:rgba(121,215,209,.28);
 --nav-bg:#131d2b;--nav-text:#b5c4da;--metric-blue:#96b8ff;--metric-violet:#bca5f6;--metric-amber:#e7bb84;
 --voice-surface:linear-gradient(145deg,#262744,#17383e);--hero-glow:rgba(100,113,180,.08);--orb-a:#187f8a;--orb-b:#7160b5;
 --shadow:0 12px 30px -23px rgba(0,0,0,.5);
}}
:root[data-theme="dark"]{
 --mist:#101824;--paper:#182334;--paper-2:#202d41;--pine:#edf3fb;--peacock:#79d7d1;--lotus:#b3a1ee;
 --line:#2b3b51;--line-soft:#25364b;--ink-2:#b6c6da;--ink-3:#9caec4;--accent-soft:#193d43;--accent-strong:#9ee6df;--accent-ink:#102a2e;
 --lotus-soft:#342e4d;--good:#88d6ac;--good-soft:#193b2e;--watch:#edc278;--watch-soft:#3c321f;--urgent:#ffa5af;--urgent-soft:#412932;
 --grid:#2b3c54;--axis:#415570;--baseline:#b3c3d7;--band:rgba(121,215,209,.05);--band-edge:rgba(121,215,209,.28);
 --nav-bg:#131d2b;--nav-text:#b5c4da;--metric-blue:#96b8ff;--metric-violet:#bca5f6;--metric-amber:#e7bb84;
 --voice-surface:linear-gradient(145deg,#262744,#17383e);--hero-glow:rgba(100,113,180,.08);--orb-a:#187f8a;--orb-b:#7160b5;
 --shadow:0 12px 30px -23px rgba(0,0,0,.5);
}
html{font-size:17px}
html[data-text="large"]{font-size:21px}
body{letter-spacing:-.012em;background:var(--bg)}
h1,h2,h3{letter-spacing:-.035em}
button,.btn{min-height:44px;border-width:1px;border-radius:11px;padding:10px 16px;font-size:.82rem;font-weight:600;transition:background .15s,border-color .15s,box-shadow .15s}
input,textarea,select{border-width:1px;border-radius:11px;min-height:44px;font-size:.86rem}
.btn-primary{box-shadow:0 4px 10px -6px rgba(8,126,131,.7)}
.btn-quiet{color:var(--ink-2)}
.btn-quiet:hover{color:var(--accent)}
.card{padding:26px;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}
.card-title{margin-bottom:20px;align-items:flex-start}
.card-title h2{font-size:1rem;font-weight:800;line-height:1.4}
.card-title p{font-size:.75rem;line-height:1.65;margin-top:4px}
.card-title .aside{font-size:.7rem;border-radius:6px;padding:3px 8px;background:var(--surface-2)}
.eyebrow{display:block;font-size:.65rem;font-weight:700;letter-spacing:.12em;line-height:1.7;color:var(--ink-3)}

.text-toggle{min-height:39px;padding:5px 10px;border-radius:11px}
.live{font-size:.69rem;font-weight:600;padding:6px 9px;background:var(--good-soft)}
.live .dot{width:6px;height:6px}
.safety{font-size:.73rem;padding:5px 10px;margin-top:15px;border:0;background:transparent;box-shadow:none;color:var(--ink-3)}
.safety svg{width:15px;height:15px;color:var(--urgent)}
.safety a{font-size:.71rem;min-height:30px;padding:5px 8px;border-radius:7px;background:var(--urgent-soft);color:var(--urgent)}
main{max-width:1500px;padding-top:22px}
footer.foot{max-width:1500px;font-size:.72rem;color:var(--ink-3)}
.hello{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:4px 0 22px;position:relative}
.hello-copy{min-width:0}
.hello .eyebrow{font-size:.62rem;color:var(--accent);margin-bottom:7px}
.hello h1{font-size:2rem;font-weight:800;line-height:1.3}
.hello .date{font-size:.75rem;line-height:1.6;color:var(--ink-3);margin-top:5px}
.fresh{font-size:.73rem;gap:6px 13px;margin-top:9px}
.fresh svg{width:13px;height:13px}
.fresh .dot{width:5px;height:5px}
.hello-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:9px;flex-shrink:0}
.hello-actions .btn-quiet{border-color:var(--line);background:var(--surface);color:var(--ink-2)}
.summary{padding:12px 16px;gap:11px;border-radius:13px;border-color:var(--line);background:var(--surface);box-shadow:none;align-items:center}
.summary::before{width:3px}
.summary .s-icon{width:30px;height:30px;border-radius:9px}
.summary .s-icon svg{width:17px;height:17px}
.summary h2{font-size:.86rem;font-weight:700;line-height:1.45}
.summary p{font-size:.75rem;line-height:1.6;margin-top:2px}
.summary .s-actions{margin-top:7px}
.summary .s-actions .btn{min-height:32px;padding:5px 8px;font-size:.73rem}
.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:24px 0 13px}
.section-heading h2{font-size:.95rem;font-weight:800}
.section-heading p{font-size:.74rem;margin-top:4px;color:var(--ink-3)}
.section-heading .btn-quiet{font-size:.74rem}
.vitals{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}
.vcard{--metric:var(--accent);border-radius:19px;border-color:var(--line);box-shadow:var(--shadow);overflow:hidden;min-width:0;display:flex;flex-direction:column;position:relative}
#vc-Oximeter{--metric:var(--metric-blue)}
#vc-Glucometer{--metric:var(--metric-amber)}
#vc-Scale{--metric:var(--metric-violet)}
.vc-main{flex:1;padding:20px 20px 13px;border-radius:19px 19px 0 0}
.vc-main:hover{background:var(--surface-2)}
.vc-top{position:relative;display:block;padding-right:35px;gap:0}
.vc-icon{position:absolute;right:0;top:0;width:32px;height:32px;background:var(--surface-2);color:var(--metric);border-radius:10px}
.vc-icon svg{width:19px;height:19px}
.vc-name{font-size:.8rem;font-weight:600;color:var(--ink-2)}
.vc-when{font-size:.73rem;line-height:1.5;margin-top:3px;color:var(--ink-3)}
.vc-value{margin-top:16px;gap:4px}
.vc-value .num{font-family:var(--font-display);font-size:2.2rem;line-height:1.2;font-weight:800;letter-spacing:-.065em;color:var(--ink)}
.vc-value .unit{font-size:.74rem;letter-spacing:0;font-weight:500;color:var(--ink-3);margin-left:4px}
.vc-sub{font-size:.73rem;color:var(--ink-3);margin-top:5px}
.vc-status{margin-top:9px}
.status{font-size:.71rem;padding:3px 6px;border-radius:6px;gap:3px;line-height:1.5}
.status svg{width:12px;height:12px}
.vc-detail{font-size:.73rem;line-height:1.55}
.spark{margin-top:12px}
.spark,.spark svg{height:42px}
.spark .series{stroke:var(--metric);stroke-width:1.8}
.spark .series.diastolic{stroke:var(--lotus)}
.spark .pt{fill:var(--metric);stroke:var(--surface)}
.spark .pt.diastolic{fill:var(--lotus)}
.vc-foot{font-size:.71rem;line-height:1.5;gap:5px;align-items:flex-start;flex-wrap:wrap;margin-top:6px;color:var(--ink-3)}
.vcard .tip summary{padding:9px 17px;min-height:40px;font-size:.71rem;font-weight:600;gap:6px;background:var(--surface);color:var(--ink-2);border-top:1px solid var(--line-soft)}
.vcard .tip summary svg{width:14px;height:14px}
.vcard .tip p{padding:3px 17px 13px;font-size:.73rem;line-height:1.7}
.home-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;margin-top:22px}
.overview-main,.overview-aside{min-width:0}
.overview-aside{display:flex;flex-direction:column;gap:16px}
.overview-lower-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;margin-top:20px}
.overview-lower-grid>.card{min-width:0}
.overview-trend{height:100%;padding:25px 27px}
.overview-chart-title{gap:18px;margin-bottom:12px;align-items:center}
.overview-chart-title h2{font-size:1.06rem}
.overview-chart-title select{margin-left:auto;max-width:170px;min-height:39px;padding:8px 11px;font-size:.77rem;background:var(--surface-2);border-color:transparent}
.overview-chart-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.overview-chart-ranges{display:flex;gap:3px;background:var(--surface-2);padding:3px;border-radius:10px}
.overview-chart-ranges button{min-height:31px;font-size:.71rem;padding:5px 10px;border:0;border-radius:7px;background:transparent;color:var(--ink-3)}
.overview-chart-ranges button[aria-pressed="true"]{background:var(--surface);color:var(--ink);box-shadow:0 1px 4px rgba(20,40,70,.08)}
.overview-chart-summary{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:17px 0 8px}
.overview-chart-value{font-family:var(--font-display);font-size:1.65rem;font-weight:800;letter-spacing:-.05em;line-height:1.25}
.overview-chart-unit{font-family:var(--font-body);font-size:.74rem;font-weight:500;letter-spacing:0;margin-left:6px;color:var(--ink-3)}
.overview-chart-time,.overview-chart-period{font-size:.72rem;color:var(--ink-3);line-height:1.7}
.overview-chart-period{text-align:right}
.overview-chart-legend,.overview-chart-series-key{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:.71rem;color:var(--ink-2);margin:8px 0 3px}
.line-key{height:3px;width:18px;border-radius:2px;background:var(--accent)}
.period-label{margin-left:auto}
.chart-series-key{display:inline-flex;align-items:center;gap:6px}
.chart-series-key::before{content:"";width:16px;height:3px;border-radius:2px;background:var(--accent)}
.chart-series-key.diastolic::before{background:var(--lotus)}
.chart .series{stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.chart .series.systolic{stroke:var(--accent)}
.chart .series.diastolic{stroke:var(--lotus)}
.chart .pt.systolic{fill:var(--accent)}
.chart .pt.diastolic{fill:var(--lotus)}
.chart .series-area{opacity:1;stroke:none}
.chart .hl-secondary{fill:var(--lotus);stroke:var(--surface)}
.chart .gridline{stroke:var(--grid);stroke-dasharray:3 5;stroke-width:1}
.chart .axisline{stroke:var(--axis)}
.chart .ax{fill:var(--ink-3)}
.chart-interaction-hint{font-size:.67rem;color:var(--ink-3);line-height:1.6;margin-top:7px}
.overview-chart-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid var(--line-soft);margin-top:13px;padding-top:12px;font-size:.71rem;color:var(--ink-3)}
.overview-chart-foot .btn-quiet{font-size:.71rem;min-height:32px;padding:5px 7px}
.overview-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px;min-height:260px;color:var(--ink-3);font-size:.82rem;text-align:center}
.recent-readings{list-style:none;padding:0;margin:0}
.recent-readings li{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line-soft);padding:13px 0}
.recent-readings li:last-child{border:0;padding-bottom:0}
.activity-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:var(--surface-2);color:var(--accent)}
.recent-readings strong{display:block;font-size:.79rem;font-weight:600}
.recent-readings time{display:block;font-size:.73rem;color:var(--ink-3);margin-top:4px}
.activity-value{margin-left:auto;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.95rem;font-weight:750;letter-spacing:-.02em}
.activity-value small{font-size:.7rem;color:var(--ink-3);font-weight:500}
.today-list li{padding:10px 0;gap:10px}
.today-list .ti{width:28px;height:28px;border-width:1px;background:var(--good-soft)}
.today-list .ti svg{width:16px;height:16px}
.today-list .tname{font-size:.79rem}
.today-list .tsub,.today-list .tstate{font-size:.71rem}
.week-row{margin-top:13px;padding:14px;border-radius:14px;background:var(--surface-2);border:0;gap:13px}
.week-copy b{font-size:.79rem}
.week-copy span,.week-copy .streak{font-size:.72rem;line-height:1.7}
.ring{width:64px;height:64px}
.nudges{font-size:.75rem}
.trust{font-size:.73rem;line-height:1.7;padding-top:13px}
.trust svg{width:16px;height:16px}
.care-line{font-size:.77rem;padding:12px;border-radius:12px;background:var(--lotus-soft);margin-top:13px}
.overview-voice-link{position:relative;isolation:isolate;overflow:hidden;padding:25px;border-radius:22px;border:1px solid var(--line);background:var(--voice-surface);box-shadow:var(--shadow);flex:1;margin:0;min-height:310px;display:flex;flex-direction:column;align-items:flex-start}
.overview-voice-link .eyebrow{font-size:.61rem;color:var(--lotus)}
.voice-art{width:100%;height:115px;display:flex;align-items:center;justify-content:center;position:relative;margin:10px 0 8px}
.voice-orb{width:78px;height:78px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(130deg,var(--orb-b),var(--orb-a));box-shadow:0 0 0 11px color-mix(in srgb,var(--lotus) 6%,transparent),0 0 0 24px color-mix(in srgb,var(--accent) 4%,transparent),0 18px 26px -16px var(--orb-b);color:#fff}
.voice-orb svg{width:39px;height:39px}
.voice-art>svg{position:absolute;inset:13px 0;width:100%;height:85px;color:var(--lotus);opacity:.17;z-index:-1}
.overview-voice-link h2{font-size:1.3rem;font-weight:800;line-height:1.35;letter-spacing:-.045em}
.overview-voice-link p{font-size:.76rem;color:var(--ink-2);line-height:1.75;margin-top:8px;max-width:30ch}
.overview-voice-link button{font-size:.78rem;border:1px solid var(--surface);background:var(--surface);color:var(--ink);border-radius:10px;width:100%;justify-content:space-between;margin-top:20px;padding:10px 14px;min-height:43px}
#checkinCard{padding:20px 22px}
#checkinCard .card-title{margin-bottom:14px}
#checkinCard h2{font-size:.84rem}
.feel{gap:7px}
.feel button.chip{border-radius:10px;font-size:.73rem;min-height:41px;padding:8px;flex:1}
.view-head{margin-bottom:23px}
.view-head h1{font-size:2rem;font-weight:800;line-height:1.35}
.view-head p{font-size:.82rem;color:var(--ink-3);line-height:1.8;max-width:720px;margin-top:8px}
.controls{align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}
.vital-tabs{gap:5px;flex-wrap:wrap}
.vital-tabs button{font-size:.76rem;min-height:40px;border-radius:10px}
.seg{background:var(--surface-2);padding:4px;border-radius:11px;gap:3px}
.seg button{font-size:.73rem;min-height:32px;padding:5px 10px;border:0;border-radius:8px}
.seg button[aria-pressed="true"]{background:var(--surface);color:var(--ink);box-shadow:0 1px 5px rgba(20,40,70,.08)}
.chart-head h2{font-size:1.2rem;font-weight:800}
.chart-head .small{font-size:.77rem}
.chart-head .latest .num{font-size:2rem;font-weight:800}
.chart-head .latest .unit{font-size:.76rem}
.legend{font-size:.72rem;gap:13px}
.legend span{gap:5px}
.stat{border:0;border-radius:12px;background:var(--surface-2);padding:12px 14px}
.stat .k{font-size:.71rem}
.stat .v{font-size:1.18rem;font-weight:750}
.stat .v small{font-size:.69rem}
.chart-tip{border-radius:13px;box-shadow:0 12px 36px -15px rgba(18,36,63,.25);border-color:var(--line);font-size:.76rem}
.chart-tip .tv{font-size:1.3rem}
.chart-empty{border-width:1px;font-size:.85rem}
.insights{font-size:.81rem}
.hist-row{font-size:.81rem}
.hist-tools select{max-width:250px}
.hist-tools button{font-size:.75rem}
.day-title{font-size:.8rem}
.cap-note{font-size:.73rem}
.voice-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}
.voice-heading .eyebrow{color:var(--lotus);margin-bottom:7px}
.workspace-tag{font-size:.73rem;color:var(--lotus);background:var(--lotus-soft);border:1px solid color-mix(in srgb,var(--lotus) 15%,transparent);padding:8px 13px;border-radius:10px;white-space:nowrap}
.voice-workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:23px;align-items:start}
.voice-guide{padding:27px}
.guide-icon{width:43px;height:43px;display:grid;place-items:center;background:var(--lotus-soft);color:var(--lotus);border-radius:13px;margin-bottom:20px}
.voice-guide h2{font-size:1.03rem;font-weight:800;line-height:1.5}
.voice-guide>p{font-size:.76rem;line-height:1.75;color:var(--ink-3);margin-top:7px}
.voice-examples{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:9px}
.voice-examples li{font-size:.77rem;line-height:1.8;padding:11px 13px;border:1px solid var(--line);border-radius:11px;background:var(--surface)}
.voice-guide-note{border-top:1px solid var(--line-soft);margin-top:23px;padding-top:18px}
.voice-guide h3{font-size:.77rem;font-weight:700}
.voice-guide-note p{font-size:.73rem;line-height:1.85;color:var(--ink-3);margin-top:7px}
.voice-guide .btn-quiet{font-size:.74rem;margin-top:17px;padding:8px 0;justify-content:flex-start;text-align:left}
#view-voice #docCard{padding:27px 30px;min-height:590px;border-radius:24px;display:flex;flex-direction:column;gap:13px;background:var(--surface);box-shadow:var(--shadow);border-color:var(--line);margin:0}
#view-voice #docCard .doc-title,#view-voice #docCard .doc-sub{display:none}
#view-voice #docCard .doc-connection{display:flex;align-items:center;gap:10px;border-radius:10px;background:var(--surface-2);padding:10px 13px;font-size:.74rem;line-height:1.65;color:var(--ink-2)}
#view-voice #docCard .doc-connection.ready{background:var(--accent-soft);color:var(--accent)}
#view-voice #docCard .doc-connection.ready::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent)}
#view-voice #docCard .doc-connection-retry{margin-left:auto;min-height:30px;font-size:.71rem;padding:5px 8px}
#view-voice #docCard .doc-language{display:flex;align-items:center;gap:12px;padding:7px 0;font-size:.75rem;color:var(--ink-3)}
#view-voice #docCard .doc-language select{max-width:170px;margin-left:auto;font-size:.78rem;min-height:39px;background:var(--surface-2);border-color:transparent}
#view-voice #docCard .doc-row{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:8px}
#view-voice #docCard .doc-mic{min-height:53px;padding:13px 25px;font-size:.85rem;border-radius:100px;background:var(--accent);border-color:var(--accent);color:var(--accent-ink);box-shadow:0 5px 17px -8px var(--accent)}
#view-voice #docCard .doc-mic.live{background:var(--urgent);border-color:var(--urgent);color:var(--surface)}
#view-voice #docCard .doc-level{width:80px;height:5px;background:var(--line);border-radius:5px;overflow:hidden}
#view-voice #docCard .doc-level>i{background:var(--accent)}
#view-voice #docCard .doc-status{font-size:.74rem;line-height:1.65;text-align:center;min-height:1.5em;color:var(--ink-3)}
#view-voice #docCard .doc-empty{min-height:215px;margin:0;max-width:none;padding:32px 26px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;color:var(--ink-3);font-size:.81rem;text-align:center;line-height:1.85;border:0;background:radial-gradient(ellipse at 50% 33%,var(--hero-glow),transparent 68%);border-radius:20px}
#view-voice #docCard .doc-empty::before{content:"Doc";display:grid;place-items:center;width:75px;height:75px;color:#fff;font-size:1.05rem;font-family:var(--font-display);font-weight:800;border-radius:50%;background:linear-gradient(130deg,var(--orb-b),var(--orb-a));box-shadow:0 0 0 12px color-mix(in srgb,var(--lotus) 5%,transparent),0 0 0 25px color-mix(in srgb,var(--accent) 3%,transparent)}
#view-voice #docCard .doc-log{display:flex;flex-direction:column;gap:13px;max-height:440px;min-height:250px;flex:1;padding:17px 0;overflow:auto;border-block:1px solid var(--line-soft)}
#view-voice #docCard .doc-log:empty{display:none}
#view-voice #docCard .doc-msg{max-width:88%;font-size:.84rem;line-height:1.8;padding:14px 17px;border-radius:16px;background:var(--surface-2)}
#view-voice #docCard .doc-msg.you{background:var(--accent-soft);align-self:flex-end;border-bottom-right-radius:5px}
#view-voice #docCard .doc-msg.doc{align-self:flex-start;border-bottom-left-radius:5px}
#view-voice #docCard .doc-msg b{font-size:.67rem;font-weight:700;color:var(--ink-3);margin-bottom:5px}
#view-voice #docCard form{display:flex;gap:9px;margin-top:4px;background:var(--surface-2);padding:6px;border:1px solid var(--line);border-radius:14px}
#view-voice #docCard input{flex:1;min-width:0;padding:10px 12px;font-size:.8rem;color:var(--ink);background:transparent;border:0;border-radius:10px}
#view-voice #docCard form button{font-size:.77rem;min-height:43px;border-radius:10px;padding:9px 17px}
#view-voice #docCard .doc-note{font-size:.73rem;line-height:1.8;color:var(--ink-3);margin:0}
#view-voice #docCard .doc-denied{font-size:.76rem;line-height:1.75;background:var(--watch-soft);border-radius:12px;padding:14px}
.login-card{border-radius:24px;padding:38px;max-width:440px;box-shadow:0 15px 60px -35px rgba(27,49,85,.2)}
.login-card h1{font-size:1.85rem;font-weight:800}
.login-card .sub{font-size:.82rem;line-height:1.8}
.login-help{font-size:.74rem;line-height:1.8}
.login-card .brand{font-size:1.25rem}
.login-card .brand small{font-size:.67rem;font-weight:500}
.login-main{background:var(--bg)}
@media(min-width:960px){.safety{margin-left:24px;margin-right:26px}
main{padding:20px 34px 38px}
footer.foot{padding:0 34px 25px}
.summary.tone-good>div:last-child,.summary.tone-neutral>div:last-child{position:relative;flex:1;padding-right:130px}
.summary.tone-good .s-actions,.summary.tone-neutral .s-actions{position:absolute;right:0;top:50%;transform:translateY(-50%);margin:0;max-width:125px}
.overview-lower-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}
.login-art{display:flex;background:linear-gradient(145deg,#132e46,#164e56);color:#eefbfa;padding:55px}
.login-art .brand,.login-art .brand small{color:#effafa}
.login-art .brand-mark{background:rgba(255,255,255,.14);color:#fff}
.login-art h2{font-size:3.1rem;font-weight:800;line-height:1.23;max-width:13ch;color:#fff}
.login-art p{font-size:1rem;line-height:1.9;max-width:34ch;color:#c1d9e3;opacity:1;margin-top:24px}
.login-art .wave{color:#8af0da;opacity:.5}}
@media(min-width:1180px){.home-grid{grid-template-columns:minmax(0,2.1fr) minmax(275px,1fr)}
.voice-workspace{grid-template-columns:minmax(0,1fr) 300px}}
@media(min-width:1260px){.vitals{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:959px){
.text-toggle{min-height:37px;padding:4px 9px}
.live{font-size:.63rem}
.safety{font-size:.68rem;margin-top:12px}
.safety a{font-size:.67rem}
.hello{align-items:flex-start;flex-wrap:wrap;gap:15px}
.hello h1{font-size:1.7rem}
.hello-actions{justify-content:flex-start}
.voice-guide{display:none}
.voice-heading{align-items:flex-start;flex-direction:column}
.home-grid,.overview-lower-grid{gap:17px}}
@media(max-width:639px){main{padding-top:18px}
.hello{margin-bottom:18px}
.hello h1{font-size:1.55rem}
.hello .eyebrow{font-size:.59rem}
.hello .date,.fresh{font-size:.72rem}
.fresh{gap:6px 10px}
.hello-actions{width:100%;gap:8px}
.hello-actions button{flex:1;min-height:42px;font-size:.74rem;padding:8px 10px}
.summary{padding:13px 12px;gap:9px}
.summary h2{font-size:.82rem}
.summary p{font-size:.73rem}
.section-heading{margin:21px 0 12px;gap:8px}
.section-heading h2{font-size:.92rem}
.section-heading p{font-size:.72rem}
.section-heading .btn-quiet{font-size:.7rem;white-space:nowrap;padding:6px 5px}
.vitals{gap:11px}
.vcard{border-radius:16px}
.vc-main{padding:15px 13px 10px}
.vc-top{padding-right:0}
.vc-icon{display:none}
.vc-name{font-size:.76rem}
.vc-when{font-size:.72rem}
.vc-value{margin-top:12px}
.vc-value .num{font-size:1.85rem;line-height:1.3}
.vc-value .unit{display:block;font-size:.72rem;margin:2px 0 0}
.vc-sub,.vc-foot,.status,.vc-detail{font-size:.71rem}
.status{padding:2px 4px}
.vc-status{margin-top:7px}
.spark,.spark svg{height:33px}
.spark{margin-top:10px}
.vc-foot span:last-child{display:none}
.vcard .tip summary{min-height:45px;padding:8px 11px;font-size:.68rem;line-height:1.5;gap:4px}
.vcard .tip summary svg:not(.chev){display:none}
.vcard .tip p{padding:4px 11px 12px;font-size:.73rem}
.card{padding:20px;border-radius:19px}
.card-title h2{font-size:.96rem}
.card-title p{font-size:.72rem}
.overview-trend{padding:21px 18px}
.overview-chart-title{gap:8px;flex-wrap:wrap}
.overview-chart-title select{max-width:145px;font-size:.73rem}
.overview-chart-summary{align-items:flex-start;flex-wrap:wrap}
.overview-chart-value{font-size:1.5rem}
.overview-chart-period{text-align:left}
.overview-chart-ranges button{min-height:33px;font-size:.7rem;padding:5px 9px}
.overview-chart-foot{font-size:.69rem}
.chart-interaction-hint{font-size:.71rem}
.overview-voice-link{padding:23px;min-height:280px}
.overview-voice-link .voice-art{height:98px}
.overview-voice-link h2{font-size:1.28rem}
.overview-voice-link p{max-width:none}
.overview-voice-link button{max-width:260px}
.recent-readings li{gap:9px}
.recent-readings strong{font-size:.75rem}
.recent-readings time{font-size:.7rem}
.activity-value{font-size:.9rem}
.activity-value small{font-size:.67rem}
.activity-icon{width:33px;height:33px}
.overview-lower-grid .card-title .btn-quiet{font-size:.68rem;padding:5px 2px}
.view-head h1{font-size:1.8rem}
.view-head p{font-size:.79rem}
.workspace-tag{font-size:.71rem}
.controls{align-items:flex-start;flex-wrap:wrap}
.vital-tabs button{font-size:.72rem}
.chart-head .latest{text-align:left}
.hist-tools{gap:8px;flex-wrap:wrap}
.hist-tools select{max-width:none;flex:1}
.hist-tools button{font-size:.71rem}
.stats{gap:8px}
.stat{padding:10px}
.stat .v{font-size:1.04rem}
#view-voice #docCard{padding:21px 19px;gap:12px;min-height:580px}
#view-voice #docCard .doc-language{font-size:.73rem;gap:8px}
#view-voice #docCard .doc-language select{max-width:132px;font-size:.74rem}
#view-voice #docCard .doc-connection{font-size:.71rem;flex-wrap:wrap}
#view-voice #docCard .doc-connection-retry{margin-left:0}
#view-voice #docCard .doc-mic{font-size:.8rem;padding:12px 21px}
#view-voice #docCard .doc-level{width:54px}
#view-voice #docCard .doc-log{min-height:230px;max-height:370px}
#view-voice #docCard .doc-msg{font-size:.8rem;max-width:94%}
#view-voice #docCard .doc-empty{font-size:.8rem;padding:32px 15px;min-height:210px}
#view-voice #docCard input{font-size:.74rem;padding:9px 8px}
#view-voice #docCard form button{font-size:.75rem;padding:9px 12px}
#view-voice #docCard .doc-note{font-size:.72rem}
.login-main{padding:25px 16px}
.login-card{padding:30px 24px;border-radius:22px}
html[data-text="large"] .vitals{grid-template-columns:minmax(0,1fr)}
html[data-text="large"] .vc-main{padding:20px}
html[data-text="large"] .vc-value .unit{display:inline;margin-left:5px}
html[data-text="large"] .vc-value .num{font-size:2rem}}
@media(min-width:640px){html[data-text="large"] .vitals{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}
button,.btn{transition:none}}
/* Keep the hierarchy calm, and let chart text use its real 13/15px rendering size. */
.hello h1,.vc-value .num,.view-head h1,.overview-voice-link h2,.overview-chart-value,.login-card h1{font-weight:700}
.card-title h2,.section-heading h2,.chart-head h2,.voice-guide h2{font-weight:700}
.hello .eyebrow{display:none}
.overview-lower-grid{align-items:start}
.card-title{justify-content:space-between}
.card-title>.btn-quiet{margin-left:auto}
.overview-chart-controls{margin-left:auto;flex-shrink:0}
.overview-chart-title .overview-chart-period{text-align:left}
.overview-chart-latest-label{display:block;font-size:.7rem;line-height:1.7;color:var(--ink-3);margin-bottom:3px}
.overview-chart-series-key{gap:6px;margin:0}
.overview-chart-series-key i{font-style:normal}
.chart .ax{font-size:inherit}
.chart-fill-start,.chart-fill-end{stop-color:var(--accent)}
.chart .pt.watch,.spark .pt.watch{fill:var(--watch);stroke:var(--surface)}
.chart .pt.urgent,.spark .pt.urgent{fill:var(--urgent);stroke:var(--surface)}
@media(min-width:960px){.hello .date{display:inline-block;margin-top:8px}
.hello .fresh{display:inline-flex;vertical-align:baseline;margin-top:8px;margin-left:15px;flex-wrap:wrap}
.vc-main{padding:17px 18px 11px}
.vc-value{margin-top:13px}
.vc-value .num{font-size:2.05rem}
.spark,.spark svg{height:34px}
.vcard .tip summary{min-height:36px;padding-block:8px}}
@media(forced-colors:active){.chart .series,.spark .series,.chart .series.systolic,.spark .series.systolic{stroke:CanvasText}
.chart .series.diastolic,.spark .series.diastolic{stroke:Highlight;stroke-dasharray:5 4}
.chart .pt,.spark .pt,.chart .pt.systolic,.spark .pt.systolic,.chart .pt.diastolic,.spark .pt.diastolic{fill:CanvasText;stroke:Canvas}
.chart .pt.watch,.spark .pt.watch,.chart .pt.urgent,.spark .pt.urgent{fill:Highlight;stroke:CanvasText}
.chart .hl-secondary{fill:Highlight;stroke:Canvas}
.chart .ax{fill:CanvasText}
.chart .series-area{display:none}
.chart-series-key::before{background:CanvasText}
.chart-series-key.diastolic::before{background:Highlight}
.voice-orb,#view-voice #docCard .doc-empty::before{background:Canvas;outline:1px solid CanvasText;color:CanvasText;box-shadow:none}}
/* Desktop sidebar: retain accessible labels and the five mobile tabs. */