/* SLPT-R25R20A-CLIENT-EXPERIENCE-SAFE-LOCALISATION-20260818 */
/* Design 2: colourful, progress-led client dashboards while preserving Precision Glass structure. */
.r20-client-dashboard{display:grid;gap:18px}
.r20-client-dashboard .page-head{margin-bottom:0}
.r20-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.r20-stat-card{position:relative;overflow:hidden;min-height:145px;padding:20px;border:1px solid rgba(121,129,147,.16);border-radius:20px;background:#fff;box-shadow:0 12px 32px rgba(35,42,58,.07)}
.r20-stat-card:after{content:"";position:absolute;right:-34px;bottom:-46px;width:145px;height:145px;border-radius:50%;background:currentColor;opacity:.08}
.r20-stat-card.red{color:#bb3043;background:linear-gradient(135deg,#fff 0%,#fff6f7 100%)}
.r20-stat-card.orange{color:#d17c17;background:linear-gradient(135deg,#fff 0%,#fff8ef 100%)}
.r20-stat-card.green{color:#17925e;background:linear-gradient(135deg,#fff 0%,#f2fbf6 100%)}
.r20-stat-card.blue{color:#276bd3;background:linear-gradient(135deg,#fff 0%,#f2f7ff 100%)}
.r20-stat-top{display:flex;align-items:center;gap:10px}.r20-stat-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:currentColor;color:#fff;font-size:19px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
.r20-stat-label{font-weight:800;color:#303544}.r20-stat-card strong{display:block;margin:14px 0 4px;font-size:34px;line-height:1;color:#181b22}.r20-stat-card small{display:block;color:#6e7584;font-weight:650}.r20-stat-card i{position:absolute;left:20px;right:20px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:currentColor;opacity:.75}
.r20-dashboard-main{display:grid;grid-template-columns:minmax(250px,.85fr) minmax(290px,.95fr) minmax(420px,1.65fr);gap:18px;align-items:stretch}.r20-dashboard-main>.panel{margin:0}.r20-popular-panel{grid-column:1/-1}
.r20-account-panel{background:linear-gradient(155deg,#111827 0%,#20283a 100%)!important;color:#fff;border-color:rgba(255,255,255,.08)!important}.r20-account-panel .panel-head h2,.r20-account-panel .overview-list b{color:#fff}.r20-account-panel .overview-list{display:grid;gap:8px}.r20-account-panel .overview-list>div{padding:13px 14px;border-radius:12px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.075)}.r20-account-panel .overview-list span{color:#aeb7ca}.r20-account-action{width:100%;margin-top:14px;padding:12px 14px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.045);color:#fff;display:flex;justify-content:space-between;align-items:center;font-weight:750;cursor:pointer}
.r20-quick-list{display:grid;gap:9px}.r20-quick-tile{position:relative;display:grid;grid-template-columns:38px 1fr 18px;column-gap:10px;align-items:center;text-align:left;padding:11px;border:1px solid rgba(128,136,155,.16);border-radius:13px;background:rgba(255,255,255,.7);cursor:pointer}.r20-quick-tile>span{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,rgba(142,41,52,.12),rgba(79,121,201,.12));font-size:18px}.r20-quick-tile b{font-size:13px}.r20-quick-tile small{font-size:11px;color:#737a89}.r20-quick-tile em{grid-column:3;grid-row:1/3;font-style:normal;color:#8a91a0;font-size:19px}
.r20-current-program{position:relative;overflow:hidden;background:radial-gradient(circle at 85% 25%,rgba(202,46,67,.28),transparent 38%),linear-gradient(145deg,#101521,#1a1f2d 56%,#351722)!important;color:#fff;border-color:rgba(255,255,255,.08)!important}.r20-current-program:after{content:"";position:absolute;inset:auto -80px -120px auto;width:300px;height:300px;border-radius:50%;background:rgba(203,51,70,.16);filter:blur(2px)}.r20-program-head{position:relative;z-index:1;display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.r20-program-head small{color:#abb4c5}.r20-program-head h2{margin:5px 0 0;color:#fff;font-size:27px}.r20-program-view{background:rgba(255,255,255,.09)!important;color:#fff!important;border-color:rgba(255,255,255,.12)!important}.r20-program-progress{position:relative;z-index:1;margin:35px 0 24px}.r20-progress-track{height:8px;border-radius:99px;background:rgba(255,255,255,.14);overflow:hidden}.r20-progress-track i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#f24760,#ff8b59);transition:width .35s ease}.r20-program-progress>div:last-child{display:flex;justify-content:space-between;margin-top:9px;color:#c5cbd7;font-size:12px}.r20-program-progress b{color:#fff}.r20-program-kpis{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.r20-program-kpis>div{padding:10px;border-radius:12px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.07)}.r20-program-kpis b{display:block;color:#fff;font-size:19px}.r20-program-kpis small{color:#aeb7c8;font-size:10px}.r20-no-program{display:grid;gap:16px;place-items:start;padding:26px 0;color:#fff}
.r20-program-list{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.r20-program-row{min-width:0;display:grid;grid-template-columns:48px 1fr 18px;gap:10px;align-items:center;text-align:left;padding:11px;border:1px solid rgba(128,136,155,.15);border-radius:14px;background:#fff;cursor:pointer}.r20-program-thumb{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#1b2434,#7f2532);color:#fff}.r20-program-row b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.r20-program-row small{display:block;margin-top:3px;color:#737a89;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.r20-program-row em{font-style:normal;font-size:20px;color:#7d8491}
.r20-learning-panel{margin:0}.r20-learning-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.r20-learning-grid .r20-quick-tile{min-height:86px}
.r20-coached-main{grid-template-columns:minmax(280px,.9fr) minmax(440px,1.45fr) minmax(300px,.9fr)}.r20-coached-main .r20-nutrition-panel{grid-column:3}.r20-upcoming-list{display:grid;gap:9px}.r20-upcoming-row{display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;padding:10px;border-radius:12px;background:rgba(79,121,201,.055)}.r20-upcoming-row>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#eef4ff;color:#3971c6}.r20-upcoming-row small,.r20-upcoming-row time{color:#737a89;font-size:11px}.r20-nutrition-kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.r20-nutrition-kpis>div{padding:15px;border-radius:14px;background:linear-gradient(135deg,#f5fbf7,#fff);border:1px solid rgba(38,143,93,.11)}.r20-nutrition-kpis b{display:block;font-size:23px}.r20-nutrition-kpis span{font-size:11px;color:#6f7785}
/* Preserve dashboard collapse-all behaviour with the new Design 2 grids. */
#content.r23-dashboard-all-collapsed .r20-stats-grid{display:none!important}#content.r23-dashboard-all-collapsed .r20-client-dashboard>.r20-dashboard-main,#content.r23-dashboard-all-collapsed .r20-client-dashboard>.r20-learning-panel{display:none!important}
/* English/British UI: requested capitalisation pass for titles and supporting title copy. */
html[lang^="en"] #content .page-head h1,html[lang^="en"] #content .page-head p,html[lang^="en"] #content .page-heading h1,html[lang^="en"] #content .page-heading p:not(.eyebrow),html[lang^="en"] #content .panel-head h2,html[lang^="en"] #content .panel-head small,html[lang^="en"] #content .r20-stat-label,html[lang^="en"] #content .r20-stat-card small{text-transform:capitalize}
@media(max-width:1180px){.r20-dashboard-main,.r20-coached-main{grid-template-columns:repeat(2,minmax(0,1fr))}.r20-current-program{grid-column:1/-1}.r20-popular-panel{grid-column:1/-1}.r20-coached-main .r20-nutrition-panel{grid-column:auto}.r20-program-list,.r20-learning-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.r20-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.r20-stat-card{min-height:128px;padding:15px}.r20-stat-card strong{font-size:29px}.r20-dashboard-main,.r20-coached-main{grid-template-columns:1fr}.r20-dashboard-main>*{grid-column:1!important}.r20-program-kpis{grid-template-columns:repeat(2,1fr)}.r20-program-list,.r20-learning-grid{grid-template-columns:1fr 1fr}.r20-client-dashboard .page-head{align-items:flex-start}.r20-client-dashboard .page-head>.btn{width:100%}}
@media(max-width:480px){.r20-program-list,.r20-learning-grid{grid-template-columns:1fr}.r20-stats-grid{grid-template-columns:1fr 1fr}.r20-stat-card{padding:13px}.r20-stat-label{font-size:12px}}
@media(prefers-color-scheme:dark){html[data-theme="dark"] .r20-stat-card{background:#181d27;border-color:#2a3140}.r20-program-row,.r20-quick-tile{background:#181d27;border-color:#2a3140}.r20-stat-card strong,.r20-stat-label,.r20-program-row b,.r20-quick-tile b{color:#f4f6fb}}