/* ---- v2.11.1 · the mobile pass (Arrick, 2026-08-09) — scale and fit, never a redesign ---- */
@media(max-width:720px){
  .view.on{padding-bottom:88px}                     /* the FAB never covers the last row's buttons */
  .winp,.field input,.field select,.field textarea{font-size:16px}   /* under 16px, iOS zooms the page on focus */
  .pw-add,.blk-link{padding:9px 0}                  /* comfortable thumbs — bigger hit areas, same visuals */
  .wz-back{padding:10px 12px;margin:-10px -12px}
  .wz-control{min-height:0;margin:18px 0 6px}       /* the sheet hugs its content — less dead space */
}
@media(max-width:640px){
  .tpl-row>div:first-child{min-width:0}
  .tpl-meta{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}   /* one-line meta keeps routine rows uniform */
  .pw-item .sr-log{padding:5px 10px}
}
@media(max-width:520px){
  .lf-chip{padding:7px 10px}                        /* four type/filter chips fit one row at 390px */
  .tglrow{justify-content:flex-start}
  .tglrow .tglw{margin-left:auto}                   /* Benchmark right-aligns on its own line under the type row */
  .blk-in .wset-head,.blk-in .wset{gap:8px}
  .blk-in .wset-head.live,.blk-in .wset.live{grid-template-columns:14px 1fr 1fr 40px 24px}
  .blk-in .wset-head{letter-spacing:.03em}          /* "Weight (lb)" holds one line inside nested superset cards */
}

/* ═══ v2.19.0 · the More page (Arrick, 2026-08-12) — the sheet, promoted to a full view ═══
   Whoop grammar: grouped sections behind the nav, the More tab stays lit. Rows are the
   sheet's rows — 48px, hairline-divided — inside standard cards with a courier eyebrow. */
.mp-eye{font-family:var(--courier);font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);padding:14px 20px 10px;border-bottom:1px solid var(--line)}
.mp-row{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;min-height:48px;padding:14px 20px;font-size:14px;border-bottom:1px solid var(--line);-webkit-tap-highlight-color:transparent}
.mp-row:last-child{border-bottom:none}
.mp-row:active{background:var(--wash)}
.mp-row .mp-chev{font-family:var(--courier);color:var(--platinum);font-size:14px;line-height:1}
.mp-row.danger{color:var(--accent-text)}
#view-more .card{padding:0;overflow:hidden}
.mp-fine{font-family:var(--courier);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);line-height:1.8;margin-top:4px}
.mp-fine a{color:var(--muted);text-decoration:none}
@media(hover:hover){.mp-fine a:hover{color:var(--accent)}}

/* ═══ v2.18.0 · the dock (Arrick, 2026-08-12) — Nike-style floating phone nav ═══
   Phones only (≤720px) — the desktop header nav is untouched. The dock replaces
   the header tab row, the avatar menu (→ the More sheet) and the floating FAB
   (→ the dock's +, which opens the Log). Labels are the header nav's courier,
   all caps. Hidden by default; the phone media block below turns it on. */