/* HEALTH (Fitbit) tab — read-only display of the daily Fitbit pull. */

.hl-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 16px; }

.hl-cardttl { font-size: 12px; letter-spacing: .05em; text-transform: uppercase; color: #b9ad8c; font-weight: 700; margin-bottom: 14px; display: flex; align-items: center; gap: 8px; }
.hl-cardttl small { text-transform: none; letter-spacing: 0; font-weight: 600; color: #8b836e; font-size: 12px; }

.hl-sleepcard { display: flex; flex-direction: column; align-items: center; padding: 22px; }
.hl-sleepcard .hl-cardttl { align-self: flex-start; }
.hl-note { margin-top: 16px; font-size: 13px; color: #9a927f; text-align: center; line-height: 1.55; max-width: 250px; }

.hl-stages { width: 100%; margin-top: 18px; }
.hl-stbar { display: flex; height: 12px; border-radius: 6px; overflow: hidden; background: rgba(255,255,255,0.05); }
.hl-stbar span { display: block; height: 100%; }
.hl-stleg { display: flex; flex-wrap: wrap; gap: 9px 16px; margin-top: 12px; }
.hl-stk { display: flex; align-items: center; gap: 6px; font-size: 12px; color: #b9b1a0; }
.hl-stk i { width: 9px; height: 9px; border-radius: 3px; display: inline-block; }

.hl-vitals { padding: 8px 22px; display: flex; flex-direction: column; }
.hl-vitals .hl-cardttl { margin-top: 14px; }
.hl-vital { display: flex; align-items: center; gap: 14px; padding: 13px 0; border-bottom: 1px solid rgba(255,255,255,0.05); }
.hl-vital:last-child { border-bottom: none; }
.hl-vi { width: 42px; height: 42px; flex: none; border-radius: 12px; display: grid; place-items: center; background: rgba(232,199,100,0.12); color: #E8C764; font-size: 16px; }
.hl-vmeta { flex: 1; min-width: 0; }
.hl-vlabel { font-size: 12px; color: #9a927f; }
.hl-vval { font-size: 24px; font-weight: 700; color: #EDE3C8; line-height: 1.15; font-family: 'Oswald', sans-serif; }
.hl-vval small { font-size: 13px; font-weight: 600; color: #9a927f; font-family: inherit; }
.hl-vsub { font-size: 11px; color: #8b836e; margin-top: 2px; }

.hl-recent { margin-top: 2px; }
.hl-rrow { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr; align-items: center; padding: 11px 0; border-bottom: 1px solid rgba(255,255,255,0.05); font-size: 14px; color: #EDE3C8; }
.hl-rrow:last-child { border-bottom: none; }
.hl-rhead { color: #8b836e; font-size: 11px; text-transform: uppercase; letter-spacing: .04em; font-weight: 700; }
.hl-rrow span { text-align: right; }
.hl-rrow .hl-rday, .hl-rhead span:first-child { text-align: left; }
.hl-rday { color: #b9b1a0; }
.hl-foot { margin-top: 14px; font-size: 11px; color: #8b836e; }

.hl-empty { text-align: center; padding: 48px 22px; }
.hl-empty i { font-size: 38px; color: #E8C764; opacity: .85; }
.hl-empty h3 { margin: 16px 0 8px; font-size: 18px; color: #EDE3C8; }
.hl-empty p { font-size: 14px; color: #9a927f; max-width: 340px; margin: 0 auto; line-height: 1.55; }

@media (max-width: 760px) {
  .hl-grid { grid-template-columns: 1fr; }
}

/* Command Center desktop "Health" tile — newest synced day at a glance */
.cc-health-body { display: flex; align-items: center; justify-content: center; padding: 4px 14px; }
.cc-hl-stats { display: flex; width: 100%; gap: 8px; }
.cc-hl-stat { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 3px; text-align: center; min-width: 0; }
.cc-hl-stat i { color: #EC6A78; font-size: 13px; opacity: .9; margin-bottom: 1px; }
.cc-hl-stat b { font-family: 'Oswald', sans-serif; font-size: 25px; font-weight: 600; color: #EDE3C8; line-height: 1; letter-spacing: .01em; }
.cc-hl-stat span { font-size: 10px; letter-spacing: .05em; text-transform: uppercase; color: #9a927f; }
.cc-hl-empty { font-size: 12.5px; color: #9a927f; text-align: center; line-height: 1.5; padding: 0 10px; }

/* MobileHome "Health" launcher tile */
.mh-hl-row { display: flex; gap: 20px; margin-top: 6px; }
.mh-hl-stat { display: flex; flex-direction: column; }
.mh-hl-stat b { font-family: 'Oswald', sans-serif; font-size: 22px; color: #EDE3C8; line-height: 1; }
.mh-hl-stat span { font-size: 11px; color: #9a927f; margin-top: 4px; }