.health-workspace{padding:0 20px;color:var(--dc-color-ink);font-family:var(--dc-font-family);animation:fadeUp .24s ease;font-variant-numeric:tabular-nums}
.health-workspace *{box-sizing:border-box}.health-workspace button,.health-workspace input,.health-workspace select{font:inherit}.health-workspace button{cursor:pointer;border:0;color:inherit;background:none;padding:0;-webkit-tap-highlight-color:transparent}.health-workspace button:disabled{opacity:.35;cursor:default}.health-workspace button:focus-visible,.health-workspace input:focus-visible,.health-workspace select:focus-visible,.h-chart-point:focus-visible{outline:2px solid var(--dc-color-brand);outline-offset:4px}.health-workspace h1,.health-workspace h2,.health-workspace h3,.health-workspace p{margin:0}.health-workspace svg{flex-shrink:0}.health-workspace small{font-weight:400}
.h-header{display:flex;align-items:center;gap:10px;padding:0 20px 14px;margin:0 -20px 16px;background:var(--dc-color-page);position:sticky;top:0;z-index:6}.h-header h1{font-size:var(--dc-font-title);letter-spacing:-.5px;line-height:1.35}.h-header p{font-size:var(--dc-font-caption);color:var(--dc-color-text-muted);margin-top:3px}.health-workspace .h-icon-button{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:var(--dc-color-surface)}.h-live-label{margin-left:auto;color:var(--dc-color-text-secondary);font-size:var(--dc-font-caption);background:var(--dc-color-brand-soft);border-radius:20px;padding:5px 9px}
.h-periods{padding:4px;background:var(--dc-color-track);border-radius:13px;display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.h-periods button{padding:8px 0;border-radius:10px;font-size:13px;font-weight:600}.h-periods button[aria-pressed=true]{background:var(--dc-color-surface);box-shadow:0 2px 5px var(--dc-color-shadow);color:var(--dc-color-brand-strong)}.h-date-nav{display:flex;align-items:center;justify-content:space-between;padding:13px 1px}.h-period-step{min-width:48px;min-height:36px;padding:6px;font-size:12px!important;background:transparent;color:var(--dc-color-text-secondary)}.h-date-control{position:relative;min-width:140px;height:32px;display:grid;place-items:center;cursor:pointer}.h-date-control>span{font-size:14px;font-weight:700;display:flex;align-items:center;gap:9px}.h-date-control svg{color:var(--dc-color-text-muted)}.h-date-control input,.h-date-control select{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.h-date-control:focus-within{outline:2px solid var(--dc-color-brand);border-radius:6px;outline-offset:3px}
.h-metric-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:0 0 13px}.h-metric-tabs button{display:flex;align-items:center;justify-content:center;gap:4px;font-size:11px;white-space:nowrap;padding:9px 3px;border-radius:10px;color:var(--dc-color-text-secondary);border:1px solid var(--dc-color-border);background:var(--dc-color-surface)}.h-metric-tabs button[aria-pressed=true]{color:var(--dc-color-brand-strong);background:var(--dc-color-brand-soft);border-color:var(--dc-color-brand-border);font-weight:700}
.h-card{background:var(--dc-color-surface);border:1px solid var(--dc-color-border);border-radius:var(--dc-radius-feature);padding:18px}.h-card-caption{display:flex;align-items:center;justify-content:space-between;color:var(--dc-color-text-secondary);font-size:11px}.h-card-caption>span:first-child{color:var(--dc-color-text-secondary);font-weight:600}.h-card-caption>span:last-child{font-size:var(--dc-font-caption)}.h-reading{display:flex;align-items:baseline;gap:7px;margin-top:7px}.h-reading>strong{font-size:var(--dc-font-display);line-height:1.1;letter-spacing:-1.8px;font-weight:700}.h-reading>span{font-size:13px;color:var(--dc-color-text-secondary)}.h-comparison{margin-left:auto;font-size:14px;font-weight:700;text-align:right;color:var(--dc-color-brand-strong)}.h-comparison small{display:block;margin-top:3px;font-size:var(--dc-font-caption);color:var(--dc-color-text-muted)}.h-point-caption{display:flex;align-items:center;gap:6px;margin-top:18px;min-height:21px;font-size:var(--dc-font-caption);color:var(--dc-color-text-secondary)}.h-point-caption b{font-size:11px;color:var(--dc-color-brand-strong);background:var(--dc-color-brand-soft);padding:4px 7px;border-radius:6px}.h-point-caption small{margin-left:auto;color:var(--dc-color-text-muted);font-size:var(--dc-font-caption)}.h-chart{display:block;width:100%;overflow:visible;margin:3px 0 0}.h-chart-point{cursor:pointer}.h-chart-point:focus-visible circle:last-child{stroke:var(--dc-color-ink);stroke-width:3px}.h-chart-legend{display:flex;align-items:center;gap:4px;font-size:var(--dc-font-caption);color:var(--dc-color-text-muted);margin:-2px 0 13px;white-space:nowrap}.h-chart-legend>span:last-child{margin-left:auto}.h-dash{width:11px;border-top:1px dashed var(--dc-color-text-muted)}.h-chart-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--dc-color-divider);padding-top:13px}.h-chart-stats>div{display:flex;flex-direction:column;align-items:center;gap:4px;border-right:1px solid var(--dc-color-divider)}.h-chart-stats>div:last-child{border:0}.h-chart-stats span{font-size:var(--dc-font-caption);color:var(--dc-color-text-muted)}.h-chart-stats strong{font-size:16px;font-weight:700}.h-chart-stats small{font-size:var(--dc-font-caption);color:var(--dc-color-text-muted)}.h-empty-chart{height:203px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--dc-color-text-muted);gap:10px}.h-empty-chart strong{font-size:12px;font-weight:600}.h-empty-chart p{font-size:var(--dc-font-caption);color:var(--dc-color-text-muted)}.h-duration{border-top:1px solid var(--dc-color-brand-border);display:flex;align-items:center;gap:5px;color:var(--dc-color-text-secondary);font-size:var(--dc-font-caption);margin-top:13px;padding-top:9px}
.h-section-title{display:flex;align-items:baseline;justify-content:space-between;margin:23px 0 11px}.h-section-title h2{font-size:16px;font-weight:700}.h-section-title>span{font-size:var(--dc-font-caption);color:var(--dc-color-text-muted)}.h-run-card{background:var(--dc-color-surface);border:1px solid var(--dc-color-border);border-radius:var(--dc-radius-card);margin-bottom:9px;padding:14px}.h-run-toggle{display:flex;width:100%;align-items:center;gap:9px;text-align:left}.h-run-symbol{width:32px;height:35px;border-radius:11px;background:var(--dc-color-brand-soft);color:var(--dc-color-text-secondary);display:grid;place-items:center}.h-run-name{flex:1}.h-run-name strong{display:block;font-size:12px;font-weight:600}.h-run-name>span{display:block;font-size:var(--dc-font-caption);color:var(--dc-color-text-muted);margin-top:4px}.h-run-distance{text-align:right}.h-run-distance strong{font-size:20px;letter-spacing:-.6px}.h-run-distance small{font-size:var(--dc-font-caption);color:var(--dc-color-text-muted);margin-left:4px}.h-run-metrics{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:8px;margin-top:13px;padding-top:11px;border-top:1px solid var(--dc-color-divider)}.h-run-metrics span{display:block;color:var(--dc-color-text-muted);font-size:var(--dc-font-caption);margin-bottom:4px}.h-run-metrics b{font-size:12px;font-weight:600;white-space:nowrap}.h-run-metrics small{font-size:var(--dc-font-caption);color:var(--dc-color-text-muted)}.h-run-detail{border-top:1px solid var(--dc-color-divider);margin-top:11px;padding-top:8px;font-size:11px}.h-run-detail>div{display:flex;justify-content:space-between;padding:6px 0}.h-run-detail span{color:var(--dc-color-text-muted)}.h-run-detail strong{font-weight:500}.health-workspace .h-more{width:100%;padding:12px;border-radius:13px;background:var(--dc-color-subtle);color:var(--dc-color-text-secondary);font-size:11px;display:flex;align-items:center;justify-content:center;gap:4px}.h-empty{text-align:center;color:var(--dc-color-text-muted);padding:23px}.h-empty h3{font-size:13px;color:var(--dc-color-text-secondary);margin:9px 0 7px}.h-empty p{font-size:11px;line-height:1.8;color:var(--dc-color-text-muted)}
.health-workspace .h-source-entry{display:flex;width:100%;align-items:center;gap:11px;padding:15px;background:var(--dc-color-surface);border:1px solid var(--dc-color-border);border-radius:var(--dc-radius-card);text-align:left}.h-source-icon{width:39px;height:42px;border-radius:13px;background:var(--dc-color-brand-soft);display:grid;place-items:center;color:var(--dc-color-text-secondary);flex-shrink:0}.h-source-entry strong{display:block;font-size:13px;font-weight:700}.h-source-entry span:not(.h-source-action span){display:block;font-size:var(--dc-font-caption);color:var(--dc-color-text-secondary);margin-top:4px}.h-source-entry small{display:block;color:var(--dc-color-text-muted);font-size:var(--dc-font-caption);margin-top:4px}.h-source-action{margin-left:auto;display:flex;align-items:center;gap:3px;white-space:nowrap;color:var(--dc-color-text-secondary);font-size:var(--dc-font-caption)}.h-data-note{font-size:var(--dc-font-caption)!important;line-height:1.7;color:var(--dc-color-text-muted);text-align:center;margin:16px 0 0!important}.h-device-card{margin-bottom:10px}.h-device-top{display:flex;align-items:center;gap:10px}.h-device-top h3{font-size:17px;font-weight:700;display:flex;align-items:center;gap:8px}.h-device-top h3>span{font-size:var(--dc-font-caption);background:var(--dc-color-brand-soft);color:var(--dc-color-text-secondary);padding:3px 6px;border-radius:5px;font-weight:500}.h-device-top p{font-size:var(--dc-font-caption);color:var(--dc-color-text-muted);margin-top:6px}.h-setting-row{display:flex;align-items:center;justify-content:space-between;padding:15px 0;gap:10px}.h-setting-row strong{display:block;font-size:12px;font-weight:600}.h-setting-row small{display:block;font-size:var(--dc-font-caption);color:var(--dc-color-text-muted);margin-top:5px}.health-workspace .h-switch{background:var(--dc-color-disabled);width:38px;height:23px;border-radius:20px;padding:3px;flex-shrink:0;transition:background .15s}.h-switch>span{display:block;width:17px;height:17px;background:var(--dc-color-inverse);border-radius:50%;box-shadow:0 1px 3px var(--dc-color-shadow);transition:transform .15s}.health-workspace .h-switch[aria-checked=true]{background:var(--dc-color-brand)}.h-switch[aria-checked=true]>span{transform:translateX(15px)}.health-workspace .h-primary{border:0;border-radius:10px;padding:10px 13px;background:var(--dc-color-brand-strong);color:var(--dc-color-surface);display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:11px;font-weight:600;cursor:pointer}.health-workspace .h-subtle{font-size:var(--dc-font-caption);color:var(--dc-color-text-muted);padding:8px 0}.h-disconnect{margin-top:13px;border-radius:10px;padding:12px;background:var(--dc-color-warning-soft)}.h-disconnect p{font-size:var(--dc-font-caption);line-height:1.8;color:var(--dc-color-danger-text)}.h-disconnect>div{display:flex;justify-content:flex-end;gap:15px;margin-top:7px}.health-workspace .h-danger{padding:7px 10px;border-radius:7px;background:var(--dc-color-danger-text);color:var(--dc-color-inverse);font-size:var(--dc-font-caption)}.health-workspace .h-connect{margin-left:auto;color:var(--dc-color-brand-strong);background:var(--dc-color-brand-soft);border-radius:9px;padding:8px 10px;display:flex;align-items:center;gap:4px;font-size:var(--dc-font-caption);white-space:nowrap}.h-settings{padding:1px 17px}.h-settings .h-setting-row+.h-setting-row{border-top:1px solid var(--dc-color-divider)}.h-setting-help{font-size:var(--dc-font-caption);color:var(--dc-color-warning-text);padding-bottom:12px}.h-file-picker{position:relative;overflow:hidden}.h-file-picker input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.h-file-picker:focus-within{outline:2px solid var(--dc-color-ink);outline-offset:3px}.h-import-form{border-top:1px solid var(--dc-color-border);margin-top:16px;padding-top:14px}.h-import-form label{display:flex;flex-direction:column;font-size:var(--dc-font-caption);color:var(--dc-color-text-secondary);gap:7px;margin-bottom:13px}.h-import-form input{width:100%;border:1px solid var(--dc-color-border);background:var(--dc-color-subtle);color:var(--dc-color-ink);font-size:13px;border-radius:9px;padding:10px;min-width:0}.h-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 11px}.h-preview{display:flex;align-items:center;gap:12px;margin-bottom:15px;background:var(--dc-color-subtle);border-radius:10px;padding:10px}.h-preview img{width:55px;height:75px;object-fit:contain;border-radius:5px;background:var(--dc-color-surface)}.h-preview>span{font-size:var(--dc-font-caption);overflow-wrap:anywhere;line-height:1.6;min-width:0;color:var(--dc-color-text-secondary)}.h-preview small{display:block;color:var(--dc-color-text-muted);margin-top:4px}.h-form-error{color:var(--dc-color-danger-text)!important;font-size:var(--dc-font-caption);line-height:1.7;margin-bottom:12px!important}.health-workspace .h-save{width:100%;padding:12px}.h-spinning{animation:h-spin 1s linear infinite}@keyframes h-spin{to{transform:rotate(360deg)}}
@media(max-width:390px){.health-workspace{padding:0 16px}.h-header{margin:0 -16px 16px;padding-left:16px;padding-right:16px}.h-card{padding:15px}.h-metric-tabs{gap:4px}.h-metric-tabs button{font-size:var(--dc-font-caption);gap:3px}.h-metric-tabs svg{width:13px}.h-reading>strong{font-size:39px}.h-chart-legend{font-size:7px}}
@media(prefers-reduced-motion:reduce){.health-workspace,.health-workspace *{animation:none!important;transition:none!important}}/* Shared product roles override the retired per-page green theme. */
.h-card{border-radius:var(--dc-radius-card)}
.h-trend{border-radius:var(--dc-radius-feature)}
.health-workspace .h-primary{background:var(--dc-color-ink);border-radius:var(--dc-radius-control);min-height:44px;font-size:var(--dc-font-label)}
.health-workspace .h-connect{color:var(--dc-color-brand-strong);min-height:36px}
.h-periods button[aria-pressed=true]{color:var(--dc-color-ink)}
.h-header h1{font-weight:700}

