/* Bowers.Fit: olive, forest, cream, clay and copper. White cards in both system themes. */
:root{--navy-electric:#606c38;--dark-raspberry:#283618;--hot-fuchsia:#bc6c25;--blaze-orange:#bc6c25;--amber-gold:#dda15e;--brand:#606c38;--brand-hover:#4c562c;--brand-ink:#606c38;--brand-tint:#e2e7d1;--bg:#fafaf5;--panel:#fff;--ink:#283618;--dim:#656953;--line:#e4e6dc;--soft:#edf0e5;--muted-surface:#fafbf7;--green:#606c38;--accent:#606c38;--tab-ink:#4c562c;--protein:#606c38;--carbs:#bc6c25;--fat:#dda15e;--calories:#bc6c25;--danger:#b42318;--panel-shadow:0 2px 8px #606c3805;--macro-surface:#fffcf5;--macro-border:#f0e3b8;--weight-surface:#fff6fb;--weight-border:#efd0e2;--weight-ink:#283618;--weight-dim:#7e315c;--weight-icon:#ffe2f1;--activity-surface:#fff9e9;--activity-border:#efdda6;--activity-ink:#664b00;--activity-dim:#765c1d;--activity-icon:#ffedb0;color-scheme:light}
@media(prefers-color-scheme:dark){:root{--brand:#a9b876;--brand-hover:#c5d0a3;--brand-ink:#e2e7d1;--brand-tint:#394121;--bg:#13160b;--panel:#1f2a13;--ink:#fefae0;--dim:#c5d0a3;--line:#394121;--soft:#283618;--muted-surface:#262b16;--green:#a9b876;--accent:#a9b876;--tab-ink:#e2e7d1;--protein:#a9b876;--carbs:#bc6c25;--fat:#dda15e;--calories:#dda15e;--danger:#b42318;--panel-shadow:0 3px 12px #0000000c;--macro-surface:#2d2432;--macro-border:#594333;--weight-surface:#332236;--weight-border:#62384f;--weight-ink:#ffb9e1;--weight-dim:#edb8d6;--weight-icon:#542b44;--activity-surface:#342c1e;--activity-border:#66532d;--activity-ink:#ffe499;--activity-dim:#e5d3a7;--activity-icon:#544322;color-scheme:dark}}
body{background:var(--bg);color:var(--ink)}#cloudTools{background:var(--panel);border-color:var(--line)}#cloudTools .dashboard-brand svg{color:var(--brand-ink)}#cloudTools .dashboard-brand h1{color:var(--ink)}#fitness-app .view-tabs{border-color:var(--line)}
#dashboard-daily:checked ~ #fitness-app .view-tabs #dailyView,#dashboard-weekly:checked ~ #fitness-app .view-tabs #weeklyView{color:var(--tab-ink);border-bottom-color:var(--accent)}#dashboard-daily:checked ~ #fitness-app #dailyView svg,#dashboard-weekly:checked ~ #fitness-app #weeklyView svg{color:var(--tab-ink)}
button.primary,#completeDay,.overview-controls #completeDay{background:#606c38;border-color:#606c38;color:#fff;box-shadow:0 3px 8px #606c3815}button.primary:hover,#completeDay:hover{background:#4c562c;border-color:#4c562c}button.primary:disabled:hover{background:#606c38;border-color:#606c38}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:var(--accent)}
#fitness-app .entry-edit:hover{color:var(--brand-ink);border-color:var(--brand);background:var(--brand-tint)}#fitness-app .meal-tabs [aria-selected=true],#category-diet:checked ~ #fitness-app #weeklyDiet,#category-exercise:checked ~ #fitness-app #weeklyExercise{color:var(--brand-ink);box-shadow:0 1px 4px #606c380b}#fitness-app .metric-name .nutri-track{height:5px;background:var(--soft)}#fitness-app .macro-swatch{box-shadow:inset 0 0 0 1px #28361812}
#fitness-app .overview-card{position:relative;overflow:hidden;border-radius:15px;box-shadow:var(--panel-shadow);transition:box-shadow .15s,border-color .15s}#fitness-app.daily-view .overview-card{min-height:174px;padding:18px 20px;gap:8px}#fitness-app.daily-view .overview-value{font-size:36px;font-weight:650;line-height:1.1;letter-spacing:-1.1px}#fitness-app .overview-card h3{font-size:13px;font-weight:500;letter-spacing:0}
.metric-icon{position:absolute;right:16px;top:15px;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;pointer-events:none}.metric-icon svg{width:20px;height:20px}
#fitness-app .metric-calories{background:linear-gradient(125deg,#606c38 0%,#4c562c 100%);border-color:#4c562c;color:#fff;box-shadow:0 5px 18px #606c381c}#fitness-app .metric-calories .overview-value,#fitness-app .metric-calories h3{color:#fff}#fitness-app .metric-calories .overview-value{padding-top:14px;padding-right:26px}#fitness-app .metric-calories .overview-value small{color:#e5d8ff}#fitness-app .metric-calories .overview-detail,#fitness-app .metric-calories .metric-context{color:#e2e7d1}#fitness-app .metric-calories .metric-icon{background:#ffffff16;color:#ffdd80;border:1px solid #ffffff10}#fitness-app .metric-calories .metric-up{background:#ffccdd;color:#990033;padding:3px 7px;border-radius:6px;font-size:10px;gap:3px}
#fitness-app .overview-macros{background:var(--macro-surface);border-color:var(--macro-border)}#fitness-app .overview-macros .macro-donut{box-shadow:0 0 0 1px #28361809}#fitness-app .overview-macros .macro-donut>span{background:var(--macro-surface)}#fitness-app.daily-view .overview-macros{gap:7px}#fitness-app.daily-view .macro-donut{width:72px;height:72px}#fitness-app.daily-view .macro-donut>span{width:50px;height:50px}#fitness-app.daily-view .overview-macro-content{gap:8px}#fitness-app.daily-view .overview-macro-legend strong{font-size:11px;font-weight:650}
#fitness-app .metric-weight{background:var(--weight-surface);border-color:var(--weight-border)}#fitness-app .metric-weight .overview-value{color:var(--weight-ink);padding-top:14px}#fitness-app .metric-weight h3,#fitness-app .metric-weight .overview-value small{color:var(--weight-dim)}#fitness-app .metric-weight .metric-icon{color:var(--weight-ink);background:var(--weight-icon)}
#fitness-app .metric-activity{background:var(--activity-surface);border-color:var(--activity-border)}#fitness-app .metric-activity .overview-value{color:var(--activity-ink);padding-top:14px}#fitness-app .metric-activity h3{color:var(--activity-dim)}#fitness-app .metric-activity .metric-icon{color:var(--activity-ink);background:var(--activity-icon)}#fitness-app .metric-up{color:var(--danger)}#fitness-app .metric-calories .metric-up{color:#990033}#fitness-app .metric-down{color:#16803d}
#navigationMenu button:hover{color:var(--brand-ink);background:var(--brand-tint)}#overviewPanel details>summary:hover{color:var(--brand-ink)}
#authGate{background:var(--bg);color:var(--ink)}#authGate .brand-mark{color:var(--brand-ink)}#authGate input:not([type=file]){background:var(--panel);color:var(--ink);border-color:var(--line)}#authGate input::placeholder,#authGate #authStatus{color:var(--dim)}#authGate input:focus-visible{border-color:var(--brand);outline-color:var(--accent)}#authGate button{background:#606c38;border-color:#606c38;color:#fff}#authGate button:hover{background:#4c562c;border-color:#4c562c}#authGate button:focus-visible{outline-color:var(--accent)}#authGate #authStatus[data-error]{color:var(--danger)}body:has(#authGate:not([hidden])){background:var(--bg)}
@media(prefers-color-scheme:dark){#fitness-app .metric-down{color:#4ade80}}
@media(max-width:600px){#fitness-app .overview-card{border-radius:13px}#fitness-app.daily-view .overview-card{min-height:166px;padding:15px 13px;gap:7px}#fitness-app.daily-view .overview-value{font-size:32px;letter-spacing:-.9px}#fitness-app .overview-card h3{font-size:12px}.metric-icon{width:28px;height:28px;right:12px;top:12px;border-radius:8px}.metric-icon svg{height:18px;width:18px}#fitness-app .metric-calories .overview-value{padding-top:13px;padding-right:22px}#fitness-app .metric-weight .overview-value,#fitness-app .metric-activity .overview-value{padding-top:13px}#fitness-app .metric-calories .metric-up{padding:3px 5px;font-size:9px;gap:2px;line-height:1.5}#fitness-app.daily-view .macro-donut{width:62px;height:62px}#fitness-app.daily-view .macro-donut>span{width:43px;height:43px}#fitness-app.daily-view .overview-macro-legend strong{font-size:10px}}
@media(max-width:359px){#fitness-app.daily-view .overview-card{padding:14px 11px;min-height:166px}#fitness-app.daily-view .overview-value{font-size:29px}.metric-icon{right:10px;top:10px;width:26px;height:26px}#fitness-app .metric-calories .overview-value{padding-right:18px}#fitness-app .overview-card h3{font-size:11px}#fitness-app .metric-calories .metric-up{font-size:8px;padding:3px 4px}}
@media(prefers-reduced-motion:reduce){#fitness-app .overview-card{transition:none}}
/* Align the primary numbers and labels across the three numeric cards. */
#fitness-app.daily-view .metric-calories,#fitness-app.daily-view .metric-weight,#fitness-app.daily-view .metric-activity{justify-content:flex-start;padding-top:54px}
#fitness-app.daily-view .metric-calories .overview-value,#fitness-app.daily-view .metric-weight .overview-value,#fitness-app.daily-view .metric-activity .overview-value{padding-top:0}
@media(max-width:600px){#fitness-app.daily-view .metric-calories,#fitness-app.daily-view .metric-weight,#fitness-app.daily-view .metric-activity{padding-top:48px}}
#fitness-app.weekly-view .metric-calories .overview-value{padding-right:0;padding-top:26px;white-space:nowrap}
@media(max-width:600px){#fitness-app.weekly-view .metric-calories .overview-value{font-size:26px;padding-top:24px}#fitness-app.weekly-view .metric-calories .overview-value small{font-size:10px}}
#fitness-app.daily-view .metric-calories .metric-up{font-size:10px;gap:2px;padding:3px 4px}
#fitness-app.daily-view .metric-calories .metric-up svg{width:12px;height:12px}

/* Cards share one calm white surface, including when the surrounding shell is dark. */
#fitness-app .overview-card,#fitness-app .section,#overviewPanel>details,dialog{
 --panel:#fff;--ink:#283618;--dim:#656953;--line:#e4e6dc;--soft:#edf0e5;--muted-surface:#fafbf7;
 --brand:#606c38;--brand-hover:#4c562c;--brand-ink:#283618;--brand-tint:#e2e7d1;--accent:#606c38;--green:#606c38;
 --protein:#606c38;--carbs:#bc6c25;--fat:#dda15e;--calories:#bc6c25;--danger:#b42318;
 --macro-surface:#fff;--weight-surface:#fff;--activity-surface:#fff;
 background:#fff;border-color:#e4e6dc;color:#283618;box-shadow:0 1px 3px #28361806;color-scheme:light;
}
#fitness-app .metric-calories,#fitness-app .metric-weight,#fitness-app .metric-activity,#fitness-app .overview-macros{background:#fff;border-color:#e4e6dc;box-shadow:0 1px 3px #28361806}
#fitness-app .overview-card .overview-value{color:#283618}
#fitness-app .overview-card h3,#fitness-app .overview-card .overview-value small,#fitness-app .overview-card .overview-detail,#fitness-app .overview-card .metric-context{color:#656953}
#fitness-app .overview-card .metric-icon{background:#edf0e5;color:#606c38;border:0}
#fitness-app .metric-calories .metric-up{background:transparent;color:#b42318;padding-left:0}
#fitness-app .metric-up{color:#b42318}#fitness-app .metric-down{color:#16803d}
#fitness-app .overview-macros .macro-donut>span{background:#fff}

#fitness-app.daily-view .overview-macros>h3{order:0}
#fitness-app .overview-macros{padding-top:48px}
#fitness-app.daily-view .overview-macros{min-height:190px}
#fitness-app .metric-reps{justify-content:center;gap:14px;padding-top:48px}
#fitness-app .rep-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px;width:100%}
#fitness-app .rep-value{font-size:26px;font-weight:650;line-height:1.15;letter-spacing:-.6px;white-space:nowrap}
#fitness-app .weighted-reps{display:inline-flex;align-items:center;gap:4px}.rep-plus{font-size:14px;font-weight:400}
@media(max-width:600px){#fitness-app.daily-view .overview-macros{min-height:184px}#fitness-app .rep-value{font-size:22px}#fitness-app .rep-row{gap:4px}#fitness-app .weighted-reps{gap:2px}#fitness-app .weighted-reps svg{width:15px;height:15px}}

/* Keep metric icons consistently in the upper-left corner. */
#fitness-app .overview-card>.metric-icon{left:16px;right:auto}
@media(max-width:600px){#fitness-app .overview-card>.metric-icon{left:12px;right:auto}}
@media(max-width:359px){#fitness-app .overview-card>.metric-icon{left:10px;right:auto}}

/* Reserve an icon row in every Weekly card. */
#fitness-app.weekly-view .overview-card{padding-top:58px;justify-content:flex-start}
#fitness-app.weekly-view .overview-card .overview-value{padding-top:0}
#fitness-app.weekly-view .metric-weight .overview-detail{display:flex;align-items:baseline;gap:4px;white-space:nowrap}
#fitness-app.weekly-view .metric-weight .metric-context{display:inline;margin-top:0}
@media(max-width:600px){#fitness-app.weekly-view .overview-card{padding-top:48px}#fitness-app.weekly-view .metric-weight .overview-detail{font-size:10px;gap:3px}}

#fitness-app .rep-group{width:100%}#fitness-app .rep-group+.rep-group{padding-top:10px;border-top:1px solid var(--line)}
#fitness-app .rep-value small{font-size:10px;font-weight:400;color:var(--dim);letter-spacing:0}
#fitness-app .rep-breakdown{display:flex;flex-wrap:wrap;gap:3px 10px;margin-top:4px;font-size:10px;color:var(--dim)}
#fitness-app .rep-breakdown span{display:inline-flex;align-items:center;gap:3px}
#fitness-app.weekly-view .metric-reps{gap:10px}

#fitness-app .weight-edit{position:absolute;right:10px;top:7px;bottom:auto;min-width:64px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:8px 10px;background:#fff;color:#606c38;border:1px solid #e4e6dc;border-radius:8px;font-size:12px}
#fitness-app .weight-edit:hover{background:#edf0e5;border-color:#606c38}