/* Interactive date navigation on the client home only. v379 */
body.eplan-redesign.client-ui #app .client-home-v2 .client-dash-calendar-head{
 display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:8px;
}
body.eplan-redesign.client-ui #app .client-home-v2 .client-home-full-calendar{
 display:inline-flex;align-items:center;gap:5px;min-height:34px;padding:6px 10px;
 background:var(--cdh-subtle)!important;border:1px solid var(--cdh-border)!important;
 border-radius:12px!important;color:var(--cdh-blue)!important;font-size:11px;font-weight:780;
}
body.eplan-redesign.client-ui #app .client-home-v2 .client-home-full-calendar .ui-icon{
 width:15px;height:15px;flex-shrink:0;
}
body.eplan-redesign.client-ui #app .client-home-v2 .client-home-calendar-week-head{
 display:flex;align-items:center;justify-content:space-between;gap:8px;
 margin:4px 0 12px;min-height:33px;color:var(--cdh-muted);font-size:12px;font-weight:750;
}
body.eplan-redesign.client-ui #app .client-home-v2 .client-home-calendar-week-head>button{
 display:grid;place-items:center;flex:0 0 34px;min-width:34px;height:34px;
 background:var(--cdh-subtle)!important;border:1px solid var(--cdh-border)!important;
 border-radius:11px!important;color:var(--cdh-text)!important;font-size:24px;line-height:1;
}
body.eplan-redesign.client-ui #app .client-home-v2 .client-home-calendar-week-head>span{
 text-align:center;flex:1;
}
body.eplan-redesign.client-ui #app .client-home-v2 button.client-dash-calendar-day{
 appearance:none;-webkit-appearance:none;
 cursor:pointer;font-family:inherit;
 text-align:center;box-shadow:none!important;
 -webkit-tap-highlight-color:transparent;
 transition:border-color .16s ease,background-color .16s ease;
}
body.eplan-redesign.client-ui #app .client-home-v2 .client-dash-calendar-day.is-today:not(.is-selected){
 border-color:var(--cdh-border);background:var(--cdh-subtle);
}
body.eplan-redesign.client-ui #app .client-home-v2 .client-dash-calendar-day.is-selected{
 border-color:var(--cdh-blue)!important;background:var(--cdh-glow)!important;
 outline:1px solid var(--cdh-blue);outline-offset:-2px;
}
body.eplan-redesign.client-ui #app .client-home-v2 .client-dash-calendar-day.is-selected>strong{
 color:var(--cdh-text)!important;
}
body.eplan-redesign.client-ui #app .client-home-v2 .client-dash-calendar-day.is-today:not(.is-selected)>strong{
 text-decoration:underline;text-decoration-color:var(--cdh-blue);text-underline-offset:4px;
}
body.eplan-redesign.client-ui #app .client-home-v2 :is(.client-home-full-calendar,.client-home-calendar-week-head>button,.client-dash-calendar-day):focus-visible,
body.eplan-redesign.client-ui .client-home-calendar-modal button:focus-visible{
 outline:2px solid var(--cdh-blue)!important;outline-offset:2px;
}
body.eplan-redesign.client-ui #app .client-home-v2 .client-home-selected-date{
 display:flex;align-items:center;justify-content:space-between;gap:8px;
 flex-wrap:wrap;padding:10px 14px;border-radius:14px;
 background:var(--cdh-subtle);color:var(--cdh-text);
 border:1px solid var(--cdh-border);
 font-size:12px;font-weight:760;
}
body.eplan-redesign.client-ui #app .client-home-v2 .client-home-selected-date>button{
 color:var(--cdh-blue)!important;background:transparent!important;
 border:0!important;padding:4px 0;font-size:11px;font-weight:760;
}
/* Full calendar modal: portal is outside #app, so it doesn't inherit #app styles. */
body.eplan-redesign.client-ui .client-home-calendar-modal{
 position:fixed;inset:0;z-index:10030;background:rgba(9,15,27,.58);
 display:flex;align-items:center;justify-content:center;
 padding:max(16px,env(safe-area-inset-top)) 16px max(20px,env(safe-area-inset-bottom));
 backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);
}
body.eplan-redesign.client-ui .client-home-calendar-dialog{
 width:min(430px,100%);max-height:88dvh;overflow:auto;
 border-radius:23px;border:1px solid rgba(97,122,152,.18);
 background:#FFFFFF;color:#132440;
 box-shadow:0 20px 75px rgba(9,19,41,.25);
 padding:20px 17px 17px;
}
body.eplan-redesign.client-ui[data-eplan-theme="dark"] .client-home-calendar-dialog{
 background:#111720;color:#F4F7FB;
 border-color:#2B394A;box-shadow:0 20px 80px rgba(0,0,0,.68);
}
body.eplan-redesign.client-ui .client-home-calendar-dialog-head{
 display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;
}
body.eplan-redesign.client-ui .client-home-calendar-dialog-head h2{
 font-size:19px;margin:0;font-weight:850;color:inherit;
}
body.eplan-redesign.client-ui .client-home-calendar-dialog-head button{
 width:34px;height:34px;display:grid;place-items:center;
 background:rgba(126,149,181,.1)!important;color:inherit!important;
 border:1px solid rgba(126,149,181,.24)!important;border-radius:11px!important;font-size:23px;
}
body.eplan-redesign.client-ui .client-home-picker-top{
 display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:15px;
 font-size:16px;font-weight:850;text-transform:capitalize;
}
body.eplan-redesign.client-ui .client-home-picker-top button{
 display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;
 background:rgba(130,149,180,.09)!important;border:1px solid rgba(130,149,180,.15)!important;
 border-radius:12px!important;color:inherit!important;font-size:27px;line-height:1;
}
body.eplan-redesign.client-ui .client-home-picker-days{
 display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;align-items:stretch;
}
body.eplan-redesign.client-ui .client-home-picker-days>span{
 text-align:center;font-size:11px;color:#8290A5;font-weight:800;padding:8px 0;
}
body.eplan-redesign.client-ui .client-home-picker-day{
 appearance:none;display:flex;flex-direction:column;justify-content:center;align-items:center;
 gap:3px;width:100%;min-height:43px;padding:6px 0;border-radius:11px!important;
 border:1px solid transparent!important;background:rgba(133,157,188,.075)!important;
 color:inherit!important;font-size:13px;font-weight:780;
}
body.eplan-redesign.client-ui[data-eplan-theme="dark"] .client-home-picker-day{
 background:rgba(145,170,202,.09)!important;
}
body.eplan-redesign.client-ui .client-home-picker-day.is-today{
 border-color:rgba(34,128,245,.42)!important;
}
body.eplan-redesign.client-ui .client-home-picker-day.is-selected{
 background:rgba(35,123,238,.15)!important;border-color:#2480F5!important;
 color:#1272DB!important;
}
body.eplan-redesign.client-ui[data-eplan-theme="dark"] .client-home-picker-day.is-selected{
 background:rgba(35,123,238,.25)!important;color:#B8D7FF!important;
}
body.eplan-redesign.client-ui .client-home-picker-day i,
body.eplan-redesign.client-ui .client-home-picker-foot i{
 width:5px;height:5px;display:block;border-radius:50%;background:#20B778;
}
body.eplan-redesign.client-ui .client-home-picker-foot{
 display:flex;align-items:center;justify-content:space-between;gap:8px;
 margin-top:15px;font-size:11px;font-weight:700;color:#8290A5;
}
body.eplan-redesign.client-ui .client-home-picker-foot span{
 display:flex;align-items:center;gap:6px;
}
body.eplan-redesign.client-ui .client-home-picker-foot button{
 border:1px solid rgba(36,128,245,.24)!important;border-radius:11px!important;
 background:rgba(36,128,245,.09)!important;color:#1879DD!important;
 font-size:12px;font-weight:800;padding:9px 12px;
}
body.eplan-redesign.client-ui[data-eplan-theme="dark"] .client-home-picker-foot button{
 color:#9DCBFF!important;
}
@media(max-width:360px){
 body.eplan-redesign.client-ui #app .client-home-v2 .client-home-full-calendar{font-size:10px;padding:5px 7px}
 body.eplan-redesign.client-ui .client-home-calendar-dialog{padding:16px 12px}
 body.eplan-redesign.client-ui .client-home-picker-days{gap:3px}
}
@media(prefers-reduced-motion:reduce){
 body.eplan-redesign.client-ui #app .client-home-v2 button.client-dash-calendar-day{transition:none}
}


