/* Reference-led workspace. Presentation only: no new clinical calculations. */
#person-detail .person-overview{display:grid;grid-template-columns:minmax(230px,.9fr) minmax(0,1.5fr);gap:16px;align-items:stretch}
#person-detail .person-overview[hidden]{display:none}
#person-detail .person-overview #person-history,#person-detail .dashboard-chart-layout{display:contents}
#person-detail .person-overview .detail-hero{grid-column:1;grid-row:1;margin:0;padding:20px}
#person-detail .person-overview .detail-stats{gap:12px;align-content:center;height:100%;min-height:145px}
#person-detail .person-overview .detail-reading{font-size:clamp(56px,4.5vw,78px)}
#person-detail .person-overview .person-reading-status{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
#person-detail .person-overview .dashboard-metrics{grid-column:2;grid-row:1;min-width:0;display:flex;flex-direction:column}
#person-detail .dashboard-metric-range{margin:0 0 8px;font-size:12px;font-weight:650;color:var(--secondary)}
#person-detail .dashboard-metrics .chart-summary{margin:0;flex:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
#person-detail .dashboard-metrics .chart-summary-item{padding:24px 10px 15px;min-width:0;display:flex;flex-direction:column;justify-content:flex-start}
#person-detail .dashboard-metrics .chart-summary-item dt{display:flex;flex-direction:column;align-items:flex-start;gap:8px;font-size:13px}
#person-detail .dashboard-metrics .chart-summary-item dd{margin-left:0}
#person-detail .dashboard-metrics .chart-summary-note{font-size:10px;line-height:1.4}
#person-detail .dashboard-metrics .chart-summary-item dd:not(.chart-summary-note){font-size:28px}
#person-detail .dashboard-metrics .chart-summary-item small{font-size:10px}
#person-detail .person-overview .glucose-chart{grid-row:2;grid-column:1/-1}
@media(max-width:1350px){#person-detail .person-overview{grid-template-columns:1fr}#person-detail .person-overview .dashboard-metrics{grid-column:1;grid-row:2}#person-detail .person-overview .glucose-chart{grid-row:3}#person-detail .person-overview .detail-stats{min-height:85px}#person-detail .dashboard-metrics .chart-summary-item dt{flex-direction:row;align-items:center}}
.icon-clipboard-list{--icon:url('./icons/clipboard-list.svg')}.icon-shield-plus{--icon:url('./icons/shield-plus.svg')}.icon-search{--icon:url('./icons/search.svg')}.icon-user-round-plus{--icon:url('./icons/user-round-plus.svg')}.icon-refresh-cw{--icon:url('./icons/refresh-cw.svg')}.icon-triangle-alert{--icon:url('./icons/triangle-alert.svg')}
#person-detail .person-rail .care-icon{width:23px;height:23px;flex:none}
#person-detail .person-search .care-icon{width:17px;height:17px}
#person-detail .person-summary>h2>.care-icon{width:28px;height:28px;padding:0}
#person-detail .summary-symbol{box-shadow:inset 0 1px 0 #ffffff30}
#person-detail button:focus-visible{outline:2px solid var(--focus,var(--action));outline-offset:3px}
#person-detail button:disabled{opacity:.5;cursor:not-allowed}
@media(prefers-reduced-motion:no-preference){#person-detail .summary-symbol,#person-detail .person-profile-link>.care-icon{transition:transform .18s ease}#person-detail button:hover>.summary-symbol,#person-detail .person-profile-link:hover>.care-icon{transform:translateY(-2px)}}
#person-dialog{background:var(--bg)}
[data-theme=light] #person-dialog{background:radial-gradient(ellipse at 78% 24%,#edf4ff 0,transparent 58%),#f7f9fd}
#person-detail{max-width:1920px;grid-template-columns:190px minmax(0,1fr) 350px;gap:22px;padding:22px 24px 32px 0}
#person-detail .person-rail{padding:0 14px 24px 20px}
#person-detail .person-brand{margin:0 0 30px 4px;gap:8px}
#person-detail .person-brand .mr-logo{width:145px;max-width:100%}
#person-detail .person-brand .mr-svg{width:100%;height:auto;fill:currentColor;stroke:none}
#person-detail .person-brand>span{font-size:11px;padding:2px 10px}
#person-detail .person-toolbar h1{font-weight:800;letter-spacing:-.045em;font-size:34px}
#person-detail .person-toolbar-actions{display:none}
#person-detail .person-roster{max-height:290px;gap:4px}
#person-detail .person-roster-button{padding:9px 7px;font-size:13px}
#person-detail .person-rail-actions{border-top:1px solid var(--border-soft);margin-top:18px;padding-top:14px;display:grid;gap:7px}
#person-detail .person-rail-actions button:first-child{background:var(--selected);color:var(--action);font-weight:700}
#person-detail .person-back{margin-top:18px;padding-top:15px}
#person-detail .person-heading{margin:8px 0 22px}
#person-detail .person-heading .detail-name{font-size:28px;font-weight:800;letter-spacing:-.035em}
#person-detail .person-heading .avatar{width:58px;height:58px}
#person-detail .person-scope{margin-left:74px}
#person-detail .person-main>.section-tabs{border-radius:15px;padding:5px;background:var(--surface-soft);gap:4px;margin-bottom:18px}
#person-detail .person-main>.section-tabs button{border-radius:11px;font-size:13px;min-height:40px}
#person-detail .person-main>.section-tabs button[aria-pressed=true]{background:#0865df;color:#fff;box-shadow:0 3px 10px #006aff24;border-color:transparent}
#person-detail .person-overview{padding:0;border:0;background:transparent}
#person-detail .person-overview .detail-hero{border:1px solid var(--border);border-radius:20px;background:linear-gradient(135deg,var(--surface),var(--surface-soft));padding:24px;margin-bottom:16px;overflow:hidden}
#person-detail .person-overview .detail-stats{margin:0;gap:22px;min-height:108px;flex-wrap:wrap}
#person-detail .person-overview .detail-reading{font-size:clamp(64px,6.2vw,96px);font-weight:800;letter-spacing:-.06em;line-height:1.05}
#person-detail .person-overview .detail-arrow{font-size:34px}
#person-detail .person-reading-status .detail-status{border:0;font-weight:750;background:color-mix(in srgb,currentColor 10%,var(--surface));border-radius:999px}
#person-detail .person-overview .glucose-chart{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:20px 16px}
#person-detail .chart-summary{gap:10px}
#person-detail .chart-summary-item{background:color-mix(in srgb,var(--metric-accent) 9%,var(--surface));border-color:color-mix(in srgb,var(--metric-accent) 24%,var(--border));border-radius:15px;padding:14px}
#person-detail .chart-summary-item dt{font-size:14px;font-weight:750}
#person-detail .chart-summary-item dd:not(.chart-summary-note){font-size:30px;font-weight:800}
#person-detail .metric-symbol{display:inline-grid;place-items:center;border-radius:9px;width:27px;height:27px;margin-right:7px;color:var(--metric-accent);background:color-mix(in srgb,var(--metric-accent) 13%,var(--surface))}
#person-detail .person-summary{border:1px solid var(--border);border-radius:24px;background:color-mix(in srgb,var(--surface) 70%,transparent);padding:15px;margin-top:8px;box-shadow:0 8px 30px #193b7010}
#person-detail .person-summary>h2{display:flex;align-items:center;gap:12px;font-size:25px;font-weight:800;margin:0 0 14px}
#person-detail .person-summary>h2>.care-icon{background-color:var(--green);width:28px;height:28px}
#person-detail .person-summary-cards{gap:8px}
#person-detail .person-summary-card{border-radius:17px;min-height:80px;padding:12px;gap:11px;box-shadow:none}
#person-detail .summary-text strong{font-size:17px;font-weight:750}
#person-detail .summary-text>span{font-size:13px;line-height:1.45}
#person-detail .summary-symbol{width:40px;height:40px;border-radius:50%;color:var(--green);background:color-mix(in srgb,var(--green) 13%,var(--surface))}
#person-detail .person-summary-card:first-child .summary-symbol{color:var(--orange);background:color-mix(in srgb,var(--orange) 12%,var(--surface))}
#person-detail .person-summary-card:nth-child(3) .summary-symbol{color:var(--action);background:var(--selected)}
#person-detail .person-summary-card:nth-child(5) .summary-symbol{color:var(--purple);background:color-mix(in srgb,var(--purple) 12%,var(--surface))}
#person-detail .allergy-detail summary{font-size:12px;display:inline-block}
#person-detail .contact-detail .contact-name{font-size:15px}
#person-detail .contact-detail .contact-phone{font-weight:650}
#person-detail .person-profile-link{position:relative;display:flex;align-items:center;gap:15px;width:100%;overflow:hidden;min-height:112px;margin:16px 0 0;padding:22px 16px;border:1px solid #0c9198;border-radius:20px;background:radial-gradient(ellipse at 80% 150%,#3ce9d7 0,transparent 55%),linear-gradient(125deg,#087c88,#084853);color:white;text-align:left;box-shadow:inset 0 1px 0 #ffffff50}
#person-detail .person-profile-link>.care-icon{width:38px;height:38px;background-color:white;flex:none}
#person-detail .person-profile-link>span:nth-child(2){flex:1;display:grid;gap:6px}
#person-detail .person-profile-link strong{font-size:23px;font-weight:750}
#person-detail .person-profile-link small{font-size:12px;color:#e0fffa}
#person-detail .person-profile-link:hover{filter:brightness(1.12)}
#person-detail .person-quick{margin-top:14px;padding:14px;border-radius:17px}
#person-detail .person-quick h3{font-size:20px;font-weight:750;color:var(--text)}
#person-detail .person-quick .outline-button{flex-direction:column;gap:10px;min-height:82px;border-radius:13px;background:var(--selected);color:var(--action);font-weight:650}
#person-detail .person-quick .outline-button:nth-child(2){background:color-mix(in srgb,var(--green) 10%,var(--surface));color:var(--green)}
#person-detail .person-quick .outline-button .care-icon{width:26px;height:26px;color:inherit}
#person-detail .person-private-note{color:var(--purple);background:color-mix(in srgb,var(--purple) 9%,var(--surface));font-weight:650;min-height:40px}
@media(min-width:1101px) and (max-width:1350px){#person-detail{grid-template-columns:170px minmax(0,1fr) 300px;gap:16px;padding-right:16px}#person-detail .person-summary{padding:12px}#person-detail .person-overview .detail-reading{font-size:70px}}
@media(max-width:1100px){#person-detail{grid-template-columns:170px minmax(0,1fr);gap:20px}#person-detail .person-summary{grid-column:2;grid-row:3}#person-detail .person-summary-cards{grid-template-columns:repeat(2,minmax(0,1fr))}#person-detail .person-profile-link{max-width:450px}}
@media(max-width:700px){#person-detail{display:flex;padding:16px;gap:16px}#person-detail .person-rail{padding:0}#person-detail .person-rail-actions{display:flex;border:0;margin:0;padding:0;width:100%}#person-detail .person-rail-actions button{width:auto;flex:1}#person-detail .person-back{padding:10px;margin:0}#person-detail .person-summary{width:100%;margin:0}#person-detail .person-summary-cards{grid-template-columns:1fr}#person-detail .person-heading .detail-name{font-size:24px}#person-detail .person-overview .detail-hero{padding:18px}#person-detail .chart-summary-item{padding:10px}#person-detail .chart-summary-item dt{font-size:11px}#person-detail .chart-summary-item dd:not(.chart-summary-note){font-size:24px}#person-detail .metric-symbol{display:none}#person-detail .person-toolbar h1{font-size:28px}}