.health-v2-view{display:grid;gap:22px;padding-bottom:24px;max-width:100%;min-width:0;overflow-x:hidden}.health-v2-view>*{min-width:0;max-width:100%}.health-v2-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:4px 4px 0;min-width:0}.health-v2-heading>div{min-width:0}.health-v2-heading .card-header{font-size:1.45rem;font-weight:900;color:#55adff;text-transform:uppercase;letter-spacing:.01em}.health-v2-sync-time{font-size:.72rem;color:#8397a8;margin-top:5px;white-space:nowrap}.health-v2-status{border:1px solid rgba(100,181,255,.22);background:rgba(18,34,48,.8);color:#9eb0bf;border-radius:12px;padding:8px 11px;font:inherit;font-size:.72rem;white-space:nowrap;max-width:48%;overflow:hidden;text-overflow:ellipsis}.health-v2-status::after{content:' · modifier';color:#55adff;font-weight:800}.health-v2-status.active::after{content:' · terminer'}
.health-v2-ai-card{position:relative;display:grid;grid-template-columns:92px minmax(0,1fr) 18px;align-items:center;gap:15px;border:1px solid rgba(65,168,255,.5);background:radial-gradient(circle at 90% 0,rgba(25,101,180,.22),transparent 38%),linear-gradient(145deg,#102538,#0b1925);border-radius:19px;padding:18px 16px;box-shadow:0 0 30px rgba(29,128,220,.07);cursor:pointer;min-width:0}.health-v2-ai-score{text-align:center}.health-v2-ai-ring{width:78px;height:78px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:auto;background:radial-gradient(circle,#0e2030 58%,transparent 60%),conic-gradient(#38d77b 0 72%,#24404b 72%)}.health-v2-ai-ring strong{font-size:1.65rem;line-height:1;color:#fff}.health-v2-ai-ring span{font-size:.58rem;color:#91a4b3;margin-top:4px}.health-v2-ai-level{display:inline-block;margin-top:8px;padding:3px 8px;border-radius:999px;background:rgba(56,215,123,.12);color:#55dd8d;font-size:.61rem;font-weight:800}.health-v2-ai-title{font-size:.76rem;font-weight:900;color:#f2f7fb;text-transform:uppercase}.health-v2-ai-title span{font-size:.48rem;color:#62b8ff;background:rgba(50,150,240,.13);border:1px solid rgba(50,150,240,.24);border-radius:999px;padding:2px 5px;margin-left:4px}.health-v2-ai-copy{min-width:0}.health-v2-ai-copy p{font-size:.78rem;line-height:1.45;color:#d4e0e9;margin:9px 0;overflow-wrap:anywhere}.health-v2-ai-tags{display:flex;gap:5px;flex-wrap:wrap}.health-v2-ai-tags span{font-size:.55rem;padding:4px 7px;border-radius:999px;background:rgba(56,215,123,.1);color:#5ce193}.health-v2-ai-tags span:last-child{background:rgba(255,151,45,.1);color:#ffa346}.health-v2-ai-chevron{font-size:1.8rem;color:#e9f5ff}
.health-v2-section-title{font-size:.88rem;font-weight:900;color:#edf4f8;text-transform:uppercase;letter-spacing:.015em;margin:0 4px 10px}.health-v2-key-section,.health-v2-all-section{min-width:0;max-width:100%}.health-v2-key-strip{display:flex;gap:9px;overflow-x:auto;overflow-y:hidden;padding:0 4px 8px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:100%}.health-v2-key-strip::-webkit-scrollbar{display:none}.health-v2-key{flex:0 0 91px;min-height:128px;scroll-snap-align:start;border:1px solid rgba(255,255,255,.09);background:linear-gradient(160deg,rgba(18,34,48,.96),rgba(10,23,34,.96));border-radius:16px;padding:12px 8px;color:#fff;display:flex;flex-direction:column;align-items:flex-start;text-align:left}.health-v2-key-icon{font-size:1.25rem;color:#43da8b;height:30px}.health-v2-key strong{font-size:1.3rem;letter-spacing:-.03em;margin-top:5px}.health-v2-key strong small{font-size:.52rem;color:#8fa3b4;margin-left:2px}.health-v2-key>span:last-child{font-size:.66rem;color:#c0cfda;margin-top:7px}
.health-v2-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:10px;min-width:0;max-width:100%}.health-v2-card{position:relative;grid-column:span 6;min-height:160px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(155deg,rgba(18,34,48,.94),rgba(10,22,32,.97));border-radius:17px;padding:13px;overflow:hidden;min-width:0}.health-v2-card--per-row-1{grid-column:span 12}.health-v2-card--per-row-2{grid-column:span 6}.health-v2-card--per-row-3{grid-column:span 4}.health-v2-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:6px;margin-bottom:8px}.health-v2-card-title{font-size:.78rem;font-weight:850;color:#edf5fa;min-width:0}.health-v2-sources{display:flex;gap:3px;flex:none}.health-v2-source{font-size:.42rem;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:2px 5px;font-weight:850;border:1px solid transparent}.health-v2-source--garmin{color:#5dbbff;border-color:rgba(50,160,240,.35);background:rgba(50,160,240,.07)}.health-v2-source--withings{color:#55dc91;border-color:rgba(50,205,125,.32);background:rgba(50,205,125,.07)}
.health-v2-primary,.health-v2-detail,.health-v2-metric-row{border:0;background:transparent;color:inherit;padding:0;font:inherit;text-align:left}.health-v2-primary{display:block;width:100%;margin:3px 0 6px}.health-v2-primary>span{display:block;color:#8fa1b0;font-size:.6rem;margin-bottom:3px}.health-v2-primary strong{display:block;color:#fff;font-size:1.38rem;line-height:1;font-weight:900;letter-spacing:-.03em}.health-v2-primary strong small,.health-v2-detail strong small{font-size:.5rem;color:#8b9dac;margin-left:2px}.health-v2-detail{display:flex;justify-content:space-between;align-items:baseline;gap:6px;width:100%;padding:3px 0}.health-v2-detail>span{font-size:.58rem;color:#8fa1b0;min-width:0}.health-v2-detail strong{font-size:.72rem;color:#dce8ef;white-space:nowrap}.health-v2-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.health-v2-two-col .health-v2-detail{display:block}.health-v2-two-col .health-v2-detail span{display:block;margin-bottom:2px}.health-v2-two-col .health-v2-detail strong{font-size:.78rem}.health-v2-goal-line,.health-v2-score-line{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:.58rem;color:#8fa1b0}.health-v2-goal-line strong,.health-v2-score-line strong{color:#dfeaf2;font-size:.76rem}.health-v2-progress{height:5px;background:rgba(255,255,255,.06);border-radius:999px;margin:8px 0 12px;position:relative}.health-v2-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#36d77b,#42a8ff)}.health-v2-progress small{position:absolute;right:0;top:8px;color:#a9b9c5;font-size:.55rem}.health-v2-spark{display:block;width:100%;height:48px;margin-top:7px;overflow:visible}.health-v2-spark polyline{fill:none;stroke-width:2.2;vector-effect:non-scaling-stroke}.health-v2-spark--green polyline{stroke:#34d77b}.health-v2-spark--pink polyline{stroke:#ff476f}.health-v2-spark--teal polyline{stroke:#24d1c2}.health-v2-spark--blue polyline{stroke:#4eaef7}.health-v2-spark--purple polyline{stroke:#a457f4}.health-v2-spark--orange polyline{stroke:#ff9a32}.health-v2-sleep-band{display:grid;grid-template-columns:1.1fr 2.2fr 1.2fr .45fr;gap:2px;height:8px;margin:8px 0;border-radius:999px;overflow:hidden}.health-v2-sleep-band i:nth-child(1){background:#7e3fd2}.health-v2-sleep-band i:nth-child(2){background:#3d9ee8}.health-v2-sleep-band i:nth-child(3){background:#27c3b5}.health-v2-sleep-band i:nth-child(4){background:#e85c7a}.health-v2-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 8px}.health-v2-mini-grid .health-v2-detail{display:block}.health-v2-mini-grid .health-v2-detail span{display:block}.health-v2-mini-grid .health-v2-detail strong{font-size:.69rem}.health-v2-status-value{display:block;padding:3px 0}.health-v2-status-value span{display:block;font-size:.58rem;color:#8fa1b0}.health-v2-status-value strong{display:block;color:#37d77c;font-size:.76rem;margin-top:2px;text-transform:none}.health-v2-quality{font-size:.66rem;color:#b05cff;font-weight:800;margin:2px 0 3px}.health-v2-metrics{display:grid;gap:1px}.health-v2-metric-row{display:flex;justify-content:space-between;align-items:baseline;gap:7px;padding:4px 0;width:100%}.health-v2-metric-row--primary{display:block;padding:4px 0 7px}.health-v2-metric-label{font-size:.6rem;color:#8fa1b0}.health-v2-metric-value{font-size:.75rem;font-weight:760;color:#dce7ef;text-align:right}.health-v2-metric-value small{font-size:.5rem;color:#879aa9;margin-left:2px}.health-v2-metric-row--primary .health-v2-metric-label{display:block;font-size:.61rem;margin-bottom:4px}.health-v2-metric-row--primary .health-v2-metric-value{font-size:1.35rem;font-weight:900;color:#fff;letter-spacing:-.03em}
.health-v2-edit-controls,.health-v2-layout-controls{display:none}.health-v2-editing .health-v2-edit-controls{display:block;position:absolute;left:8px;top:8px;z-index:2}.health-v2-editing .health-v2-layout-controls{display:flex;gap:7px;align-items:center;margin-top:12px;padding-top:9px;border-top:1px solid rgba(255,255,255,.06);font-size:.6rem;color:#8396a5}.health-v2-editing .health-v2-card{padding-top:43px;border-color:rgba(85,173,255,.3)}.health-v2-drag-handle{width:31px;height:27px;border:1px solid rgba(85,173,255,.28);background:#102a3d;color:#78c5ff;border-radius:8px;touch-action:none}.health-v2-segmented{display:flex;border:1px solid rgba(255,255,255,.1);border-radius:7px;overflow:hidden}.health-v2-segmented button{width:25px;height:25px;border:0;background:transparent;color:#93a5b3}.health-v2-segmented button.active{background:rgba(85,173,255,.18);color:#fff}.health-v2-hide{margin-left:auto;border:0;background:none;color:#f29c9c;font-size:.6rem}.health-v2-hidden-panel{display:none}.health-v2-editing .health-v2-hidden-panel{display:block}.health-v2-hidden-list{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.health-v2-hidden-chip{border:1px dashed rgba(255,255,255,.15);background:none;color:#b5c4cf;border-radius:999px;padding:6px 9px}.health-v2-card--ghost{opacity:.25}.health-v2-card--chosen{border-color:#55adff}.health-v2-empty{grid-column:1/-1;color:#8094a4;padding:20px;text-align:center}
.health-v2-dialog{border:1px solid rgba(255,255,255,.12);border-radius:20px;background:#0d1b27;color:#fff;width:min(92vw,620px);padding:0}.health-v2-dialog::backdrop{background:rgba(0,0,0,.72)}.health-v2-dialog-head{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.07)}.health-v2-dialog-head strong{color:#55adff}.health-v2-dialog-body{padding:17px}.health-v2-dialog-close{border:0;background:rgba(255,255,255,.07);color:#fff;border-radius:50%;width:32px;height:32px}.health-v2-periods{display:flex;gap:6px;margin-bottom:13px}.health-v2-periods button{border:1px solid rgba(255,255,255,.1);background:#132636;color:#c3d0dc;border-radius:9px;padding:7px 9px}.health-v2-periods button.active{border-color:#55adff;color:#fff}.health-v2-chart{height:220px;display:flex;align-items:flex-end;gap:3px}.health-v2-chart-bar{flex:1;min-width:2px;background:#55adff;border-radius:3px 3px 0 0}
@media(max-width:430px){.health-v2-view{gap:18px}.health-v2-heading{align-items:flex-start;flex-wrap:wrap}.health-v2-heading .card-header{font-size:1.25rem}.health-v2-status{max-width:100%;padding:6px 9px}.health-v2-ai-card{grid-template-columns:74px minmax(0,1fr) 12px;gap:9px;padding:14px 11px}.health-v2-ai-ring{width:64px;height:64px}.health-v2-ai-title{font-size:.69rem}.health-v2-ai-copy p{font-size:.68rem}.health-v2-key{flex-basis:80px;min-height:114px}.health-v2-card{padding:11px;min-height:154px}.health-v2-card--per-row-3{padding:9px}.health-v2-card--per-row-3 .health-v2-source,.health-v2-card--per-row-3 .health-v2-detail,.health-v2-card--per-row-3 .health-v2-spark,.health-v2-card--per-row-3 .health-v2-sleep-band,.health-v2-card--per-row-3 .health-v2-mini-grid,.health-v2-card--per-row-3 .health-v2-two-col,.health-v2-card--per-row-3 .health-v2-status-value{display:none}.health-v2-card--per-row-3 .health-v2-card-title{font-size:.65rem}.health-v2-card--per-row-3 .health-v2-primary strong{font-size:1.02rem}}


/* Compact health top: heading is redundant with bottom tab */
.health-v2-view{
  gap:16px;
}
.health-v2-ai-card{
  margin-top:0;
}
.health-v2-key-section{
  margin-top:2px;
}