/* Native iOS calendar and dumbbell empty-state v380.
   Use the platform date picker instead of rebuilding the calendar in a modal. */
body.eplan-redesign.client-ui #app .client-home-v2 label.client-home-full-calendar{
 position:relative!important;isolation:isolate;cursor:pointer;overflow:hidden;
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 white-space:nowrap;
}
body.eplan-redesign.client-ui #app .client-home-v2 .client-home-full-calendar>span{
 pointer-events:none;
}
body.eplan-redesign.client-ui #app .client-home-v2 .client-home-full-calendar .ui-icon{
 pointer-events:none;flex-shrink:0;
}
body.eplan-redesign.client-ui #app .client-home-v2 .client-home-full-calendar input.client-home-ios-date{
 position:absolute!important;inset:0!important;z-index:2!important;display:block!important;
 width:100%!important;height:100%!important;min-height:34px!important;max-width:none!important;
 box-sizing:border-box!important;border:0!important;margin:0!important;padding:0!important;
 opacity:0!important;cursor:pointer;pointer-events:auto!important;
 -webkit-appearance:auto!important;appearance:auto!important;font-size:16px!important;
}
/* Native SVG chevrons are mechanically centred; text glyphs were shifted down. */
body.eplan-redesign.client-ui #app .client-home-v2 .client-home-calendar-week-head>button{
 box-sizing:border-box!important;display:flex!important;align-items:center!important;
 justify-content:center!important;flex:0 0 40px!important;width:40px!important;
 min-width:40px!important;max-width:40px!important;height:40px!important;
 margin:0!important;padding:0!important;text-align:center!important;
 line-height:1!important;-webkit-appearance:none!important;appearance:none!important;
 border-radius:12px!important;transform:none!important;
}
body.eplan-redesign.client-ui #app .client-home-v2 .client-home-calendar-week-head>button .ui-icon,
body.eplan-redesign.client-ui #app .client-home-v2 .client-home-calendar-week-head>button svg{
 position:static!important;flex:none!important;display:block!important;
 width:19px!important;height:19px!important;margin:0!important;padding:0!important;
 transform:none!important;stroke-width:2.2!important;
}
/* v384: higher-resolution, premultiplied-transparent WebP embedded in SVG.
   No live SVG colour-key filter and no rectangular image background.
   Scope the changes to the unrecorded-workout card on the client home only. */
