/* Atlas Strength — theme (v331). Loaded last. Red & black, one card style, one button style,
   bold condensed titles, header glow, hero workout card, bigger set rows, celebration, smooth transitions.
   "html body" prefixes let these win over the styles each tool injects when it opens. */
:root{--atl-red:#c62828;--atl-red-hi:#e53935;--atl-bg:#0b0b0b;--atl-card:#141414;--atl-card-2:#181818;--atl-line:#262626;--atl-line-2:#333;--atl-radius:14px;
  --atl-head:'Oswald','Arial Narrow','Roboto Condensed','Helvetica Neue',Arial,sans-serif}

/* ---------- 4 · type: bold condensed titles ---------- */
html body h1,html body h2,html body .atlas-client-title,html body .client-home-workout-title,html body .ey,html body .atlas-client-kicker,
html body .amc-top b,html body .apn-top b,html body .apx-top b,html body .ch-lab,html body .coach-dash-head b,html body .acal-week-h b,html body .atd-head b{
  font-family:var(--atl-head);letter-spacing:.02em}
html body h1{font-weight:700;text-transform:uppercase}
html body .atlas-client-kicker,html body .ey,html body .ch-lab{text-transform:uppercase;letter-spacing:.12em}

/* ---------- 5 · header glow ---------- */
html body .homeHeader{background:radial-gradient(120% 90% at 50% 0%,rgba(198,40,40,.32),rgba(198,40,40,.08) 45%,transparent 75%)}
html body .atlas-client-topbar{background:linear-gradient(180deg,rgba(198,40,40,.18),transparent)}
html body #atlasClientHomeTop .atlas-client-welcome{background:radial-gradient(110% 120% at 0% 0%,rgba(198,40,40,.22),transparent 60%),var(--atl-card);border:1px solid var(--atl-line);border-radius:var(--atl-radius)}

/* ---------- 2 · one card style ---------- */
html body .card,html body .summary,html body .atlas-client-home-card,html body .atlas-client-extra-card,html body .atlas-client-profile-card,html body .coach-dash,
html body .amc-card,html body .amc-plan,html body .amc-tile,html body .apn-card,html body .acd-card,html body .atd,html body .acal-week,html body .acal-month,
html body .apx-card,html body .anu-card,html body .anu-meal,html body .afe-card,html body .astr-home,html body .aft-home,html body .amv-home,html body .apr-board,
html body .atlas-progress,html body .atlas-client-history-card,html body details.ach-sec,html body details.pb2-cat{
  background-color:var(--atl-card);border:1px solid var(--atl-line);border-radius:var(--atl-radius);box-shadow:none}
html body .amc-card,html body .apn-card,html body .apx-card,html body .atlas-client-history-card{margin:8px 0}