/* Body metrics, running history and device management are separate destinations. */
.health-workspace .dc-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;border-radius:var(--dc-radius-control);background:var(--dc-color-ink);color:var(--dc-color-inverse);font-size:14px;font-weight:600}
.health-workspace .dc-button-secondary{background:var(--dc-color-subtle);color:var(--dc-color-ink)}
.health-workspace .h-header-action{margin-left:auto;min-height:36px;padding:6px 0 6px 10px;font-size:12px;color:var(--dc-color-brand-strong);white-space:nowrap}
.health-workspace .h-compact-source{margin-top:20px;min-height:58px;padding:15px 16px;gap:10px}
.h-compact-source>svg{color:var(--dc-color-text-secondary)}
.health-workspace .h-compact-source .h-source-status{margin:0 0 0 auto;font-size:11px;color:var(--dc-color-text-secondary)}
.h-page-actions{display:grid;gap:12px;margin-top:20px}
.h-page-actions .h-compact-source{margin-top:0}
.r-summary{padding:22px 20px;border-radius:var(--dc-radius-feature)}
.r-summary>span{font-size:12px;color:var(--dc-color-text-secondary)}
.r-distance{display:flex;align-items:baseline;gap:8px;margin:8px 0 22px}
.r-distance strong{font-size:40px;line-height:1.15;letter-spacing:-1px}
.r-distance>span{font-size:12px;color:var(--dc-color-text-secondary)}
.r-summary-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border-top:1px solid var(--dc-color-divider);padding-top:18px}
.r-summary-stats>div{display:flex;flex-direction:column;gap:7px}
.r-summary-stats b{font-size:13px;white-space:nowrap;letter-spacing:-.2px}
.r-summary-stats small,.r-summary-stats span{font-size:11px;color:var(--dc-color-text-secondary)}
.r-empty .dc-button{margin-top:18px}
.health-workspace .r-screenshot-picker{display:flex;align-items:center;justify-content:center;gap:9px;min-height:48px;background:var(--dc-color-subtle);color:var(--dc-color-text-secondary);border-radius:var(--dc-radius-control);font-size:12px;cursor:pointer}
.run-import-workspace .h-import-form{padding-top:20px;margin-top:20px}
.run-import-workspace .h-save{width:100%;margin-top:6px}
.h-device-list{display:grid;gap:12px}
.h-device-list .h-device-card{padding:22px 18px;margin:0;border-radius:var(--dc-radius-feature)}
.h-device-list .h-device-top{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:36px}
.h-device-wordmark{display:flex;align-items:center;gap:10px;min-width:0}
.h-device-wordmark img{display:block;width:94px;height:28px;object-fit:contain;object-position:left center}
.h-device-wordmark>span{font-size:13px;font-weight:600;color:var(--dc-color-ink)}
.h-device-status{font-size:11px;color:var(--dc-color-text-secondary);white-space:nowrap}
.health-workspace .h-device-connect{min-height:36px;padding:7px 18px;font-size:12px}
.h-device-bottom{display:flex;align-items:center;gap:12px;margin-top:22px;padding-top:17px;border-top:1px solid var(--dc-color-divider)}
.h-device-bottom>div{flex:1;min-width:0}
.h-device-bottom>div>span{display:block;font-size:11px;color:var(--dc-color-text-muted)}
.h-device-bottom strong{display:block;font-size:12px;font-weight:500;margin-top:5px;color:var(--dc-color-text-secondary)}
.health-workspace .h-device-sync{min-height:36px;padding:7px 16px;font-size:12px}
.health-workspace .h-device-manage{min-height:36px;font-size:12px;color:var(--dc-color-text-secondary)}
.h-device-management{border-top:1px solid var(--dc-color-divider);margin-top:17px;padding-top:2px}
.h-preferred{font-size:11px;color:var(--dc-color-text-secondary)}
.health-workspace .h-device-disconnect{display:block;min-height:36px;margin-top:2px;font-size:12px;color:var(--dc-color-text-secondary)}
.h-sync-settings{margin-top:24px;padding:0 18px}
.h-sync-settings summary{display:flex;align-items:center;justify-content:space-between;list-style:none;min-height:58px;font-size:13px;font-weight:500;cursor:pointer}
.h-sync-settings summary::-webkit-details-marker{display:none}
.h-sync-settings>div{border-top:1px solid var(--dc-color-divider)}
.h-sync-settings .h-setting-row+.h-setting-row{border-top:1px solid var(--dc-color-divider)}
.devices-workspace .h-device-notice{font-size:12px;line-height:1.7;color:var(--dc-color-text-secondary);margin-top:18px;text-align:center}
.devices-workspace>.h-setting-help{margin-top:14px;line-height:1.7}

