/* VR10 · DESKTOP IS ITS OWN COMPOSITION, not a widened phone. Same auxe material, same
   functions; the large screen gets its own arrangement for Home, Workout, Live Workout,
   Nutrition, Coach, Profile, Search and Add exercise. Everything returns to the phone
   layout below 1140px (sheets below 900px). */
@media (min-width:900px){/* sheets are floating panels on a big screen, never a bottom sheet */
  
  .sheet-wrap{align-items:center!important}
  body.pm-premium .sheet{max-width:760px;max-height:86vh;border-radius:28px!important;padding:26px 30px 30px;box-shadow:0 1px 0 #fff inset,0 40px 90px -36px rgba(30,31,33,.55),0 10px 30px -18px rgba(30,31,33,.3);animation:vr10pop .24s var(--ease) both}
  @keyframes vr10pop{from{transform:scale(.97);opacity:0}to{transform:none;opacity:1}}
  :root:not([data-theme="dark"]) body.pm-premium .sheet::before{display:none!important}
  body.pm-premium .sheet-h h3{font-size:30px}
  body.pm-premium #addSheet .sheet{max-width:1060px}
  body.pm-premium #addSheet .ggrid{grid-template-columns:repeat(3,1fr)!important;gap:14px}
  :root:not([data-theme="dark"]) body.pm-premium #addSheet .gpick.gtile{min-height:190px}
  body.pm-premium #addSheet .bfy-list .card{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}
  body.pm-premium #addSheet .bfy-list .card>*{margin:0!important}
  body.pm-premium #addSheet .bfy-list .card>.bfy-h,body.pm-premium #addSheet .bfy-list .card>h3,body.pm-premium #addSheet .bfy-list .card>.sh{grid-column:1/-1}
  body.pm-premium #addSheet #exDone{max-width:320px;margin-left:auto}
}
@media (min-width:1140px){
  body.pm-premium .col{max-width:1240px!important}/* ---- HOME. The stage on the left, the week, the numbers and what is coming stacked on the
     right to the same height. One composition, no rail with a dead corner. ---- */

  
  body.pm-premium #today:not(.hide){display:flex!important;flex-direction:column}
  body.pm-premium #today>*{max-width:none!important}
  body.pm-premium #today #todayRail{position:static!important;flex-direction:row!important;flex-wrap:wrap;gap:14px;top:auto!important}
  body.pm-premium #today #todayRail>*{flex:1 1 320px;margin:0!important}
  body.pm-premium #today #todayRail:empty{display:none}
  body.pm-premium #today .hero,body.pm-premium #today #homeHero{max-width:none!important;width:100%}
  body.pm-premium .hero #homeNextSec .sec-head{margin-bottom:6px}
  body.pm-premium .hero #homeNextSec .sec-head h2{font-size:20px}/* ---- WORKOUT. The plan across the whole width, the sequence as a grid of tiles, the
     training readings in a sticky panel beside them. ---- */

  
  body.pm-premium #progress:not(.hide){display:grid!important;grid-template-columns:minmax(0,1fr) 400px;column-gap:40px;align-items:start}
  body.pm-premium #progress>*{grid-column:1;max-width:none!important}
  body.pm-premium #progress>.kicker,body.pm-premium #progress>h1,body.pm-premium #progress>#wkHero{grid-column:1/-1}
  body.pm-premium #progress #wkRail{grid-column:2;grid-row:4/span 40;position:sticky;top:96px;margin-top:0}
  body.pm-premium #progress #wkHero{min-height:340px}
  body.pm-premium #progress #wkHero .wh-t{padding-top:34px}
  body.pm-premium #progress .wkseq-list{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important}
  body.pm-premium #progress .wkseq-list .wq{margin:0!important}
  body.pm-premium #progress .wk-week{grid-column:1}
  body.pm-premium #progress #lifts{display:grid!important;grid-template-columns:1fr 1fr;gap:12px 14px;align-items:start;background:none!important;box-shadow:none!important;padding:0!important}
  body.pm-premium #progress #lifts>.lift{margin:0!important;border-radius:22px;background:var(--vr-ceramic);box-shadow:var(--vr-edge),var(--vr-lift)}
  body.pm-premium #progress #lifts .lift-top{grid-template-columns:108px minmax(0,1fr) 26px!important}/* ---- LIVE WORKOUT. Three real columns: the lift and its equipment, the cockpit, the
     record. The cockpit is wide enough for a loaded bar and a full plate tray. ---- */

  
  .sess.on.cockpit{grid-template-columns:minmax(300px,420px) minmax(520px,640px) minmax(260px,320px)!important;column-gap:40px!important}
  :root:not([data-theme="dark"]) body.pm-premium .sess.cockpit .sess-left .sess-head{height:470px!important;max-height:470px!important;min-height:470px!important}
  body.pm-premium .sess.cockpit .sess-left .ck-body{padding:18px 20px}
  body.pm-premium .sess.cockpit .sess-left .ck-body .sr-fig{width:96px;max-height:160px}
  body.pm-premium .sess.cockpit .sess-left .ck-body .sr-fig svg{max-height:160px}
  body.pm-premium .sess.cockpit .sess-ws{overflow:visible!important;max-height:none!important}
  body.pm-premium .sess.cockpit .sess-body{overflow-y:auto!important;scrollbar-width:none}
  body.pm-premium .sess.cockpit #sessWStep[data-sel="bar"] .wsrow{display:none!important}
  body.pm-premium .sess.cockpit .sess-right .sl-list{margin-top:22px}/* ---- NUTRITION. The four vessels fill their housing, the log beside them. ---- */

  
  body.pm-premium #eat{grid-template-columns:minmax(0,1fr) 420px!important;column-gap:40px!important}
  body.pm-premium #eat>*{max-width:none!important}
  body.pm-premium .deck{max-width:none!important;--vh:210px;gap:18px;padding:20px 22px 0}
  body.pm-premium .deck-foot{max-width:none!important}
  body.pm-premium .vs-read b{font-size:26px}
  body.pm-premium .v-cal .vs-read b{font-size:36px}
  body.pm-premium .vs-name{font-size:var(--ui-meta,14px)}
  body.pm-premium .vs-read{height:54px}
  body.pm-premium .vs-read .tg{font-size:var(--ui-meta,14px);margin-top:4px}/* ---- COACH. auxe and its readings on the left, the conversation as the big right
     column with the composer at its foot. ---- */

  
  body.pm-premium #ask:not(.hide){max-width:none!important;margin:0!important;display:grid;grid-template-columns:400px minmax(0,1fr);column-gap:48px;align-items:start}
  body.pm-premium #ask:not(.hide){grid-template-rows:auto auto minmax(0,1fr) auto auto;min-height:calc(100vh - 110px)}/* the phone's scroll box (.askscroll) is transparent to the grid on a monitor: its children are the grid's */
  
  body.pm-premium #ask .askscroll{display:contents}
  body.pm-premium #ask>*,body.pm-premium #ask .askscroll>*{grid-column:2;max-width:none}
  body.pm-premium #ask .askscroll>.kicker{grid-column:1/-1;grid-row:1}
  body.pm-premium #ask .askscroll>#adamEarlier{grid-row:2}
  body.pm-premium #ask .askscroll>#chatBox{grid-row:3;align-self:end}
  body.pm-premium #ask .askscroll>#coachChips{grid-row:4}
  body.pm-premium #ask>#chatDock{grid-row:5}
  body.pm-premium #ask #coachChips:not(.hide){display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:12px!important;overflow:visible!important;width:auto!important;margin:0 0 6px!important;padding:0!important;flex-wrap:wrap}
  body.pm-premium #ask #coachChips:not(.hide)>*{width:auto;margin:0;text-align:left}
  body.pm-premium #ask #askRail{grid-column:1;grid-row:2/span 4;position:sticky;top:96px;display:flex;flex-direction:column;gap:14px}
  body.pm-premium #ask #askRail .adam-head{flex-direction:column;align-items:center;text-align:center;margin:0 0 4px;gap:4px}
  body.pm-premium #ask #askRail .adam-head h1{font-size:40px}
  body.pm-premium #ask #askRail #adamNow{margin:0}
  body.pm-premium #ask #askRail .an-reads{grid-template-columns:1fr!important}
  body.pm-premium #ask .chatbox{min-height:0!important;justify-content:flex-end;margin-top:0!important}
  body.pm-premium #ask .chatdock{position:sticky;bottom:0}/* ---- PROFILE. The identity stays, the six doors become a grid of large tiles. ---- */

  
  body.pm-premium #setup{grid-template-columns:420px minmax(0,1fr)!important;column-gap:40px!important}
  body.pm-premium .pf-main:not(.hide){display:grid!important;grid-template-columns:1fr 1fr;gap:14px}
  body.pm-premium .pfdest .pfd-v{white-space:normal;display:block;overflow:visible;text-overflow:clip}
  body.pm-premium .pfdest{min-height:136px!important;grid-template-columns:76px minmax(0,1fr) auto!important;column-gap:16px!important;padding:18px 20px 18px 18px!important}
  body.pm-premium .pfdest .pfd-o{width:76px!important;height:76px!important;border-radius:22px!important}
  body.pm-premium .pfdest .pfd-v{font-size:19px}
  body.pm-premium .pfdest.quiet{grid-column:1/-1;min-height:64px!important;grid-template-columns:44px minmax(0,1fr) auto!important}
  body.pm-premium .pf-page .pfb-grid,body.pm-premium .pf-page .pft-grid,body.pm-premium .pf-page .pfg-grid{grid-template-columns:repeat(2,1fr)}/* ---- SEARCH. A wide command surface: the field across the top, the lifts in a row, muscles
     and prompts side by side; a result reads as a spread, its object on the right. ---- */

  
  .sr-top{padding:38px 48px 8px!important}
  .sr-top input{font-size:22px}
  .sr-wrap,.sr-empty{max-width:1140px!important}
  body.pm-premium #srOut .sr-empty{display:grid;grid-template-columns:1fr 1fr;gap:6px 44px;align-items:start}
  body.pm-premium #srOut .sr-empty .sr-sec{border-bottom:none}
  body.pm-premium #srOut .sr-empty .sr-sec:has(.sr-lifts){grid-column:1/-1}
  body.pm-premium #srOut .sr-empty .sr-sec:has(.sr-clear){grid-column:1/-1}
  body.pm-premium #srOut .sr-lifts{grid-template-columns:repeat(6,1fr)!important}
  body.pm-premium #srOut .sr-mus{grid-template-columns:repeat(3,1fr)!important}
  body.pm-premium #srOut .sr-starts.sr-objs{grid-template-columns:1fr 1fr!important}
  body.pm-premium #srOut .sr-hero.rich.ex{display:grid!important;grid-template-columns:minmax(0,1fr) 420px;column-gap:40px;align-items:start}
  body.pm-premium #srOut .sr-hero.rich.ex>*{grid-column:1}
  body.pm-premium #srOut .sr-hero.rich.ex .sr-side{grid-column:2;grid-row:1/span 8;order:0;height:auto!important;min-height:320px;align-self:stretch;margin:0!important}
  body.pm-premium #srOut .sr-rel{grid-template-columns:repeat(4,1fr)!important;gap:14px!important}
}
@media (min-width:1140px) and (max-width:1399px){
  body.pm-premium #progress:not(.hide){grid-template-columns:minmax(0,1fr) 360px;column-gap:32px}
  body.pm-premium #eat{grid-template-columns:minmax(0,1fr) 380px!important;column-gap:32px!important}
  body.pm-premium #ask:not(.hide){grid-template-columns:360px minmax(0,1fr);column-gap:36px}
  body.pm-premium #ask #coachChips:not(.hide){grid-template-columns:repeat(2,1fr)!important}
  body.pm-premium #setup{grid-template-columns:380px minmax(0,1fr)!important;column-gap:32px!important}
  body.pm-premium #srOut .sr-hero.rich.ex{grid-template-columns:minmax(0,1fr) 360px}
  .sess.on.cockpit{column-gap:28px!important}
  body.pm-premium .sess.cockpit .wsel{zoom:.88}
  body.pm-premium .sess.cockpit #sessWStep .wbig b{font-size:52px!important}
}