/* ---------- 3 · one button style: solid red = main action, dark outline = everything else ---------- */
html body .btn.gold,html body .small.gold,html body .amc-go,html body .apn-go,html body .acd-go,html body .amv-go,html body .asg-done,html body .client-home-start,html body .atlas-client-action.primary{
  background:var(--atl-red);background-image:linear-gradient(180deg,#d13232,#b71c1c);color:#fff;border:0;box-shadow:0 6px 16px rgba(198,40,40,.22)}
html body .btn.gold:active,html body .small.gold:active,html body .amc-go:active,html body .client-home-start:active{transform:translateY(1px);box-shadow:0 3px 8px rgba(198,40,40,.2)}
html body .small.secondary,html body .amc-btn,html body .apn-btn,html body .acd-btn,html body .amv-btn,html body .message-refresh,html body .acal-open,html body .acal-nav{
  background:#161616;color:#eee;border:1px solid var(--atl-line-2);box-shadow:none}
html body .small.secondary:active,html body .amc-btn:active{background:#1e1e1e}
html body .amc-chip.on,html body .apx-chip.on,html body .afe-chip.on{background:var(--atl-red);border-color:var(--atl-red);color:#fff}

/* ---------- 7 · Today's Workout hero card ---------- */
html body .client-home-workout{position:relative;overflow:hidden;background:radial-gradient(120% 90% at 100% 0%,rgba(198,40,40,.25),transparent 55%),var(--atl-card-2);border:1px solid #3a1c1c;border-radius:18px;padding:16px}
html body .client-home-workout-kicker{color:var(--atl-red-hi);font-family:var(--atl-head);text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:700}
html body .client-home-workout-title{font-size:24px;line-height:1.15;font-weight:700;color:#fff}
html body .client-home-workout-meta{color:#aaa}
html body .client-home-workout-icon{background:rgba(198,40,40,.15);border:1px solid #4a1f1f;border-radius:14px}
html body .client-home-exercise{display:flex;align-items:center;gap:8px;padding:9px 0;border-top:1px solid #222}
html body .client-home-exercise-num{background:#1e1e1e;color:#ddd;border-radius:8px;min-width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:12px}
html body .client-home-exercise-name{font-weight:700}
html body .client-home-start{display:block;width:100%;margin-top:14px;padding:16px;border-radius:14px;font-size:18px;font-weight:900;font-family:var(--atl-head);letter-spacing:.06em;text-transform:uppercase;cursor:pointer}

/* ---------- 11 · exercise icons ---------- */
html body .ex-ic{display:inline-flex;align-items:center;justify-content:center;width:24px;margin-right:6px;font-size:16px;flex:0 0 auto}

/* ---------- 10 · workout screen: bigger set rows, current exercise highlighted ---------- */
html body .client-exercise-tab{border-radius:12px;transition:background .15s,border-color .15s}
html body .client-exercise-tab[aria-expanded="true"]{background:#1b1111;border-color:var(--atl-red);box-shadow:inset 3px 0 0 var(--atl-red)}
html body .client-exercise-tab[aria-expanded="true"] .client-portal-ex-name{color:#fff}
html body .client-set-row input,html body .client-set-row select{min-height:46px;font-size:17px;border-radius:10px}
html body .client-set-row{gap:8px;padding:6px 0}
html body .client-set-row .set-num{min-width:30px;height:30px;border-radius:50%;background:#1e1e1e;display:inline-flex;align-items:center;justify-content:center;font-weight:900}
html body .workout-completed .client-exercise-tab{border-color:#2f5a35}

/* ---------- 8 · progress rings ---------- */
html body .atl-ring{flex:0 0 auto;margin-right:2px}
html body .acal-week-h{align-items:center}

/* ---------- 9 · celebration + sharper PR pop-up ---------- */
.atl-cel{position:fixed;inset:0;z-index:2147483300;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.55);animation:atlFade .18s ease-out}
.atl-cel.out{opacity:0;transition:opacity .35s}
.atl-cel-card{position:relative;background:#111;border:1px solid var(--atl-red);border-radius:20px;padding:26px 30px;text-align:center;color:#fff;min-width:240px;animation:atlPop .35s cubic-bezier(.2,1.4,.4,1)}
.atl-cel-card b{display:block;font-family:var(--atl-head);font-size:26px;text-transform:uppercase;letter-spacing:.04em}
.atl-cel-card small{display:block;color:#aaa;margin-top:4px}
.atl-cel-ic{font-size:54px;animation:atlFlex .6s ease-in-out 2}
.atl-cel-burst{position:absolute;left:50%;top:40%;width:0;height:0}
.atl-cel-burst i{position:absolute;width:8px;height:12px;border-radius:2px;opacity:0;animation:atlBit .9s ease-out forwards;animation-delay:var(--d)}
@keyframes atlBit{0%{opacity:1;transform:translate(0,0) rotate(0)}100%{opacity:0;transform:translate(var(--x),calc(var(--y) + 140px)) rotate(var(--r))}}
@keyframes atlPop{from{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes atlFlex{0%,100%{transform:scale(1)}50%{transform:scale(1.18) rotate(-6deg)}}
html body .apr-pop-card{background:#111;border:1px solid var(--atl-red);border-radius:20px;box-shadow:0 10px 40px rgba(198,40,40,.35);animation:atlPop .35s cubic-bezier(.2,1.4,.4,1)}
html body .apr-pop-title{font-family:var(--atl-head);text-transform:uppercase;letter-spacing:.05em}

/* ---------- 12 · smooth transitions ---------- */
@keyframes atlFade{from{opacity:0}to{opacity:1}}
@keyframes atlIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
html body section.screen.on,html body .atlas-client-view.active{animation:atlIn .22s ease-out}
html body .amc.on,html body .apn.on,html body .apx.on,html body .acd.on,html body .amv.on,html body .anu.on,html body .astr.on,html body .asg.on{animation:atlFade .18s ease-out}
html body .asg.on .asg-box,html body .anu-pick.on .anu-pick-box{animation:atlUp .22s ease-out}
@keyframes atlUp{from{transform:translateY(30px);opacity:.4}to{transform:none;opacity:1}}
html body details[open]>*:not(summary){animation:atlFade .2s ease-out}
@media (prefers-reduced-motion:reduce){html body *{animation:none!important;transition:none!important}}

/* ---------- 13 · consistent spacing ---------- */
html body .sec>.card,html body .sec>.summary{margin:12px 0}
html body .atlas-client-view>div[id^="atlasClient"]:not(:empty){margin-top:10px}
html body .ch-home{gap:10px}

/* v332: intensity badge lines up with the text (My Training, coach program view, client) */
html body .day>.meta,html body .client-training-exercise>.meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
html body .effortBadge{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;padding:3px 9px 3px 4px;border-radius:999px;background:#1c1c1c;border:1px solid #2e2e2e;font-weight:800;font-size:12px;line-height:1;vertical-align:middle}
html body .effortBadge .intensityIcon,html body .effortBadge img{width:22px;height:22px;margin:0;flex:0 0 22px;border:0;background:none;display:inline-flex;align-items:center;justify-content:center}
html body .effortBadge .intensityIcon img{width:22px;height:22px;object-fit:contain}
html body .client-ex-intensity{display:inline-flex;align-items:center;gap:5px;vertical-align:middle}
html body .client-ex-intensity img{width:20px;height:20px;object-fit:contain}

/* v333: Program Builder setup — numbered steps */
html body .bs{display:flex;flex-direction:column;gap:10px}
html body .bs-step{display:flex;gap:12px;background:#141414;border:1px solid #262626;border-radius:14px;padding:14px}
html body .bs-num{width:30px;height:30px;flex:0 0 30px;border-radius:50%;background:#c62828;color:#fff;font-weight:900;display:flex;align-items:center;justify-content:center;font-family:var(--atl-head)}
html body .bs-body{flex:1;min-width:0}
html body .bs-body h3{margin:3px 0 10px;font-family:var(--atl-head);text-transform:uppercase;letter-spacing:.06em;font-size:15px}
html body .bs-body h3 small{color:#888;font-weight:600;text-transform:none;letter-spacing:0;font-family:inherit}
html body .bs-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
html body .bs-choices .choice{margin:0;background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:12px;cursor:pointer;display:flex;flex-direction:column;gap:2px}
html body .bs-choices .choice:has(span){border-color:#c62828;background:#241313}
html body .bs-choices .choice span{color:#ff8a80;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
html body .bs-desc{color:#aaa;font-size:13px;line-height:1.45;margin-top:8px}
html body .bs-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
html body .bs-two .fieldCard{margin:0;background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:10px}
html body .bs-two label{display:block;color:#999;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}
html body .bs-two select{width:100%;min-height:44px;font-size:16px;border-radius:10px}
html body .bs-go{border-color:#6b1f1f}
html body .bs-cta{width:100%;margin:0;padding:16px;font-size:17px;font-family:var(--atl-head);text-transform:uppercase;letter-spacing:.06em}
@media (max-width:640px){html body .bs-two{grid-template-columns:1fr}}

/* v336: taper picker on builder setup */
html body .bs-taper{display:flex;align-items:center;gap:8px;margin-top:10px;color:#ccc;font-size:13px;font-weight:700}
html body .bs-taper select{min-height:38px;border-radius:10px;font-size:15px}
html body .bs-taper-plan{margin-top:8px;background:#1a1010;border:1px solid #4a1f1f;border-radius:10px;padding:9px 11px;color:#ddd;font-size:13px;line-height:1.45}

/* v337: weak points — priority, homework, suggestions, finder */
html body .wp-sel{background:#181818;border:1px solid #3a1c1c;border-radius:12px;padding:10px;margin:6px 0}
html body .wp-sel-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.wp-x{background:none;border:0;color:#888;font-size:16px;cursor:pointer}
html body .wp-lvl{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:8px}
html body .wp-lvl button{background:#111;border:1px solid #333;color:#ccc;border-radius:8px;padding:8px 4px;font-weight:800;font-size:12px;cursor:pointer}
html body .wp-lvl button.on{background:#c62828;border-color:#c62828;color:#fff}
html body .wp-lvl-note{color:#999;font-size:12px;margin-top:6px}
html body .wp-hw{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:8px;color:#bbb;font-size:13px}.wp-hw .small{margin:0 0 0 auto;padding:6px 10px;font-size:12px}
html body details.wp-tool{background:#141414;border:1px solid #262626;border-radius:12px;margin:8px 0;padding:0 10px}
html body details.wp-tool>summary{cursor:pointer;padding:11px 2px;font-weight:800;list-style:none}html body details.wp-tool>summary::-webkit-details-marker{display:none}
html body details.wp-tool>summary em{font-style:normal;background:#c62828;color:#fff;border-radius:999px;padding:1px 8px;font-size:12px;margin-left:6px}
html body .wp-src{display:flex;align-items:center;gap:8px;color:#aaa;font-size:13px;margin-bottom:8px}.wp-src select{flex:1;min-height:38px;border-radius:10px}
html body .wp-sugrow{display:flex;align-items:center;gap:10px;border-top:1px solid #262626;padding:9px 0}.wp-sugrow>div{flex:1;min-width:0}.wp-sugrow small{display:block;color:#aaa;font-size:12px;margin-top:2px}.wp-sugrow .small{margin:0;flex:0 0 auto}
html body .wp-find-lifts{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px}.wp-find-lifts button{flex:0 0 auto;background:#1a1a1a;border:1px solid #333;color:#ddd;border-radius:999px;padding:7px 11px;font-weight:800;font-size:12px;cursor:pointer}.wp-find-lifts button.on{background:#c62828;border-color:#c62828;color:#fff}
html body .wp-sym{display:flex;flex-direction:column;gap:3px;width:100%;text-align:left;background:#181818;border:1px solid #2a2a2a;border-radius:10px;padding:10px;margin:6px 0;color:#ddd;cursor:pointer}.wp-sym em{font-style:normal;color:#ff8a80;font-weight:800;font-size:12px}.wp-sym.on{border-color:#c62828;background:#241313}
html body details.wp-tool:last-of-type{margin-bottom:10px}

/* v339: automatic progression */
html body .ap-toggle{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
html body .ap-toggle button{background:#1a1a1a;border:1px solid #333;color:#ddd;border-radius:10px;padding:9px 16px;font-weight:900;cursor:pointer}
html body .ap-toggle button.on{background:#c62828;border-color:#c62828;color:#fff}
html body .ap-toggle span{color:#aaa;font-size:13px;flex:1;min-width:160px}
html body details.ap-how{margin-top:10px;background:#181818;border:1px solid #2a2a2a;border-radius:10px;padding:0 10px}
html body details.ap-how>summary{cursor:pointer;padding:10px 2px;font-weight:800;color:#ff8a80;list-style:none}html body details.ap-how>summary::-webkit-details-marker{display:none}
html body .ap-row{display:grid;grid-template-columns:130px 1fr;gap:10px;border-top:1px solid #262626;padding:9px 0;font-size:13px;line-height:1.45}
html body .ap-row b{color:#fff}html body .ap-row span{color:#bbb}html body .ap-row em{color:#888;font-style:normal;font-size:12px}
html body .ap-keep{padding-bottom:12px}
html body .ap-badge{display:inline-block;background:#241313;border:1px solid #6b1f1f;color:#ff8a80;border-radius:999px;padding:1px 8px;font-size:11px;font-weight:800;vertical-align:middle}
@media (max-width:420px){html body .ap-row{grid-template-columns:1fr;gap:2px}}

/* v341: stretch & yoga groups */
html body .astr-group{color:#ff8a80;font-family:var(--atl-head);text-transform:uppercase;letter-spacing:.1em;font-size:13px;font-weight:700;margin:16px 2px 6px}

/* v342: builder selects never cut off their text */
html body .bs-two select{width:100%;max-width:none;padding-right:34px;text-overflow:clip;white-space:nowrap}

/* v343: exercise builder settings — dark dropdowns that match the app */
html body .bset{background:#141414;border:1px solid #262626;border-radius:14px}
html body .bset-grid label{color:#999;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
html body .bset select{-webkit-appearance:none;appearance:none;width:100%;min-height:44px;margin-top:6px;background:#0b0b0b url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23e53935' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 12px center;color:#fff;border:1px solid #333;border-radius:10px;padding:8px 34px 8px 12px;font-size:16px;font-weight:700;text-transform:none;letter-spacing:0}
html body .bset-taper{margin-top:8px;color:#ccc;font-size:13px}html body .bset-taper b{color:#ff8a80}
html body .bset-auto{background:none;border:1px solid #333;border-radius:999px;padding:6px 12px;color:#bbb;font-size:12px;font-weight:800;cursor:pointer}

/* v345: coach Training tab */
html body .ctl-head{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;flex-wrap:wrap;margin:4px 0 10px}
html body .ctl-kick{color:#e53935;font-family:var(--atl-head);text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:700}
html body .ctl-count{font-family:var(--atl-head);font-size:22px;font-weight:700}
html body .ctl-search{flex:1;min-width:160px;max-width:260px;background:#0b0b0b;border:1px solid #333;border-radius:10px;color:#fff;padding:10px 12px;font-size:16px}
html body .ctl-list{display:flex;flex-direction:column;gap:8px}
html body .ctl-card{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:radial-gradient(120% 140% at 0% 0%,rgba(198,40,40,.14),transparent 55%),#141414;border:1px solid #262626;border-radius:14px;padding:12px;color:#fff;cursor:pointer;transition:border-color .15s,transform .1s}
html body .ctl-card:active{transform:scale(.99);border-color:#6b1f1f}
html body .ctl-av{width:44px;height:44px;flex:0 0 44px;border-radius:50%;background:linear-gradient(180deg,#d13232,#9e1b1b);display:flex;align-items:center;justify-content:center;font-family:var(--atl-head);font-weight:700;font-size:17px;letter-spacing:.04em;box-shadow:0 4px 12px rgba(198,40,40,.25)}
html body .ctl-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
html body .ctl-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.ctl-top b{font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body .ctl-wk{font-family:var(--atl-head);font-weight:700;color:#ff8a80;font-size:16px;white-space:nowrap}.ctl-wk small{color:#777;font-size:12px}
html body .ctl-prog{color:#bbb;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body .ctl-bar{display:block;height:5px;background:#262626;border-radius:99px;overflow:hidden;margin:3px 0 2px}.ctl-bar i{display:block;height:100%;background:linear-gradient(90deg,#9e1b1b,#e53935);border-radius:99px}
html body .ctl-meta{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;color:#888;font-size:12px}
html body .ctl-phase{font-style:normal;background:#1e1e1e;border:1px solid #333;border-radius:999px;padding:1px 8px;color:#ccc}.ctl-phase.t{border-color:#6b1f1f;color:#ff8a80}.ctl-phase.d{border-color:#2f5a35;color:#6fdc8c}
html body .ctl-last.ok{color:#6fdc8c}.ctl-last.warn{color:#f5b041}.ctl-last.bad{color:#ff6b6b}
html body .ctl-arrow{color:#e53935;font-size:24px;flex:0 0 auto}
html body .ctl-empty{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;background:#141414;border:1px solid #262626;border-radius:14px;padding:28px 16px;color:#aaa}.ctl-empty b{color:#fff;font-size:17px}.ctl-empty-ic{font-size:40px}.ctl-empty .btn{margin-top:8px;width:auto;padding:12px 20px}

/* ===== v348 ===== */
/* #1 tab bar: 5 tabs + ☰ More sheet */
html body .nav{grid-template-columns:repeat(6,minmax(0,1fr))!important}
@media (min-width:900px){html body .nav{grid-template-columns:repeat(6,minmax(0,1fr))!important}}
html body .nav button span{white-space:nowrap}
.atl-more{position:fixed;inset:0;z-index:2147483150;background:rgba(0,0,0,.55);display:none;align-items:flex-end;justify-content:center}.atl-more.on{display:flex;animation:atlFade .15s ease-out}
.atl-more-box{width:100%;max-width:560px;background:#111;border:1px solid #2a2a2a;border-radius:18px 18px 0 0;padding:8px 12px calc(16px + env(safe-area-inset-bottom,0px));animation:atlUp .2s ease-out}
.atl-more-grab{width:40px;height:4px;border-radius:9px;background:#444;margin:4px auto 10px}
.atl-more-box button{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:#181818;border:1px solid #2a2a2a;border-left:3px solid #c62828;border-radius:0 12px 12px 0;padding:14px;margin:6px 0;color:#fff;cursor:pointer}
.atl-more-box b{font-size:24px;width:32px;text-align:center}.atl-more-box span{display:flex;flex-direction:column;font-weight:800;font-size:16px}.atl-more-box small{color:#999;font-weight:500;font-size:12px;margin-top:2px}

/* #3 exercise builder day cards */
html body .builder-day-card{background:#141414;border:1px solid #262626;border-radius:14px;overflow:hidden;margin:10px 0}
html body .builder-day-card.open{border-color:#4a1f1f}
html body .bd-head{display:flex;align-items:center;gap:12px;padding:12px 14px;cursor:pointer;background:none}
html body .bd-num{width:32px;height:32px;flex:0 0 32px;border-radius:50%;background:#c62828;color:#fff;font-family:var(--atl-head);font-weight:700;display:flex;align-items:center;justify-content:center}
html body .bd-title{flex:1;min-width:0;display:flex;flex-direction:column}.bd-title b{font-size:16px}.bd-title small{color:#999;font-size:12px}
html body .bd-chev{color:#e53935;font-size:22px;transition:transform .15s}html body .builder-day-card.open .bd-chev{transform:rotate(90deg)}
html body .builder-day-card .weekbody{padding:4px 12px 14px;border-top:1px solid #222}
html body .bd-sub{margin:14px 0 8px;font-family:var(--atl-head);text-transform:uppercase;letter-spacing:.08em;font-size:13px;color:#ff8a80}
html body .exerciseRow{background:#181818;border:1px solid #2a2a2a;border-radius:12px;padding:10px;margin:8px 0}
html body .bd-adds{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:10px 0}
html body .bd-adds .addBtn{margin:0;border:1px dashed #444;background:none;color:#ddd;border-radius:10px;padding:11px 8px;font-weight:800}
html body .bd-adds .bd-add-main{grid-column:1/-1;border:0;background:#c62828;color:#fff}
html body .warmup-builder{background:#181818;border-color:#2a2a2a!important}

/* #8 client photos */
html body .atl-av{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:50%;overflow:hidden;background:linear-gradient(180deg,#d13232,#9e1b1b);color:#fff;font-family:var(--atl-head);font-weight:700;letter-spacing:.03em}
html body .atl-av img{width:100%;height:100%;object-fit:cover;display:block}
html body .atl-av.cl-av{width:38px;height:38px;font-size:14px;margin-right:2px}
html body .atl-av.ctl-av{width:44px;height:44px;font-size:17px}
html body .atl-av.cp-av{width:64px;height:64px;font-size:24px;box-shadow:0 4px 14px rgba(198,40,40,.3)}
html body .cp-head{display:flex;align-items:center;gap:12px}.cp-name{flex:1;min-width:0}
html body .cp-photo-btns{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.cp-photo-btns .small{margin:0;padding:5px 10px;font-size:12px}
html body .cp-self{display:flex;align-items:center;gap:12px;margin:6px 0 12px}.cp-self .small{margin:0}

/* #10 workout progress bar (sticky while the day is open) */
html body .atl-dayprog{display:none}
html body .client-portal-day.day-open>.atl-dayprog{display:block;position:sticky;top:0;z-index:5;background:rgba(14,14,14,.94);backdrop-filter:blur(8px);border:1px solid #2a2a2a;border-radius:12px;padding:9px 12px;margin:8px 0}
.atl-dp-top{display:flex;justify-content:space-between;gap:8px;font-size:13px}.atl-dp-top b{font-family:var(--atl-head);text-transform:uppercase;letter-spacing:.05em}.atl-dp-top span{color:#ff8a80;font-weight:800}
.atl-dp-bar{height:5px;background:#262626;border-radius:9px;margin-top:6px;overflow:hidden}.atl-dp-bar i{display:block;height:100%;background:linear-gradient(90deg,#9e1b1b,#e53935);border-radius:9px;transition:width .3s}
html body .atl-dayprog.all{border-color:#2f5a35}.atl-dayprog.all .atl-dp-top span{color:#6fdc8c}.atl-dayprog.all .atl-dp-bar i{background:#4caf50}
html body .client-set-row{background:#161616;border-radius:10px;padding:6px 8px;margin:5px 0}

/* #4 shimmer placeholders */
.atl-skel{display:flex;flex-direction:column;gap:8px;padding:6px 0}
.atl-skel i{display:block;height:14px;border-radius:7px;background:linear-gradient(90deg,#1c1c1c 0%,#2a2a2a 40%,#1c1c1c 80%);background-size:300% 100%;animation:atlShim 1.2s linear infinite}
.atl-skel i.short{width:55%}
@keyframes atlShim{from{background-position:100% 0}to{background-position:-100% 0}}

/* #5 pull-to-refresh indicator */
.atl-ptr{position:fixed;left:50%;top:calc(env(safe-area-inset-top,0px) + 6px);z-index:2147483200;width:40px;height:40px;border-radius:50%;background:#141414;border:1px solid #333;display:flex;align-items:center;justify-content:center;color:#aaa;font-size:20px;font-weight:900;transform:translate(-50%,-60px);transition:transform .2s ease;box-shadow:0 6px 18px rgba(0,0,0,.4);pointer-events:none}
.atl-ptr.ready{color:#fff;border-color:#c62828;background:#c62828}.atl-ptr.spin span{display:inline-block;animation:atlSpin .7s linear infinite}
@keyframes atlSpin{to{transform:rotate(360deg)}}

/* #12 matching headers — kicker, big title, red underline everywhere */
html body section.screen>header .ey{color:#c9c9c9;font-family:var(--atl-head);letter-spacing:.32em;text-transform:uppercase;font-size:13px;font-weight:700}
html body section.screen>header h1{position:relative;padding-bottom:12px}
html body section.screen>header h1::after{content:'';position:absolute;left:0;bottom:0;width:72px;height:4px;border-radius:4px;background:linear-gradient(90deg,#c62828,rgba(198,40,40,0))}
html body .atlas-client-section-head .atlas-client-kicker{color:#e53935}
html body .atlas-client-section-head .atlas-client-title{position:relative;padding-bottom:10px;font-family:var(--atl-head);text-transform:uppercase;letter-spacing:.02em}
html body .atlas-client-section-head .atlas-client-title::after{content:'';position:absolute;left:0;bottom:0;width:60px;height:4px;border-radius:4px;background:linear-gradient(90deg,#c62828,rgba(198,40,40,0))}

/* v349: builder day cards line up left; Home header = date left · logo centered */
html body .builder-day-card>.bd-head{display:flex!important;justify-content:flex-start!important;align-items:center;text-align:left}
html body .bd-title{align-items:flex-start;text-align:left}
html body .bd-title b,html body .bd-title small{text-align:left}
html body .bd-chev{margin-left:auto}
html body .homeHeader{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
html body .homeHeaderDate{justify-self:start;text-align:left}
html body .homeHeaderCenter{justify-self:center}
/* v375 — More menu: Coaching tools group + scroll when tall */
html body .atl-more-box{max-height:88vh;overflow-y:auto;-webkit-overflow-scrolling:touch}
html body .atl-more-lab{font-family:var(--atl-head,'Oswald'),sans-serif;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#ff6b6b;margin:14px 4px 6px}