body.eplan-redesign.client-ui #app .client-home-v2 .client-dash-workout-v2.has-dumbbell-art .client-dash-workout-empty-art{
 display:block!important;position:absolute!important;z-index:1!important;
 pointer-events:none;right:-4px;top:12%;width:51%;height:65%;
 background-image:url('/static/img/client-workout/hex-dumbbells-light-hq-v384.svg');
 background-color:transparent!important;
 background-size:contain;background-position:center right;background-repeat:no-repeat;
 opacity:1;mix-blend-mode:normal;filter:none;
 -webkit-mask-image:none!important;mask-image:none!important;
}
body.eplan-redesign.client-ui[data-eplan-theme="dark"] #app .client-home-v2 .client-dash-workout-v2.has-dumbbell-art .client-dash-workout-empty-art{
 background-image:url('/static/img/client-workout/hex-dumbbells-dark-hq-v384.svg');
 opacity:1;
}
/* Leave genuine breathing room between the image and the note instead of
   allowing a dark weight to sit directly behind the small-print sentence. */
body.eplan-redesign.client-ui #app .client-home-v2 .client-dash-workout-v2.has-dumbbell-art .client-dash-workout-note{
 position:relative;z-index:3;max-width:49%!important;
 color:#40516B!important;font-size:12px!important;font-weight:600!important;
 line-height:1.5!important;overflow-wrap:normal;
}
body.eplan-redesign.client-ui[data-eplan-theme="dark"] #app .client-home-v2 .client-dash-workout-v2.has-dumbbell-art .client-dash-workout-note{
 color:#C3D0E0!important;
}
@media(max-width:360px){
 body.eplan-redesign.client-ui #app .client-home-v2 .client-home-calendar-week-head>button{
  width:36px!important;min-width:36px!important;max-width:36px!important;
  flex-basis:36px!important;height:36px!important;
 }
 body.eplan-redesign.client-ui #app .client-home-v2 .client-dash-workout-v2 .client-dash-workout-empty-art{
  right:-8px;width:48%;
 }
}