.h-run-detail .h-saved-screenshot { display:block; max-width:100%; max-height:260px; object-fit:contain; margin:12px auto; border-radius:var(--dc-radius-control); }
.h-run-detail > .dc-button { width:100%; margin-top:12px; }

/* Connected devices and the connection catalogue have separate visual groups. */
.h-device-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0 12px}
.h-header+.h-device-section-title{margin-top:0}
.h-device-section-title h2{font-size:13px;font-weight:500;color:var(--dc-color-text-secondary)}
.h-device-section-title>span{font-size:11px;color:var(--dc-color-text-muted)}
.h-device-empty{display:flex;align-items:center;gap:12px;padding:14px 18px;border:0;min-height:158px}
.h-device-empty>img{width:128px;height:128px;object-fit:contain}
.h-device-empty h2{font-size:16px;line-height:1.5}
.h-device-empty p{font-size:11px;color:var(--dc-color-text-secondary);line-height:1.7;margin-top:8px}
.h-device-top .h-connected-art{width:64px;height:64px;object-fit:contain}
.h-device-top .h-device-wordmark{flex:1;min-width:0}
.h-device-top .h-device-wordmark img{width:72px;height:25px}
.h-device-top .h-device-wordmark>span{display:none}
.h-device-list .h-device-card{border:0;box-shadow:var(--dc-shadow-control)}
.h-device-list .h-device-bottom{margin-top:12px;padding-top:16px}
.h-device-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.health-workspace .h-device-catalog>button{display:flex;flex-direction:column;align-items:flex-start;gap:16px;min-width:0;padding:20px 16px;border:1px solid var(--dc-color-border);border-radius:var(--dc-radius-card);background:var(--dc-color-surface);text-align:left}
.health-workspace .h-device-catalog>button:disabled{opacity:1;cursor:default}
.h-device-catalog .h-device-wordmark img{width:88px;height:28px}
.h-device-catalog .h-device-wordmark>span{display:none}
.h-catalog-label{font-size:13px;font-weight:600}
.h-catalog-action{display:inline-flex;justify-content:center;align-items:center;min-height:32px;padding:6px 16px;border-radius:var(--dc-radius-pill);background:var(--dc-color-brand-soft);color:var(--dc-color-brand-strong);font-size:12px}
.h-catalog-action.is-connected{background:var(--dc-color-subtle);color:var(--dc-color-text-secondary)}
.h-trend{position:relative}
.h-trend-art{position:absolute;right:14px;top:42px;width:64px;height:64px;object-fit:contain;pointer-events:none}
.h-trend .h-reading{padding-right:70px}
.h-trend .h-comparison{font-size:12px}