/* Compact program cards in the Prime Body Coach Phee palette. */
.focus-client .focus-training{padding:30px;border:1px solid #e4e9df;background:#fff;border-radius:30px;box-shadow:0 8px 30px #23342a03}
.focus-client .focus-training>h2{font-size:32px;letter-spacing:-.055em;margin:12px 0 7px;line-height:1.3}
.focus-client .focus-training>p{font-size:13px;line-height:1.65;margin:0;color:#819084}
.program-picker{margin:22px 0 0}.program-week{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:0 2px 18px}.program-overline{font-size:11px;color:#819084;letter-spacing:.01em}.program-week p{display:flex;align-items:baseline;gap:7px;margin:3px 0 0;line-height:1.3}.program-week p strong{font-size:31px;font-weight:650;letter-spacing:-.06em;color:#324c3b}.program-week p span{font-size:12px;color:#7b877c}.program-week-track{display:flex;gap:5px;width:94px;align-self:center}.program-week-track span{height:7px;flex:1;border-radius:9px;background:#ecf0e8}.program-week-track .filled{background:#8da47a}
.focus-client .program-grid{gap:14px}.focus-client .program-card{gap:0;border:1px solid #e4e9df;border-radius:23px;background:#f9faf7;overflow:hidden;min-width:0;transition:border-color .18s,box-shadow .18s;box-shadow:0 2px 3px #1c342503}
.focus-client .program-grid .program-open{display:flex;position:relative;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0;width:100%;padding:19px 17px 16px;min-height:185px;border:0;border-radius:0;box-shadow:none;background:transparent;color:#293e32;text-align:left;cursor:pointer;font:inherit}
.focus-client .program-grid .program-open[aria-pressed=true]{background:transparent;box-shadow:none;border:0}.focus-client .program-card.is-selected{border-color:#8ca482;box-shadow:0 0 0 1px #8ca482}.focus-client .program-card.is-complete{background:#edf3e6;border-color:#d8e4cb}
.program-status{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:500;line-height:1.5;color:#829080}.program-status i{width:5px;height:5px;border-radius:50%;background:#c1c9bb}.program-status.done{color:#69834f}.program-status svg{width:12px;height:12px}
.program-name{display:block;font-size:26px;letter-spacing:-.045em;font-weight:600;line-height:1.25;margin-top:16px;overflow-wrap:anywhere}.program-meta{display:flex;gap:7px;margin-top:6px;font-size:11px;color:#8a9388}.program-enter{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:11px;color:#5e795f;margin-top:20px;padding-top:0;line-height:1.5}.program-enter svg{width:17px;height:17px;stroke-width:1.5}
.focus-client .program-grid .program-history{display:flex;align-items:center;justify-content:space-between;gap:4px;width:100%;min-height:67px;padding:12px 17px;border-radius:0;border:0;border-top:1px solid #e8ece2;box-shadow:none;text-align:left;background:#ffffff86;color:#526650;cursor:pointer;font:inherit;white-space:normal}.program-history>span{min-width:0}.focus-client .program-history small{display:block;font-size:9px;font-weight:400;color:#9aa195;line-height:1.5;margin-bottom:4px}.program-history strong{font-size:11px;font-weight:500;line-height:1.5}.program-history strong span{font-weight:400;color:#8b9685;font-size:9px}.program-history>svg{width:12px;height:12px;flex-shrink:0;color:#a1ad99}.focus-client .program-grid .program-history.no-history{cursor:default}.program-history.no-history strong{font-size:10px;color:#a4aca0;font-weight:400}
.program-history-note{display:flex;align-items:center;gap:13px;margin-top:19px;padding:14px 16px;border-radius:18px;background:#f6f7f1}.program-history-note img{object-fit:contain;flex-shrink:0;width:38px;height:46px}.program-history-note strong{font-size:11px;line-height:1.5;font-weight:550;color:#687c5e}.program-history-note p{font-size:10px;line-height:1.65;color:#929b8c;margin:3px 0 0}.program-history-note br{display:none}
.focus-client .program-open:focus-visible,.focus-client .program-history:focus-visible{outline:3px solid #69885c;outline-offset:-4px}.focus-client .program-open:disabled,.focus-client .program-history:disabled{opacity:.55;cursor:wait}
@media(min-width:700px){.focus-client .program-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.focus-client .program-grid .program-open{padding:23px 23px 19px;min-height:180px}.program-name{font-size:31px}.focus-client .program-grid .program-history{padding:14px 23px}.program-history strong{font-size:12px}.program-status{font-size:11px}.program-history-note{padding:16px 20px}}
@media(max-width:540px){.focus-client .focus-training{padding:23px 18px;border-radius:26px}.focus-client .focus-training>h2{font-size:27px}.focus-client .focus-training>p{font-size:11px}.program-week{padding-bottom:16px}.program-overline{font-size:10px}.program-week p strong{font-size:28px}.program-week p span{font-size:11px}.program-week-track{width:72px;gap:4px}.focus-client .program-grid{gap:11px}.focus-client .program-grid .program-open{padding:16px 13px 13px;min-height:171px}.program-name{font-size:24px}.program-status{font-size:9px}.program-meta{font-size:10px;gap:5px}.program-enter{font-size:10px;margin-top:19px}.focus-client .program-grid .program-history{padding:11px 12px;min-height:65px}.program-history strong{font-size:10px}.program-history strong span{display:block;font-size:9px}.program-history-note{padding:12px 13px;gap:10px}.program-history-note br{display:inline}}
@media(max-width:359px){.focus-client .focus-training{padding:20px 14px}.focus-client .program-grid{gap:9px}.focus-client .program-grid .program-open{padding:15px 11px 12px}.program-name{font-size:22px}.program-status{font-size:8px}.program-week-track{width:62px}.focus-client .program-grid .program-history{padding:11px}.program-history-note strong{font-size:10px}}
@media(hover:hover){.program-card:hover{border-color:#b5c4a9}.program-open:hover .program-enter{color:#304f34}.program-history:hover{background:#fff!important}}
@media(prefers-reduced-motion:reduce){.focus-client .program-card{transition:none}}
/* Keep the new card layout independent from the older pill and tile button rules. */
body.focus-client .focus-session-grid.program-grid .program-card{background:#f8faf6;border:1px solid #e3e9dd;border-radius:23px;box-shadow:none}
body.focus-client .focus-session-grid.program-grid .program-card.is-complete{background:#edf3e6;border-color:#d9e4cb}
body.focus-client .focus-session-grid.program-grid .program-card.is-selected{border-color:#9daf8e;box-shadow:0 0 0 1px #9daf8e}
body.focus-client .focus-session-grid.program-grid .program-open{background:transparent!important;border:0!important;box-shadow:none!important;min-height:162px;flex:1;border-radius:0;justify-content:flex-start}
body.focus-client .focus-session-grid.program-grid .program-status{font-size:11px;color:#7d8d76;letter-spacing:0}
body.focus-client .focus-session-grid.program-grid .program-status.done{color:#627d49}
body.focus-client .focus-session-grid.program-grid .program-meta{font-size:11px;color:#8a9584}
body.focus-client .focus-session-grid.program-grid .program-enter{font-size:11px;margin-top:19px;color:#5f7557}
body.focus-client .focus-session-grid.program-grid .program-history{display:grid;grid-template-columns:minmax(0,1fr) 12px;flex:none;align-items:center;justify-content:initial;min-height:79px;padding:11px 13px;text-align:left;border:0;border-top:1px solid #e5eadd;box-shadow:none;border-radius:0;background:#ffffff90;font-weight:400;gap:4px}
body.focus-client .focus-session-grid.program-grid .program-history>span{display:block;width:auto;align-items:initial;text-align:left;margin:0}
body.focus-client .focus-session-grid.program-grid .program-history small{font-size:10px;color:#95a08c;margin-bottom:2px}
body.focus-client .focus-session-grid.program-grid .program-history strong{display:block;font-size:12px;font-weight:500;color:#5e7255;line-height:1.45}
body.focus-client .focus-session-grid.program-grid .program-history strong span{display:block;font-size:10px;color:#8a9682;font-weight:400;line-height:1.5}
body.focus-client .focus-session-grid.program-grid .program-history.no-history strong{font-size:11px;color:#a0aa98;font-weight:400}
body.focus-client .program-history-note strong{font-size:12px}body.focus-client .program-history-note p{font-size:11px}
@media(max-width:359px){body.focus-client .focus-session-grid.program-grid .program-status{font-size:10px}body.focus-client .focus-session-grid.program-grid .program-open{padding:14px 11px}body.focus-client .focus-session-grid.program-grid .program-history{padding:11px}}
body.focus-client .focus-session-grid.program-grid .program-open[aria-pressed=true]{outline:none}
body.focus-client .focus-session-grid.program-grid .program-open:focus-visible{outline:3px solid #6d895b;outline-offset:-4px}
body.focus-client .focus-session-grid.program-grid .program-status{color:#64765c}
body.focus-client .focus-session-grid.program-grid .program-meta{color:#6b7863}
body.focus-client .focus-session-grid.program-grid .program-history small{color:#6e7d62}
body.focus-client .focus-session-grid.program-grid .program-history strong{color:#4f6446}
body.focus-client .focus-session-grid.program-grid .program-history strong span{color:#6d7b61}
body.focus-client .focus-session-grid.program-grid .program-history.no-history strong{color:#738068}
body.focus-client .program-history-note p,.program-overline{color:#6e7c65}
body.focus-client .focus-session-grid.program-grid{margin-top:0}
/* Compact revision: remove the redundant action row and collapse history into one line. */
body.focus-client .focus-session-grid.program-grid .program-card{border-radius:20px}
body.focus-client .focus-session-grid.program-grid .program-open{min-height:104px;padding:12px 13px 13px;flex:none}
body.focus-client .focus-session-grid.program-grid .program-name{font-size:24px;line-height:1.25;margin-top:7px}
body.focus-client .focus-session-grid.program-grid .program-meta{margin-top:3px;line-height:1.5}
body.focus-client .focus-session-grid.program-grid .program-enter{position:absolute;right:11px;bottom:13px;display:block;width:16px;height:16px;margin:0;padding:0;line-height:1}
body.focus-client .focus-session-grid.program-grid .program-history{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:4px;min-height:43px;padding:9px 11px;line-height:1.5}
body.focus-client .focus-session-grid.program-grid .program-history .program-history-line{display:flex;align-items:baseline;gap:4px;min-width:0;white-space:nowrap}
body.focus-client .focus-session-grid.program-grid .program-history .program-history-line>span{font-size:10px;color:#6e7d62}
body.focus-client .focus-session-grid.program-grid .program-history .program-history-line strong{display:inline;font-size:11px;line-height:1.5}
body.focus-client .focus-session-grid.program-grid .program-history .program-history-tail{display:flex;align-items:center;gap:4px;flex-shrink:0;width:auto;white-space:nowrap}
body.focus-client .focus-session-grid.program-grid .program-history-tail em{font-size:9px;font-style:normal;color:#6d7b61}
body.focus-client .focus-session-grid.program-grid .program-history-tail svg{width:11px;height:11px;flex-shrink:0;color:#7e956b}
body.focus-client .focus-session-grid.program-grid .program-history.no-history{font-size:10px;color:#78856d}
@media(min-width:700px){body.focus-client .focus-session-grid.program-grid .program-open{min-height:116px;padding:15px 17px}body.focus-client .focus-session-grid.program-grid .program-enter{right:15px;bottom:16px}body.focus-client .focus-session-grid.program-grid .program-history{padding:10px 16px}}
@media(max-width:359px){body.focus-client .focus-session-grid.program-grid .program-open{padding:12px 11px}body.focus-client .focus-session-grid.program-grid .program-name{font-size:22px}body.focus-client .focus-session-grid.program-grid .program-history{padding:9px}body.focus-client .focus-session-grid.program-grid .program-history .program-history-line>span{display:none}}
/* Soft program identities; completion is communicated separately by the green check badge. */
body.focus-client .focus-session-grid.program-grid .program-card:nth-child(6n+1){--program-bg:#eef3e7;--program-line:#d9e3cd;--program-accent:#638056}
body.focus-client .focus-session-grid.program-grid .program-card:nth-child(6n+2){--program-bg:#edf3f9;--program-line:#d5e0ed;--program-accent:#5b7b98}
body.focus-client .focus-session-grid.program-grid .program-card:nth-child(6n+3){--program-bg:#f2eef8;--program-line:#e1d9ed;--program-accent:#826d9d}
body.focus-client .focus-session-grid.program-grid .program-card:nth-child(6n+4){--program-bg:#fbf0e4;--program-line:#edddc8;--program-accent:#a57e50}
body.focus-client .focus-session-grid.program-grid .program-card:nth-child(6n+5){--program-bg:#f8ecef;--program-line:#ead5de;--program-accent:#a27588}
body.focus-client .focus-session-grid.program-grid .program-card:nth-child(6n+6){--program-bg:#f6f3df;--program-line:#e7dfba;--program-accent:#94824e}
body.focus-client .focus-session-grid.program-grid .program-card,body.focus-client .focus-session-grid.program-grid .program-card.is-complete{background:var(--program-bg);border-color:var(--program-line)}
body.focus-client .focus-session-grid.program-grid .program-card.is-selected{border-color:var(--program-accent);box-shadow:0 0 0 1px var(--program-accent)}
body.focus-client .focus-session-grid.program-grid .program-status i{background:var(--program-accent);opacity:.65}
body.focus-client .focus-session-grid.program-grid .program-enter{color:var(--program-accent)}
body.focus-client .focus-session-grid.program-grid .program-history{border-top-color:var(--program-line);background:#ffffff8c}
body.focus-client .focus-session-grid.program-grid .program-status.done{color:#446638;background:#e2edd6;border-radius:20px;padding:1px 6px;margin-left:-6px;font-weight:550}
