/* Pearl & Teal · Studio test palette. Presentation only; no data or workflow changes. */
:root{
 --bg:#f6f7f9;--paper:#fff;--ink:#252a32;--muted:#6b6b78;--line:#e6e9ee;--soft:#f0f2f5;
 --accent:#087f76;--accent-soft:#effaf9;--teal:#087f76;--teal-soft:#e1f7f1;
 --warm:#cf6547;--warm-bg:#fff0e9;--good:#087f76;--bad:#bb3d52;
 --card-shadow:0 5px 22px #222b3b07,0 1px 3px #222b3b03;
}
body,body.focus-side{background:var(--bg);color:var(--ink)}
button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:#85dbd3}
.focus-client .card,.focus-client .compact-exercise,.focus-mini,.focus-details,
.focus-side .quest-card,.focus-side .quest-question,.focus-side .focus-roadmap-month,
.focus-outlook,.focus-month-plan{background:#fff;border-color:#eceef2;box-shadow:var(--card-shadow);color:var(--ink)}
.focus-client .btn.primary,.focus-side .btn.primary,.focus-header .brand-symbol{background:#282e37;border-color:#282e37;color:#fff}
.focus-client .btn.secondary,.focus-side .btn.secondary{background:#effaf9;color:#327a73;border-color:#e2f6f4}
.focus-header .avatar,.focus-side-avatar{background:#eefaf9;border-color:#e1f6f4;color:#3d7872}
.focus-client .client-nav,.focus-side-nav{background:#fffffff2;border-color:#fff;box-shadow:0 8px 32px #222b3b12}
.focus-client .client-nav button[aria-current=page],.focus-weekly .focus-side-nav [data-focus-nav=today],.focus-roadmap .focus-side-nav [data-focus-nav=progress]{background:#282e37;color:white}
.focus-days button{color:#6b6b78}.focus-days button[aria-pressed=true]{background:#e9f9f7;color:#317870}
.focus-calendar{color:#6b6b78}
/* White training surfaces; colour identifies the selected plan, not every card. */
.focus-training{background:#fff;border:1px solid #eceef2;color:var(--ink);box-shadow:var(--card-shadow)}
.focus-training .eyebrow{color:var(--accent)}
.focus-training p,.focus-training-progress,.focus-training .focus-session-caption{color:var(--muted)}
.focus-training .focus-soft-badge{background:var(--accent-soft);color:#347871;border-color:transparent}
.focus-training .focus-session-grid button,.focus-session-grid button{background:#fafbfc;border-color:#e6e9ee;color:var(--ink)}
.focus-training .focus-session-grid button[aria-pressed=true],.focus-session-grid button[aria-pressed=true]{background:#f3fbfb;border-color:#ade7e1;box-shadow:0 0 0 1px #ade7e1}
.focus-training .focus-session-grid button>small,.focus-training .focus-session-status{color:#6b6b78}
.focus-training .focus-session-note{color:#6b6b78!important}
.focus-training .focus-session-status.complete,.focus-session-status.complete,.focus-training .focus-session-name i,.focus-session-name i{color:var(--teal)}
.focus-client .focus-training-cta{background:#282e37;color:#fff;box-shadow:0 4px 10px #282e370d}
.focus-training .focus-details{border-color:var(--line);color:var(--ink)}
progress,progress::-webkit-progress-bar,.focus-training progress,.focus-training progress::-webkit-progress-bar{background:#edf0f3}
progress::-webkit-progress-value{background:linear-gradient(90deg,#a4e5de,#65d2c7)}
progress::-moz-progress-bar{background:#75d7cd}
.focus-training progress::-webkit-progress-value{background:linear-gradient(90deg,#b4e9e4,#69d3c9)}
/* Small, purposeful data accents. */
.peach{background:#fff0e9;color:#b35238}.sage{background:#e1f7f1;color:#087a72}
.focus-mini:first-child progress::-webkit-progress-value,.warm-track::-webkit-progress-value{background:linear-gradient(90deg,#ffca8c,#f08b65)}
.focus-mini:nth-child(2) progress::-webkit-progress-value{background:linear-gradient(90deg,#81e2cf,#25baa6)}
.focus-week-icon{background:#effaf9;color:#297971}.focus-check-dot.complete{background:var(--teal-soft);color:var(--teal)}
.badge{background:#f0f2f5;color:#696977}.badge.warm{background:#fff0e9;color:#a44c34}.badge.good{background:var(--teal-soft);color:var(--teal)}
/* Monthly plan stays welcoming and uses the same cool surface as the app. */
.focus-month-card.with-coach{background:linear-gradient(120deg,#fff 0%,#fafbfc 68%,#f2f4f7 100%);border-color:#e8ebf0;box-shadow:var(--card-shadow);color:var(--ink)}
.with-coach .focus-month-top,.with-coach .focus-month-sub,.with-coach .focus-month-habit,.focus-coach-label{color:#737080}
.focus-month-top svg{background:#ebf9f8;color:#327771}.with-coach .focus-month-top small{background:#fff;color:#777180}
.with-coach .focus-month-track i{background:#e7eaee}.with-coach .focus-month-track i.active{background:#89ddd4}.with-coach .focus-month-track i.past{background:#c7efeb}
.with-coach .focus-month-bottom,.with-coach .focus-month-bottom>span:first-child{color:#3e7671}.focus-month-open{color:#3d7973!important;background:#fff!important}
.focus-month-tabs button[aria-pressed=true]{background:#ecf9f8;border-color:#b8ebe6;color:#2f7972}
.focus-month-focus,.focus-month-expect{background:#f3f5f7;color:#4d7772}.focus-month-focus small,.focus-month-expect>span{color:#5b7471}
/* Workout targets are the one colourful callout. Actual results remain neutral. */
.focus-client .next-target-row{background:linear-gradient(110deg,#eefaf9,#eaf9f7);border-color:#d0f1ee;color:#337a72;box-shadow:0 3px 12px #55b8ae0a}
.focus-client .next-target-row:hover{background:#e4f7f5}.focus-client .next-target-row:focus-visible{outline-color:#76d4cb}
.next-target-row>span:nth-child(2){color:#477570}
.set-value>small:not(:empty){background:#f1fbfa;color:#3d7973}
.next-target-table .progression-row strong{background:#eefaf9;color:#337a73}
.focus-exercise-tabs button[aria-pressed=true]{background:#f0fbfa;color:#337770;border-color:#b8ebe6}
.focus-exercise-tabs b{background:#f0f2f5}.focus-exercise-tabs button[aria-pressed=true] b{background:#def6f3}
.focus-client .compact-exercise .set-row input[type=number]{background:#fafbfc;border-color:#e4e8ed;color:var(--ink)}
.focus-client .compact-exercise .set-row input[type=number]:focus{border-color:#8bd9d1;outline-color:#eaf9f7}
.focus-client .compact-exercise .set-row.is-done input[type=number]{background:#effaf6;border-color:#d7eee5}
.focus-client .check input{background:#e4f7ef;border-color:#6fc3a3}.focus-client .check input:checked{background:#229b7c;border-color:#229b7c}
.focus-client .check input:disabled{background:#f1f3f5;border-color:#d8dde3}
.focus-rest-start{background:#e9f8f4;border-color:#bde8db;color:#187563}.focus-rest-start.running{background:#19866f;color:#fff;border-color:#19866f}
.compact-exercise .focus-swap-trigger{background:#f4f5f7;border-color:#e7eaf0;color:#5c716f}
.exercise-bottom-tools{background:#fbfcfd;border-color:#eceff3}.exercise-bottom-tools button{color:#557270}.exercise-bottom-tools button+button{border-color:#e7eaf0}
.progression-row strong,.coach-targets>div{background:#f3f5f7;color:var(--ink)}.coach-targets strong{color:#527672}.progression-done{color:var(--teal)}
.progression-dates button[aria-pressed=true],.focus-swap-list button:disabled{background:#edfaf9;border-color:#bcebe7;color:#367770}
/* Nutrition and results use colour as a key: protein / carbs / fat. */
.focus-client .day-pills button{background:#edf0f3;color:#70707e}
.focus-client .day-pills button[aria-pressed=true]{background:#fff;border-color:#afe7e1;color:#337770;box-shadow:0 2px 6px #35787108}
.focus-client .macro-grid>div:nth-child(1) progress::-webkit-progress-value{background:linear-gradient(90deg,#b2e9e3,#6dd5ca)}
.focus-client .macro-grid>div:nth-child(2) progress::-webkit-progress-value{background:linear-gradient(90deg,#ffcf99,#f09b69)}
.focus-client .macro-grid>div:nth-child(3) progress::-webkit-progress-value{background:linear-gradient(90deg,#8cdeca,#36b69e)}
.focus-measurements .focus-mini[aria-pressed=true]{background:#f4fcfb;border-color:#beece7}
.focus-client .spark-chart polyline{stroke:#70d3c9}
.saved-notice{border-color:#e6e9ee;box-shadow:0 18px 70px #222b3b26;color:var(--ink)}.saved-notice-check{background:#e2f8ef;color:#137e63}.saved-notice p{color:var(--muted)}
/* Weekly check-in and Roadmap. */
.focus-side .focus-roadmap-hero{background:linear-gradient(125deg,#fff,#f3f5f8);border:1px solid #e8ebf0;box-shadow:var(--card-shadow);color:var(--ink)}
.focus-roadmap-hero .rm-kicker,.focus-side .focus-roadmap-hero .rm-title-th{color:#4f7470}
.focus-side .quest-rating[aria-pressed=true],.focus-side .focus-month-nav [role=tab][aria-selected=true]{background:#e7f8f6;border-color:#bcebe7;color:#347871}
.focus-side .quest-step i.active{background:#82d9d0}
.focus-week-stat svg{background:#ebf9f8;stroke:#65c6bc}.focus-week-stat:nth-child(2) svg{background:#fff0e8;stroke:#bc684c}.focus-week-stat:nth-child(3) svg{background:#e1f7f0;stroke:#24957e}
.focus-side .rm-habit{background:#f3f5f7}.focus-side .rm-habit strong{color:#4d7571}.focus-side .rm-habit small,.focus-habit-icon{color:#497672}
.focus-side .rm-mission.hit .focus-mission-icon{background:#e0f6ee;color:#167c62}
.focus-side .rm-mission progress::-webkit-progress-value{background:linear-gradient(90deg,#abe7e1,#78d2c9)}
.focus-side .rm-band{fill:#e9f9f7}.focus-side .rm-weight-line{stroke:#7bd5cc}.focus-side .rm-point{fill:#70d1c7}.focus-side .rm-training-bar{fill:#b0e8e2}.focus-side .rm-training-bar.is-current{fill:#75d0c7}
.focus-outlook,.focus-month-plan{color:var(--ink)}.focus-outlook-note{background:#f3f5f7}.focus-outlook-baseline strong{color:var(--ink)}
.focus-roadmap-hero .focus-soft-badge{background:#e9f9f7;border-color:transparent;color:#437873}
.focus-roadmap-progress{color:#587572}.focus-roadmap-progress strong{color:#437873}
.focus-roadmap-progress progress,.focus-roadmap-progress progress::-webkit-progress-bar{background:#def0ee}
.focus-roadmap-progress progress::-webkit-progress-value{background:linear-gradient(90deg,#a0e3dd,#77cfc6)}

.compact-training-heading{align-items:center;gap:10px;flex-wrap:wrap}
.compact-training-heading>div:first-child{flex:1;min-width:150px}
.compact-training-heading>.badge{margin-left:auto}


/* Homepage-only portraits; preserve transparent pixels and natural proportions. */
.focus-coach-figure.home-portrait{background-image:none;inset:0 0 30px;width:115px;overflow:visible;filter:none;animation:none;mix-blend-mode:normal}
.home-portrait img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom}

/* Clear day selection: icon, readable label and an explicit selected check. */
.focus-daytype>.small{font-size:13px;font-weight:600;color:#555d68}
.focus-client .day-pills{gap:7px;margin-top:10px}
.focus-client .day-pills button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-height:84px;padding:13px 3px 11px;background:#fff;border:1px solid #dce1e8;border-radius:15px;color:#464e5b;box-shadow:0 2px 6px #222b3b06;font-weight:600;transition:background .15s,border-color .15s,box-shadow .15s}
.day-type-icon{display:flex;align-items:center;justify-content:center;gap:2px;height:24px;color:#597a92}
.day-type-icon svg{width:23px;height:23px;stroke-width:1.8}
[data-day=mixed] .day-type-icon svg{width:19px;height:19px}
[data-day=strength] .day-type-icon{color:#a96b35}
[data-day=mixed] .day-type-icon{color:#298378}
[data-day=cardio] .day-type-icon{color:#bd6550}
.day-type-label{font-size:11px;line-height:1.3;white-space:nowrap}
.day-type-check{position:absolute;right:6px;top:6px;display:none}
.day-type-check svg{width:12px;height:12px;stroke-width:2.5}
.focus-client .day-pills button[aria-pressed=true]{background:#282e37;border-color:#282e37;color:#fff;box-shadow:0 4px 12px #222b3b24}
.focus-client .day-pills button[aria-pressed=true] .day-type-icon{color:#fff}
.focus-client .day-pills button[aria-pressed=true] .day-type-check{display:block;color:#fff}
.focus-client .day-pills button:focus-visible{outline:3px solid #087f76;outline-offset:3px}
@media(hover:hover){.focus-client .day-pills button:not([aria-pressed=true]):hover{border-color:#9aa5b3;background:#f7f8fa}}
@media(prefers-reduced-motion:reduce){.focus-client .day-pills button{transition:none}}

.day-type-emoji{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:25px;line-height:1;height:28px}
[data-day=mixed] .day-type-emoji{font-size:21px;letter-spacing:-3px;padding-right:3px}

/* Native emoji for the weekly checklist. */
.focus-check-dot.focus-check-emoji{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:23px;line-height:1}

/* Home monthly overview: illustrative journey, separate from saved measurements. */
.focus-body-journey{margin:22px 0;border:1px solid #e6e9ee;border-radius:22px;padding:16px;background:#fff}
.focus-body-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:#707782;margin-bottom:20px}
.focus-body-toolbar>div{display:flex;background:#f0f2f5;border-radius:12px;padding:3px;gap:3px}
.focus-body-toolbar button{border:0;border-radius:9px;padding:9px 14px;min-height:40px;background:transparent;color:#707782;font:inherit;cursor:pointer}
.focus-body-toolbar button[aria-pressed=true]{background:#282e37;color:#fff}
.focus-body-stage{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:18px;align-items:center}
.focus-body-stage figure{margin:0;min-width:0;position:relative}
.focus-body-crop{aspect-ratio:1/2;overflow:hidden;background:#292b2d;border-radius:16px}
.focus-body-crop img{display:block;width:600%;max-width:none;height:100%;object-fit:fill;border-radius:0}
.focus-body-stage figcaption{position:absolute;bottom:8px;left:0;right:0;text-align:center;color:#fff;background:#282e37a6;padding:3px;font-size:9px}
.focus-body-month{display:inline-block;letter-spacing:.12em;font-size:10px;font-weight:600;color:#087f76;margin-bottom:12px}
.focus-body-outlook>strong{display:block;color:#252a32;font-size:18px;line-height:1.45;letter-spacing:-.3px}
.focus-body-outlook dl{margin:20px 0 8px}.focus-body-outlook dt{font-size:10px;color:#737b85;margin-top:12px}.focus-body-outlook dd{margin:4px 0 0;font-size:20px;line-height:1.3;letter-spacing:-.6px;font-weight:600;color:#252a32}
.focus-body-outlook>small,.focus-body-outlook>p{font-size:10px;line-height:1.7;color:#737b85}
.focus-body-milestones{display:flex;gap:6px;margin-top:20px}.focus-body-milestones span{flex:1;text-align:center;border-top:3px solid #e9ecef;padding-top:7px;color:#9298a0;font-size:10px}.focus-body-milestones span.active{border-color:#43b9aa;color:#087f76;font-weight:600}
.focus-body-note{font-size:10px;line-height:1.8;color:#7a818b;margin:16px 0 0}
@media(max-width:360px){.focus-body-journey{padding:12px}.focus-body-stage{gap:12px}.focus-body-outlook>strong{font-size:16px}.focus-body-outlook dd{font-size:17px}}

.focus-body-crop img[data-body-level="1"]{transform:translateX(0.0%);}
.focus-body-crop img[data-body-level="2"]{transform:translateX(-16.666666666666668%);}
.focus-body-crop img[data-body-level="3"]{transform:translateX(-33.333333333333336%);}
.focus-body-crop img[data-body-level="4"]{transform:translateX(-50.0%);}
.focus-body-crop img[data-body-level="5"]{transform:translateX(-66.66666666666667%);}
.focus-body-crop img[data-body-level="6"]{transform:translateX(-83.33333333333333%);}