/* body.css - cardio, steps, measurements, photo reminder. Prefix bd-. Colors come from core variables. */
.bd-card .bd-h{margin:0 0 8px}
.bd-sub{font-size:.95rem;margin:16px 0 6px;color:var(--text-dim);font-weight:650}
.bd-note{margin:8px 0}
.bd-week{display:flex;gap:18px;flex-wrap:wrap;margin:4px 0 10px}
.bd-big{font-size:1.5rem;font-weight:700;line-height:1.2}
.bd-unit{font-size:.85rem;font-weight:500}

.bd-track{height:10px;border-radius:99px;background:var(--bg-elev-2);border:1px solid var(--border);overflow:hidden}
.bd-fill{height:100%;background:var(--s-lA);border-radius:99px;transition:width .25s ease}
.bd-fill.met{background:var(--ok)}

.bd-form{margin-top:12px}
.bd-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}
.bd-chip{cursor:pointer;font:inherit;font-size:.85rem}
.bd-chip.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:650}

.bd-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:8px 0}
.bd-field{display:flex;flex-direction:column;gap:5px;min-width:0}
.bd-lab{font-size:.8rem;color:var(--text-dim)}
.bd-input{width:100%;min-height:44px;background:var(--bg);border:1px solid var(--border);border-radius:10px;
  color:var(--text);padding:8px 10px;font-size:1rem}
.bd-input::placeholder{color:var(--text-faint)}
.bd-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 30%,transparent)}
.bd-form > .bd-field{margin:8px 0}
.bd-btn{margin-top:10px}

.bd-bars{width:100%;height:auto;display:block;margin-top:4px}
.bd-bar{fill:var(--text-faint)}
.bd-bar.now{fill:var(--accent)}
.bd-bar.zero{fill:var(--border)}
.bd-target{stroke:var(--s-lA);stroke-width:1.5;stroke-dasharray:4 4}
.bd-val{fill:var(--text);font-size:10px;font-weight:650}
.bd-axis{fill:var(--text-dim);font-size:9.5px}

.bd-item{display:flex;align-items:center;gap:8px;min-height:48px;padding:6px 0;border-top:1px solid var(--border)}
.bd-item-main{flex:1;min-width:0;overflow-wrap:anywhere}
.bd-x{flex:none;width:44px;height:44px;border:0;background:transparent;color:var(--text-dim);font-size:1.5rem;border-radius:10px}
.bd-x:active{background:var(--bg-elev-2)}

.bd-mtable{margin:8px 0}
.bd-mrow{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:6px;align-items:center;min-height:40px;
  border-top:1px solid var(--border);font-size:.92rem;font-variant-numeric:tabular-nums}
.bd-mrow.head{border-top:0;font-size:.75rem;color:var(--text-dim);min-height:28px}
.bd-mname{font-weight:600}
.bd-chg.up-good,.bd-chg.down-good{color:var(--ok)}
.bd-chg.up-bad,.bd-chg.down-bad{color:var(--danger)}

.bd-hint{border-radius:var(--radius-sm);padding:10px 12px;margin:10px 0;font-size:.9rem;line-height:1.4;
  background:var(--bg-elev-2);border:1px solid var(--border);border-left-width:4px}
.bd-hint.ok{border-left-color:var(--ok)}
.bd-hint.warn{border-left-color:var(--danger)}
.bd-hint.info,.bd-hint.none{border-left-color:var(--s-lA)}