/* Shared site palette for every nested trainer screen. Keep white content cards
   and the approved photographic main screen; replace legacy grey/lavender UI. */
#elena-flow[data-coach]{--ef-blue:#e1ebf6;--coach-field:#edf5fc;--coach-border:#b9cee3}
#elena-flow[data-coach] .ef-screen:not(.ef-tsibizova-new),
#elena-flow[data-coach] .ef-screen:not(.ef-tsibizova-new) footer,
#elena-flow[data-coach] .ef-foot{background:#e1ebf6!important;color:#000029}
#elena-flow[data-coach] .ef-approved{--field:#edf5fc!important}
#elena-flow[data-coach] .ef-approved.white{--surface:#edf5fc!important}
#elena-flow[data-coach] :is(.saving,.avatar,.ef-summary,.ef-secondary,.ef-pricebar,.marina-format),
#elena-flow[data-coach] .ef-approved .card,
#elena-flow[data-coach] input:not([type=checkbox]):not([type=radio]),
#elena-flow[data-coach] .ef-form .ef-seg,
#elena-flow[data-coach] .ef-days button,
#elena-flow[data-coach] .ef-approved .tick,
#elena-flow[data-coach] .ef-tariff-check{
 background:var(--coach-field)!important;
}
#elena-flow[data-coach] :is(.ef-round,.approved-back,.ef-detail-back,.ef-tsibizova-back),
#elena-flow[data-coach] .approved-nav>button:not(.home-link),
#elena-flow[data-coach] .ef-approved nav>button:not(.home-link){background:var(--coach-field)!important}
#elena-flow[data-coach] :is(.dates,.ef-summary,input){border-color:var(--coach-border)}
#elena-flow[data-coach] :is(.pay,.ef-cta),
#elena-flow[data-coach] :is(.days,.times,.ef-days,.ef-seg,.ef-pricebar) :is([aria-pressed=true],.on),
#elena-flow[data-coach] .plan[aria-pressed=true] .tick,
#elena-flow[data-coach] .card>.tick,
#elena-flow[data-coach] [aria-pressed=true] .ef-tariff-check,
#elena-flow[data-coach] input[type=checkbox]:checked{background:#000029!important;color:#fff!important}
#elena-flow[data-coach] .saving{color:#566983}
#elena-flow[data-coach] .ef-approved :is(.dates,.dash){border-color:var(--coach-border)!important}
/* Consistent return-to-coach labels, matching Tsibizova's approved 13px. */
#elena-flow[data-coach] :is(.home-link,.ef-home-link){font-size:13px!important;line-height:1.35;white-space:nowrap}

/* Ruchnov: useful tariff copy without the decorative gift or its empty gutter. */
#elena-flow[data-coach=ruchnov] .ef-single-tariff{padding:18px 20px;min-height:135px}
#elena-flow[data-coach=ruchnov] .ef-single-tariff b{font-size:16px;line-height:1.3}
#elena-flow[data-coach=ruchnov] .ef-single-tariff small{font-size:14px;line-height:1.4}
#elena-flow[data-coach=ruchnov] .ef-single-tariff .approved-super b{font-size:14px}
/* Fade at the visible portrait window, rather than below its clipped image. */
#elena-flow[data-coach] .ef-about .ef-cutout::after{
 content:"";display:block;position:absolute;left:0;right:0;bottom:0;height:60px;
 background:linear-gradient(to bottom,rgba(225,235,246,0),rgba(225,235,246,.55) 48%,#e1ebf6 96%);
 z-index:1;pointer-events:none;
}
#elena-flow[data-coach] .ef-about .ef-cutout>button{z-index:2}
/* Savings use the same gently tilted, rounded plaque language as coach offers. */
#elena-flow[data-coach] .ef-approved .saving{
 top:9px;right:9px;padding:5px 7px;border-radius:11px;
 transform:rotate(-5deg);transform-origin:center;background:#edf5fc!important;
 color:#000029;font-size:12px;line-height:1.25;text-align:center;
}
@media(max-width:350px){#elena-flow[data-coach] .ef-approved .saving{right:7px;padding:5px 6px;font-size:11px}}

#elena-flow .mirage-personal-entry{display:block;position:relative;z-index:2;width:100%;box-sizing:border-box;margin:12px 0;padding:16px 20px;border:0;border-radius:28px;background:#08032e;color:#fff;text-align:center;text-decoration:none;font-size:17px;font-weight:700;line-height:1.35;min-height:56px}#elena-flow .mirage-personal-entry:focus-visible{text-decoration:underline;text-underline-offset:4px}

/* Booking controls stay inside the content flow, including short phone viewports. */
#elena-flow[data-coach=malygina] .malygina-format{display:flex;background:#edf5fc;border-radius:30px;padding:4px;margin:0 0 16px;gap:4px}
#elena-flow[data-coach=malygina] .malygina-format button{flex:1;min-width:0;min-height:44px;border:0;border-radius:26px;font-size:16px;background:transparent}
#elena-flow[data-coach=malygina] .malygina-format [aria-pressed=true]{background:#000029;color:white}
#elena-flow[data-coach=malygina] .ef-tsibizova-portrait>img{object-position:center top}
#elena-flow[data-coach=bubnov] .ef-integrated-personal .mirage-share{display:none}
#elena-flow[data-coach=bubnov] .ef-integrated-personal nav{min-height:64px}
#elena-flow[data-coach=bubnov] .ef-integrated-personal .coach{margin-bottom:16px}

/* The close control uses the same circular surface as back and share. */
#elena-flow[data-coach] .ef-approved nav button[data-ef-close]{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;min-width:44px;padding:10px;border:0;border-radius:50%;line-height:1;font-size:28px}
#elena-flow[data-coach] .ef-approved nav button[data-ef-close] svg{display:block;width:24px;height:24px;flex:none}
