:root{
  --violet:#3B1A46; --violet-d:#24102B; --violet-dd:#170A1C; --violet-l:#5A2D69;
  --olive:#6B7A26; --olive-b:#9DB03A; --olive-d:#4E5A1B;
  --ink:#1D1421; --muted:#675B6D; --paper:#EFEDF1; --card:#FFFFFF; --line:#D8D2DD;
  --danger:#B42318; --warn:#B86A00; --ok:#4E7A1B;
  --r-tile:18px; --r-card:14px; --r-in:10px;
  --head:"Saira Semi Condensed","Arial Narrow",Arial,sans-serif;
  --body:Figtree,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;height:100%}
body{font-family:var(--body);color:var(--ink);background:var(--paper);font-size:16px;line-height:1.45;
  -webkit-tap-highlight-color:transparent}
:root{padding-bottom:env(safe-area-inset-bottom,0px)}
.boot{padding:40px;text-align:center;color:var(--muted)}
h1,h2,h3,.num{font-family:var(--head);letter-spacing:.01em;margin:0}
h1{font-size:28px;font-weight:800;line-height:1.1}
h2{font-size:21px;font-weight:700}
h3{font-size:17px;font-weight:700}
a{color:var(--violet)}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--olive-b);outline-offset:2px}

/* ---------- structure */
.wrap{max-width:860px;margin:0 auto;padding:16px 16px 120px}
.topbar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--violet);color:#fff;
  position:sticky;top:0;z-index:20}
.brand{font-family:var(--head);font-weight:800;font-size:22px;letter-spacing:.02em;display:flex;align-items:center;gap:8px}
.brand b{color:#fff;font-weight:800}.brand i{font-style:normal;font-weight:500;color:var(--olive-b)}
.brand img{width:34px;height:34px;border-radius:8px}
.topbar .sub{font-size:13px;opacity:.8;margin-left:auto;text-align:right}
.back{display:inline-flex;align-items:center;gap:6px;border:0;background:#fff;color:var(--violet);
  font-weight:700;padding:10px 16px 10px 12px;border-radius:999px;cursor:pointer;margin:0 0 14px;
  box-shadow:0 1px 0 var(--line)}
.back::before{content:"‹";font-size:24px;line-height:16px}
.pagehead{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:4px 0 16px;flex-wrap:wrap}
.pagehead p{margin:4px 0 0;color:var(--muted)}

/* ---------- tuiles */
.tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media(min-width:700px){.tiles{grid-template-columns:repeat(3,1fr)}}
.tile{border:0;text-align:left;cursor:pointer;min-height:118px;padding:16px;border-radius:var(--r-tile);
  background:var(--violet);color:#fff;display:flex;flex-direction:column;justify-content:space-between;gap:10px}
.tile .ic{font-size:30px;line-height:1}
.tile .t{font-family:var(--head);font-weight:700;font-size:20px;line-height:1.1}
.tile .d{font-size:13px;opacity:.82}
.tile.olive{background:var(--olive)}
.tile.dark{background:var(--violet-dd)}
.tile.big{grid-column:1/-1;min-height:140px;background:var(--olive)}
.tile.big .t{font-size:26px}
.tile:active{transform:scale(.985)}

/* ---------- cartes / listes */
.card{background:var(--card);border-radius:var(--r-card);padding:16px;margin:0 0 12px;border:1px solid var(--line)}
.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.row.between{justify-content:space-between}
.grow{flex:1 1 auto;min-width:0}
.muted{color:var(--muted)}
.small{font-size:13px}
.item{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--line);
  border-radius:var(--r-card);padding:14px;margin:0 0 10px;cursor:pointer;width:100%;text-align:left}
.item .title{font-weight:700}
.item .meta{font-size:13px;color:var(--muted)}
.daylabel{font-family:var(--head);font-weight:700;font-size:15px;color:var(--violet);margin:18px 0 8px}
.pill{display:inline-block;font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--paper);color:var(--violet)}
.pill.ok{background:#E3EBCB;color:var(--olive-d)}
.pill.warn{background:#FBE7C6;color:#7A4600}
.pill.off{background:#E9E5EC;color:var(--muted)}
.empty{text-align:center;padding:30px 16px;color:var(--muted);background:var(--card);border-radius:var(--r-card);border:1px dashed var(--line)}

/* ---------- formulaires */
label.f{display:block;margin:0 0 12px}
label.f>span{display:block;font-size:13px;font-weight:600;color:var(--muted);margin:0 0 5px}
input[type=text],input[type=password],input[type=date],input[type=time],input[type=number],input[type=tel],input[type=email],select,textarea{
  width:100%;padding:11px 12px;border:1.5px solid var(--line);border-radius:var(--r-in);background:#fff;min-height:46px}
textarea{min-height:70px;resize:vertical}
input:focus,select:focus,textarea:focus{border-color:var(--violet);outline:none}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
@media(max-width:520px){.grid3{grid-template-columns:1fr 1fr}}
.switch{display:flex;align-items:center;gap:10px;padding:10px 0;cursor:pointer;font-weight:600}
.switch input{width:22px;height:22px;accent-color:var(--olive);flex-shrink:0}

.btn{border:0;cursor:pointer;border-radius:12px;padding:12px 18px;font-weight:700;background:var(--violet);color:#fff;
  min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.btn.olive{background:var(--olive)}
.btn.ghost{background:#fff;color:var(--violet);border:1.5px solid var(--line)}
.btn.danger{background:#fff;color:var(--danger);border:1.5px solid #F0C6C2}
.btn.sm{min-height:38px;padding:8px 12px;font-size:14px;border-radius:10px}
.btn.wide{width:100%}
.btn:disabled{opacity:.45;cursor:default}
.savebar{position:fixed;left:0;right:0;bottom:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));
  background:rgba(239,237,241,.96);border-top:1px solid var(--line);display:flex;gap:10px;justify-content:center;z-index:30}
.savebar .btn{max-width:420px;flex:1}

/* ---------- éditeur de séance */
.plan{width:100%;border-collapse:collapse;font-size:14px}
.plan td{padding:7px 4px;border-bottom:1px solid var(--line)}
.plan td.t{font-family:var(--head);font-weight:700;color:var(--violet);width:62px}
.plan td.d{text-align:right;white-space:nowrap;color:var(--muted)}
.plan tr.total td{font-weight:700;border-bottom:0}
.block{border-left:6px solid var(--violet)}
.block.fmt-AMRAP,.block.fmt-FORTIME{border-left-color:var(--olive)}
.block.fmt-LIBRE{border-left-color:#A79AB0}
.blockhead{display:flex;gap:8px;align-items:center;margin-bottom:10px}
.blockhead input{font-family:var(--head);font-weight:700;font-size:19px}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.chip{border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600;cursor:pointer}
.chip.on{background:var(--violet);color:#fff;border-color:var(--violet)}
.exrow{display:grid;grid-template-columns:58px 1fr 84px 38px;gap:6px;margin:0 0 6px;align-items:center}
.exrow input{min-height:42px;padding:8px}
.exrow .note{grid-column:2/4}
.iconbtn{border:0;background:var(--paper);border-radius:10px;width:38px;height:38px;cursor:pointer;font-size:16px;color:var(--violet)}
.dur{font-family:var(--head);font-weight:700;color:var(--olive-d)}
.hint{font-size:12px;color:var(--muted);margin:-6px 0 10px}

/* ---------- direct : écran commun */
.live{position:relative;border-radius:var(--r-tile);overflow:hidden;color:#fff;background:var(--violet);
  transition:background-color .35s}
.live.ph-work{background:var(--olive)}
.live.ph-rest,.live.ph-transition{background:var(--violet)}
.live.ph-lead{background:var(--violet-dd)}
.live.ph-free{background:var(--violet-l)}
.live.ph-idle,.live.ph-done{background:var(--violet-d)}
.live .lhead{display:flex;justify-content:space-between;gap:10px;padding:12px 16px;font-size:14px;background:rgba(0,0,0,.18)}
.live .lbody{padding:14px 16px 18px;text-align:center}
.live .block-name{font-family:var(--head);font-weight:700;font-size:20px;opacity:.95}
.live .seglabel{font-size:15px;font-weight:600;opacity:.9;margin-top:2px}
.live .clock{font-family:var(--head);font-weight:800;font-size:clamp(64px,22vw,120px);line-height:1;margin:6px 0;
  font-variant-numeric:tabular-nums}
.live .clock.hot{color:#FFE27A}
.live .exnow{font-family:var(--head);font-weight:700;font-size:22px}
.live .next{font-size:14px;opacity:.85;margin-top:8px}
.live .paused{position:absolute;inset:auto 0 0 0;background:rgba(0,0,0,.45);font-family:var(--head);font-weight:800;
  letter-spacing:.08em;padding:6px;font-size:15px}
.drift{display:inline-block;padding:2px 8px;border-radius:999px;font-weight:700;background:rgba(255,255,255,.18)}
.drift.late{background:#FFE27A;color:#3B1A46}
.classbar{display:flex;height:10px;gap:2px;margin:0 16px 14px;border-radius:999px;overflow:hidden;background:rgba(0,0,0,.2)}
.classbar span{background:rgba(255,255,255,.35);position:relative}
.classbar span.done{background:#fff}
.classbar span.cur{background:rgba(255,255,255,.55)}
.classbar span.cur i{position:absolute;inset:0 auto 0 0;background:#fff}

/* ---------- télécommande */
.remote{display:grid;gap:10px;margin-top:12px}
.remote .play{min-height:84px;font-size:24px;font-family:var(--head);border-radius:var(--r-tile)}
.remote .r3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.remote .r2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.remote .btn{min-height:60px;font-size:16px}
.blocklist .item.cur{border:2px solid var(--olive);background:#F4F7E8}

/* ---------- écran TV (plein écran) */
body.tv{background:var(--violet-dd);overflow:hidden}
.tvroot{position:fixed;inset:0;display:flex;flex-direction:column;color:#fff;background:var(--violet-d);transition:background-color .35s}
.tvroot.ph-work{background:var(--olive)}
.tvroot.ph-rest,.tvroot.ph-transition{background:var(--violet)}
.tvroot.ph-lead{background:var(--violet-dd)}
.tvroot.ph-free{background:var(--violet-l)}
.tvtop{display:flex;align-items:center;gap:3vw;padding:2vh 3vw;font-size:2.4vh;background:rgba(0,0,0,.22)}
.tvtop .brand{font-size:3.4vh}
.tvtop .grow{text-align:center;font-family:var(--head);font-weight:700;font-size:3vh}
.tvtop .now{font-family:var(--head);font-weight:800;font-size:4vh;font-variant-numeric:tabular-nums}
.tvmain{flex:1;display:grid;grid-template-columns:1.35fr 1fr;gap:3vw;padding:3vh 3vw;min-height:0}
.tvleft{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-width:0}
.tvleft .block-name{font-family:var(--head);font-weight:700;font-size:5vh}
.tvleft .seglabel{font-size:3.2vh;font-weight:600;opacity:.92}
.tvleft .clock{font-family:var(--head);font-weight:800;font-size:min(30vh,19vw);line-height:.95;font-variant-numeric:tabular-nums;margin:1vh 0}
.tvleft .clock.hot{color:#FFE27A}
.tvleft .exnow{font-family:var(--head);font-weight:800;font-size:6vh;line-height:1.1}
.tvleft .next{font-size:2.8vh;opacity:.85;margin-top:1.5vh}
.tvright{background:rgba(0,0,0,.2);border-radius:2vh;padding:2.5vh 2vw;overflow:hidden;display:flex;flex-direction:column;min-height:0}
.tvright h3{font-size:3vh;margin-bottom:1.5vh;opacity:.85}
.tvright ol{margin:0;padding:0;list-style:none;font-size:3.6vh;line-height:1.25}
.tvright li{padding:1vh 0;border-bottom:1px solid rgba(255,255,255,.18);display:flex;gap:1.5vw}
.tvright li.cur{font-weight:800;color:#FFE27A}
.tvright li b{font-family:var(--head);min-width:5vw}
.tvright li small{display:block;font-size:2.3vh;opacity:.8;font-weight:400}
.tvright .bnotes{margin-top:auto;font-size:2.6vh;opacity:.9;white-space:pre-wrap}
.tvbottom{padding:0 3vw 2.5vh}
.tvbottom .classbar{height:1.6vh;margin:0 0 1.2vh}
.tvbottom .row{font-size:2.4vh;justify-content:space-between}
.tvidle{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3vh;text-align:center}
.tvidle .now{font-family:var(--head);font-weight:800;font-size:22vh;line-height:1}
.tvidle p{font-size:3vh;opacity:.8;margin:0}
.tvpause{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);text-align:center;font-family:var(--head);
  font-weight:800;font-size:8vh;letter-spacing:.1em;background:rgba(0,0,0,.55);padding:2vh;pointer-events:none}
.unlock{position:fixed;inset:0;background:rgba(23,10,28,.92);display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:3vh;color:#fff;z-index:50;cursor:pointer;text-align:center;font-size:3vh;padding:4vw}
.unlock .btn{font-size:3vh;padding:2vh 4vw;min-height:auto;background:var(--olive)}

/* ---------- adhérent */
.sets{width:100%;border-collapse:collapse}
.sets th{font-size:12px;color:var(--muted);font-weight:600;text-align:left;padding:4px}
.sets td{padding:4px}
.sets input{min-height:44px;text-align:center;padding:6px}
.sets td.n{font-family:var(--head);font-weight:700;color:var(--violet);width:28px}
.sets td.ck{width:52px}
.ckbtn{width:46px;height:44px;border-radius:10px;border:1.5px solid var(--line);background:#fff;font-size:20px;cursor:pointer;color:#fff}
.ckbtn.on{background:var(--olive);border-color:var(--olive)}
.prev{font-size:13px;color:var(--olive-d);font-weight:600}
.lb{width:100%;border-collapse:collapse;font-size:14px;margin-top:8px}
.lb td{padding:6px 4px;border-bottom:1px solid var(--line)}
.lb td.rk{font-family:var(--head);font-weight:800;color:var(--violet);width:30px}
.lb tr.me td{background:#F4F7E8;font-weight:700}
.overlay{position:fixed;inset:0;z-index:60;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;
  color:#fff;background:var(--violet);padding:24px;text-align:center}
.overlay.work{background:var(--olive)}
.overlay .clock{font-family:var(--head);font-weight:800;font-size:min(40vw,200px);line-height:1;font-variant-numeric:tabular-nums}
.overlay .lbl{font-family:var(--head);font-size:24px;font-weight:700}
.toast{position:fixed;left:50%;bottom:90px;transform:translateX(-50%);background:var(--ink);color:#fff;padding:12px 18px;
  border-radius:12px;z-index:80;font-weight:600;max-width:90vw;box-shadow:0 6px 24px rgba(0,0,0,.25)}
.toast.err{background:var(--danger)}
.login{max-width:420px;margin:8vh auto;padding:0 16px}
.login .card{padding:22px}
.biglogo{text-align:center;margin:-6px 0 14px}.biglogo img{width:min(260px,80%);height:auto}
.linkbox{display:flex;gap:8px}
.linkbox input{font-size:13px}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* =================================================================== v2 : structure responsive */
body.noscroll{overflow:hidden}
.shell{min-height:100%}
.side{display:none}
.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:grid;grid-template-columns:repeat(5,1fr);
  background:var(--violet-dd);padding:6px 4px calc(6px + env(safe-area-inset-bottom,0px));box-shadow:0 -6px 24px rgba(23,10,28,.25)}
.tab{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;color:#CFC3D6;text-decoration:none;font-size:11px;font-weight:600;padding:6px 2px;border-radius:12px}
.tab .ti{font-size:20px;line-height:1}
.tab.on{color:#fff;background:rgba(157,176,58,.22)}
.tab.on span:last-child,.tab.on span:nth-child(2){color:#fff}
.nb,.tbadge{background:var(--olive-b);color:var(--violet-dd);font-weight:800;font-size:11px;border-radius:999px;padding:1px 7px;min-width:20px;text-align:center}
.tab .nb{position:absolute;top:2px;right:18%}
.tile{position:relative}
.tbadge{position:absolute;top:12px;right:12px;font-size:14px;padding:3px 10px}
.wrap{padding-bottom:140px}
.savebar{bottom:calc(64px + env(safe-area-inset-bottom,0px));padding-bottom:12px}
.sec{margin:24px 0 10px}
.cols{display:grid;gap:16px}
.iico{font-size:22px;width:30px;text-align:center;flex-shrink:0}
@media (min-width:700px){
  .shell{display:grid;grid-template-columns:92px 1fr}
  .side{display:flex;flex-direction:column;gap:6px;position:sticky;top:0;height:100vh;background:var(--violet-dd);color:#fff;padding:14px 8px;overflow-y:auto}
  .sidebrand .brand span,.sidebox,.sideme{display:none}
  .sidebrand{display:flex;justify-content:center;margin-bottom:10px}
  .navlink{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 4px;border-radius:14px;color:#CFC3D6;text-decoration:none;font-size:11.5px;font-weight:600;text-align:center}
  .navlink .ni{font-size:22px}
  .navlink:hover{background:rgba(255,255,255,.07);color:#fff}
  .navlink.on{background:var(--olive);color:#fff}
  .navlink .nb{position:absolute;top:4px;right:6px}
  .tabbar,.topbar{display:none}
  .savebar{bottom:0;left:92px}
  .wrap{padding:28px 28px 120px;max-width:1180px}
  .tiles{grid-template-columns:repeat(3,1fr)}
}
@media (min-width:1100px){
  .shell{grid-template-columns:236px 1fr}
  .side{padding:20px 14px}
  .sidebrand{justify-content:flex-start}
  .sidebrand .brand span{display:inline}
  .sidebrand .brand{font-size:24px}
  .sidebox,.sideme{display:block;font-size:13px;color:#CFC3D6;padding:0 10px}
  .sidebox{margin:-4px 0 14px}
  .sideme{margin-top:auto;padding-top:14px}
  .navlink{flex-direction:row;gap:12px;font-size:15px;padding:11px 12px;text-align:left}
  .navlink .ni{font-size:20px;width:26px;text-align:center}
  .navlink .nb{position:static;margin-left:auto}
  .savebar{left:236px}
  .cols{grid-template-columns:1fr 1fr;align-items:start}
  .tiles{grid-template-columns:repeat(4,1fr)}
  .tile.big{grid-column:span 2;grid-row:span 2;min-height:250px}
  .tile.big .t{font-size:34px}
}

/* =================================================================== pastilles d'exercice */
.exchip{display:inline-flex;align-items:center;gap:8px;max-width:100%;min-height:44px;border:0;border-radius:12px;padding:6px 12px 6px 6px;
  background:color-mix(in srgb,var(--c) 12%,#fff);color:var(--ink);font-weight:700;cursor:pointer;text-align:left}
.exchip .ico{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--c);font-size:17px;flex-shrink:0}
.exchip .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.exlist{display:grid;gap:8px;margin-bottom:10px}
.exrow2{display:grid;grid-template-columns:1fr 70px 96px auto;gap:8px;align-items:center}
.exrow2 input{min-height:44px;padding:8px}
.exbtns{display:flex;gap:4px}
@media (max-width:560px){.exrow2{grid-template-columns:1fr 1fr auto;background:#F6F4F8;border-radius:14px;padding:8px}.exrow2 .exchip{grid-column:1/-1}}
.btn.addex{background:var(--olive);width:100%;min-height:52px;font-size:16px;border-radius:14px}
.blk{display:inline-grid;place-items:center;min-width:28px;height:26px;padding:0 6px;border-radius:8px;background:var(--violet);color:#fff;font-family:var(--head);font-size:14px;font-weight:800;vertical-align:middle}

/* =================================================================== feuille (sélecteur, fiches) */
.veil{position:fixed;inset:0;z-index:70;background:rgba(23,10,28,0);display:flex;align-items:flex-end;justify-content:center;transition:background .2s}
.veil.in{background:rgba(23,10,28,.55)}
.sheet{width:100%;max-width:980px;height:92vh;background:var(--paper);border-radius:22px 22px 0 0;display:flex;flex-direction:column;
  transform:translateY(30px);opacity:0;transition:transform .22s ease,opacity .22s;box-shadow:0 -10px 40px rgba(0,0,0,.3)}
.veil.in .sheet{transform:none;opacity:1}
.sheet.small{height:auto;max-height:86vh}
.sheet-head{padding:10px 18px 12px;background:#fff;border-radius:22px 22px 0 0;border-bottom:1px solid var(--line)}
.sheet-head h2{font-size:22px}
.sheet-head .count{margin-left:auto;margin-right:10px;color:var(--olive-d);font-weight:800}
.grab{width:44px;height:5px;border-radius:9px;background:var(--line);margin:0 auto 8px}
.sheet-body{flex:1;overflow-y:auto;padding:16px 18px calc(24px + env(safe-area-inset-bottom,0px))}
@media (min-width:700px){.veil{align-items:center}.sheet{height:86vh;border-radius:22px}.sheet-head{border-radius:22px 22px 0 0}.grab{display:none}}
.psearch{width:100%;margin:10px 0;font-size:17px;padding:13px 14px 13px 42px;border:1.5px solid var(--line);border-radius:14px;min-height:50px;
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%23675B6D' stroke-width='2'%3E%3Ccircle cx='9' cy='9' r='6'/%3E%3Cpath d='m14 14 4 4'/%3E%3C/svg%3E") no-repeat 14px center}
.pcats{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
.pcats.wrapchips{flex-wrap:wrap;overflow:visible;margin-bottom:10px}
.pcat{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;border:2px solid color-mix(in srgb,var(--c) 30%,#fff);background:#fff;color:var(--c);
  border-radius:999px;padding:7px 13px;font-weight:700;font-size:14px;cursor:pointer}
.pcat.on{background:var(--c);color:#fff;border-color:var(--c)}
.psec{font-size:15px;color:var(--muted);margin:6px 0 10px}
.pgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:14px}
@media (min-width:560px){.pgrid{grid-template-columns:repeat(3,1fr)}}
@media (min-width:900px){.pgrid{grid-template-columns:repeat(4,1fr)}.pgrid.lib{grid-template-columns:repeat(4,1fr)}}
.pcard{display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;border:0;cursor:pointer;background:#fff;border-radius:16px;padding:12px;
  border-bottom:4px solid var(--c);min-height:112px;transition:transform .12s}
.pcard:hover{transform:translateY(-2px)}
.pcard:active{transform:scale(.97)}
.pcard .ico{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--c);font-size:20px}
.pcard .nm{font-weight:800;font-size:15px;line-height:1.2}
.pcard .tags{font-size:12px;color:var(--muted);margin-top:auto}
.composer{max-width:560px;margin:0 auto}
.chero{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.chero h2{font-size:26px}
.ico.big{display:grid;place-items:center;width:58px;height:58px;border-radius:16px;background:var(--c);font-size:30px;flex-shrink:0}
.stepper{background:#fff;border-radius:16px;padding:12px;margin-bottom:10px}
.stepper .lbl{display:block;font-size:13px;font-weight:700;color:var(--muted);margin-bottom:8px}
.stp{display:grid;grid-template-columns:56px 1fr 56px;gap:8px}
.stp input{text-align:center;font-family:var(--head);font-size:24px;font-weight:800;min-height:56px}
.sbtn{border:0;border-radius:14px;background:var(--violet);color:#fff;font-size:28px;font-weight:700;cursor:pointer;min-height:56px}
.sbtn:active{transform:scale(.94)}
.qchips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.qchip{border:1.5px solid var(--line);background:var(--paper);border-radius:999px;padding:6px 12px;font-weight:700;cursor:pointer;min-height:36px}
.qchip:active{background:var(--olive);color:#fff}
.addbtn{font-size:18px;min-height:56px}

/* =================================================================== programmes */
.weekbar{display:flex;gap:6px;overflow-x:auto;padding:4px 0 10px;margin-bottom:6px;scrollbar-width:thin}
.wchip{flex-shrink:0;border:2px solid var(--line);background:#fff;border-radius:12px;min-width:50px;min-height:44px;font-family:var(--head);font-weight:800;font-size:16px;color:var(--violet);cursor:pointer}
.wchip.on{background:var(--violet);border-color:var(--violet);color:#fff}
.wchip.now{border-color:var(--olive-b)}
.pex{border-top:1px solid var(--line);padding:12px 0 4px}
.pexhead{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.pexhead .exchip{flex:1;min-width:0}
.pgrid4{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.pgrid4 .span2{grid-column:span 2}
@media (max-width:560px){.pgrid4{grid-template-columns:1fr 1fr}.pgrid4 .span2{grid-column:1/-1}}
.pgrid4 label.f,.pex .grid2 label.f{margin-bottom:6px}
.pex.timed{background:#F4F7E8;border-radius:12px;padding:12px;margin:8px 0;border:0}
.timedcard{border-left:6px solid var(--olive)}
.kv{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid var(--line);font-size:14px}
.kv span{color:var(--muted)}
.kv b{text-align:right}
.alert{background:#FBE7C6;color:#5C3600;border-radius:12px;padding:10px 12px;font-weight:600;margin:8px 0}
.hero-card{background:var(--violet);color:#fff;border:0}
.hero-card .small,.hero-card .muted{color:#E3D9E8}
.choice{display:grid;grid-template-columns:1fr 1fr;gap:12px}

/* =================================================================== questionnaire */
.wizard{max-width:720px;margin:0 auto}
.wbar{height:8px;border-radius:9px;background:var(--line);overflow:hidden;margin-bottom:16px}
.wbar i{display:block;height:100%;background:linear-gradient(90deg,var(--violet),var(--olive));transition:width .3s}
.wstep{margin:0;color:var(--olive-d);font-weight:700;font-size:14px}
.whead h1{margin:2px 0 4px}
.whead p.muted{margin:0 0 14px}
.wtiles{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.wtiles.three{grid-template-columns:repeat(3,1fr)}
@media (max-width:480px){.wtiles.three{grid-template-columns:1fr}}
.wtile{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;border:2px solid var(--line);background:#fff;border-radius:18px;padding:14px;cursor:pointer;min-height:96px}
.wtile .wi{font-size:28px}
.wtile .wt{font-family:var(--head);font-weight:800;font-size:19px}
.wtile .wd{font-size:13px;color:var(--muted)}
.wtile.on{border-color:var(--olive);background:#F1F5DF;box-shadow:inset 0 0 0 1px var(--olive)}
.wbadge{position:absolute;top:10px;right:10px;width:26px;height:26px;border-radius:50%;background:var(--olive);color:#fff;display:grid;place-items:center;font-weight:800}
.chips.big .chip{font-size:17px;padding:10px 18px;min-height:48px}
.wnav{display:flex;justify-content:space-between;gap:10px;margin-top:22px;position:sticky;bottom:calc(10px + env(safe-area-inset-bottom,0px))}
.wnav .btn{min-width:140px;min-height:52px;font-size:16px}
.parq{display:grid;gap:8px}
.pq{background:#fff;border-radius:14px;padding:12px;display:flex;justify-content:space-between;gap:12px;align-items:center}
.pq p{margin:0;font-size:14.5px}
.yn{display:flex;gap:6px;flex-shrink:0}
.recap{background:#fff;border-radius:16px;padding:14px;margin-bottom:12px}
.recap p{margin:4px 0}
.joinwrap{min-height:100%}
.jointop{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--violet);color:#fff}
.jointop .sub{margin-left:auto;font-size:14px;opacity:.85}
.wrap.narrow{max-width:760px}
.joinhero{text-align:center;padding:26px}
.joinhero p{max-width:520px;margin:10px auto}
.bigcheck{width:84px;height:84px;margin:6px auto 10px;border-radius:50%;background:var(--olive);color:#fff;font-size:46px;display:grid;place-items:center;animation:pop .4s ease}
@keyframes pop{0%{transform:scale(.4);opacity:0}80%{transform:scale(1.08)}100%{transform:none;opacity:1}}
.spinner{width:46px;height:46px;margin:10px auto;border-radius:50%;border:5px solid var(--line);border-top-color:var(--olive);animation:spin 1s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.bigcheck,.spinner{animation:none}}

a.btn{text-decoration:none}
.sheet-head .row h2{flex:1;min-width:0}
.pill{white-space:nowrap}
.hero-card input{color:var(--ink)}
.hero-card .linkbox .btn{background:var(--olive)}

/* =================================================================== v3 : espaces séparés */
.spaceswitch{display:flex;gap:4px;background:rgba(0,0,0,.25);border-radius:999px;padding:3px;margin-left:auto}
.spaceswitch a{color:#E3D9E8;text-decoration:none;font-weight:700;font-size:13px;padding:6px 10px;border-radius:999px}
.spaceswitch a.on{background:var(--olive);color:#fff}
.spaceswitch + .sub{margin-left:8px}
.navgroup{font-size:11px;font-weight:800;color:#9C8BA6;text-transform:none;letter-spacing:.02em;padding:14px 12px 4px;display:none}
.navgroup.on{color:var(--olive-b)}
@media (min-width:1100px){.navgroup{display:block}}
.spaces{display:grid;gap:14px}
@media (min-width:760px){.spaces{grid-template-columns:1fr 1fr}}
.space{display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;border:0;cursor:pointer;border-radius:22px;padding:22px;min-height:230px;color:#fff;background:var(--violet)}
.space.coach{background:var(--olive)}
.space .sic{font-size:40px}
.space .st{font-family:var(--head);font-weight:800;font-size:30px}
.space .sl{font-size:15px;opacity:.9}
.space .sgo{margin-top:auto;font-weight:800;background:rgba(255,255,255,.18);padding:8px 14px;border-radius:999px}
.space:active{transform:scale(.99)}
.avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--violet);color:#fff;font-family:var(--head);font-weight:800;flex-shrink:0}
.codepill{font-family:var(--head);font-weight:800;letter-spacing:.12em;background:var(--paper);color:var(--violet);padding:4px 10px;border-radius:8px}
.bigcode{font-family:var(--head);font-weight:800;font-size:44px;letter-spacing:.18em;margin:6px 0 4px}
.bigcode.dark{color:var(--violet);text-align:center;font-size:52px}
.btn.big{min-height:56px;font-size:18px;padding:14px 22px}

/* =================================================================== v3 : espace client */
.codecard{text-align:center}
.codeinput{text-align:center;font-family:var(--head);font-weight:800;font-size:34px;letter-spacing:.25em;text-transform:uppercase;min-height:70px}
.cheer{font-size:17px;font-weight:600;color:var(--violet);margin:0 0 14px}
.cheer.small{font-size:14px}
.hero2{background:linear-gradient(135deg,var(--violet),#5A2D69);color:#fff;border:0;padding:20px}
.hero2 h2{font-size:26px;margin:2px 0 6px}
.hero2 .small{opacity:.85}
.hero2 .eyebrow{margin:0;font-weight:700;color:var(--olive-b);font-size:14px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}
.stat{background:#fff;border-radius:16px;padding:12px 6px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:default}
.stat[role=button]{cursor:pointer}
.stat span{font-size:12px;color:var(--muted);line-height:1.2}
.stat .big{font-family:var(--head);font-size:26px;color:var(--violet);line-height:1}
.stats.small4 .stat{background:var(--paper)}
.ring{--p:0;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--olive) calc(var(--p)*1%),var(--line) 0)}
.ring b{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff;font-family:var(--head);font-size:13px;color:var(--violet)}
@media (max-width:420px){.stats{grid-template-columns:repeat(2,1fr)}}
.goal .gbar{height:12px;border-radius:9px;background:var(--line);overflow:hidden;margin:8px 0}
.goal .gbar i{display:block;height:100%;background:linear-gradient(90deg,var(--violet),var(--olive));border-radius:9px}
.wgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.wrow{display:flex;align-items:center;gap:10px;border:0;background:#fff;border-radius:12px;padding:10px 12px;cursor:pointer}
.wrow b{font-family:var(--head);color:var(--violet);min-width:30px;text-align:left}
.dots{display:flex;gap:5px;flex-wrap:wrap}
.dots i{width:14px;height:14px;border-radius:50%;background:var(--line)}
.dots i.d{background:var(--olive)}
.dots i.n{background:#fff;box-shadow:inset 0 0 0 3px var(--violet)}
.excard .exname{font-family:var(--head);font-size:19px}
.excard.done{opacity:.7;border-left:5px solid var(--olive)}
.adapt{margin:8px 0 0;font-size:13px;font-weight:700;padding:6px 10px;border-radius:10px;display:inline-block}
.adapt.up{background:#E3EBCB;color:var(--olive-d)}
.adapt.hold{background:#ECE7F0;color:var(--violet)}
.adapt.down{background:#FBE7C6;color:#7A4600}
.setdots{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.setdots span{min-width:28px;height:28px;padding:0 8px;border-radius:999px;background:var(--paper);display:grid;place-items:center;font-size:12px;font-weight:700;color:var(--muted)}
.setdots span.on{background:var(--olive);color:#fff}
.recv{font-family:var(--head);font-size:20px;color:var(--olive-d)}
.item.rec{cursor:default}
/* séance guidée */
.guided{position:fixed;inset:0;z-index:90;background:linear-gradient(160deg,var(--violet-dd),var(--violet));color:#fff;display:flex;flex-direction:column;overflow-y:auto;
  padding:env(safe-area-inset-top,0px) 0 env(safe-area-inset-bottom,0px)}
.gtop{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;font-weight:700;opacity:.9}
.gx{border:0;background:rgba(255,255,255,.15);color:#fff;width:42px;height:42px;border-radius:50%;font-size:18px;cursor:pointer}
.gprog{font-family:var(--head)}
.gbody{flex:1;display:flex;flex-direction:column;justify-content:center;gap:10px;padding:10px 20px 28px;max-width:560px;width:100%;margin:0 auto;text-align:center}
.glbl{margin:0;color:var(--olive-b);font-weight:800;font-size:16px}
.gname{font-size:clamp(30px,8vw,46px);line-height:1.05}
.gtarget{margin:0;font-size:18px;opacity:.9}
.gnote{opacity:.85;margin:0}
.gclock{font-family:var(--head);font-weight:800;font-size:min(32vw,170px);line-height:1;font-variant-numeric:tabular-nums}
.gnext{opacity:.85;margin:0}
.grow3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.guided .btn.ghost{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.25)}
.guided .stepper{background:rgba(255,255,255,.1);text-align:left}
.guided .stepper .lbl{color:#E3D9E8}
.guided .stp input{background:#fff;color:var(--ink)}
.guided .sbtn{background:var(--olive)}
.gfields{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.gfields.one{grid-template-columns:1fr}
@media (max-width:420px){.gfields{grid-template-columns:1fr}}
.gdone{min-height:64px;font-size:20px}
.guided .adapt{align-self:center}
.guided .wtile{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.2);align-items:center}
.guided .wtile.on{background:var(--olive);border-color:var(--olive)}
.prline{margin:0;font-weight:800;color:#FFE27A}
.tours{font-size:20px;min-height:60px}
.spaceswitch a{white-space:nowrap}
@media (max-width:480px){.spaceswitch + .sub{display:none}.spaceswitch a{padding:6px 9px;font-size:12.5px}}
.tonechip{border:0;background:#fff;border-radius:999px;padding:8px 14px;font-weight:700;color:var(--violet);cursor:pointer;margin:-4px 0 12px;box-shadow:0 1px 0 var(--line)}
.checkin .ckrow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line)}
.checkin .ckrow span{font-weight:700;min-width:110px}
.checkin .chips{margin:0}
.wnav{background:linear-gradient(rgba(239,237,241,0),var(--paper) 35%);padding:18px 0 6px;margin-left:-4px;margin-right:-4px}

/* =================================================================== v4 : écran TV dans un cadre (démo) + paysage */
.tvframe{position:relative;container-type:size;aspect-ratio:16/9;width:100%;border-radius:16px;overflow:hidden;background:#000;box-shadow:0 20px 60px rgba(23,10,28,.35);border:10px solid #111}
.tvframe .tvroot{position:absolute;inset:0;display:flex;flex-direction:column;color:#fff;background:var(--violet-d);transition:background-color .35s}
.tvframe .tvroot.ph-work{background:var(--olive)}
.tvframe .tvroot.ph-rest,.tvframe .tvroot.ph-transition{background:var(--violet)}
.tvframe .tvroot.ph-lead{background:var(--violet-dd)}
.tvframe .tvroot.ph-free{background:var(--violet-l)}
.tvframe .tvtop{display:flex;align-items:center;gap:3cqw;padding:2cqh 3cqw;font-size:2.4cqh;background:rgba(0,0,0,.22)}
.tvframe .tvtop .brand{font-size:3.4cqh}
.tvframe .tvtop .grow{text-align:center;font-family:var(--head);font-weight:700;font-size:3cqh}
.tvframe .tvtop .now{font-family:var(--head);font-weight:800;font-size:4cqh;font-variant-numeric:tabular-nums}
.tvframe .tvmain{flex:1;display:grid;grid-template-columns:1.35fr 1fr;gap:3cqw;padding:3cqh 3cqw;min-height:0}
.tvframe .tvleft{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-width:0}
.tvframe .tvleft .block-name{font-family:var(--head);font-weight:700;font-size:5cqh}
.tvframe .tvleft .seglabel{font-size:3.2cqh;font-weight:600;opacity:.92}
.tvframe .tvleft .clock{font-family:var(--head);font-weight:800;font-size:min(30cqh,19cqw);line-height:.95;font-variant-numeric:tabular-nums;margin:1cqh 0}
.tvframe .tvleft .clock.hot{color:#FFE27A}
.tvframe .tvleft .exnow{font-family:var(--head);font-weight:800;font-size:6cqh;line-height:1.1}
.tvframe .tvleft .next{font-size:2.8cqh;opacity:.85;margin-top:1.5cqh}
.tvframe .tvright{background:rgba(0,0,0,.2);border-radius:2cqh;padding:2.5cqh 2cqw;overflow:hidden;display:flex;flex-direction:column;min-height:0}
.tvframe .tvright h3{font-size:3cqh;margin-bottom:1.5cqh;opacity:.85}
.tvframe .tvright ol{margin:0;padding:0;list-style:none;font-size:3.6cqh;line-height:1.25}
.tvframe .tvright li{padding:1cqh 0;border-bottom:1px solid rgba(255,255,255,.18);display:flex;gap:1.5cqw}
.tvframe .tvright li.cur{font-weight:800;color:#FFE27A}
.tvframe .tvright li b{font-family:var(--head);min-width:5cqw}
.tvframe .tvright li small{display:block;font-size:2.3cqh;opacity:.8;font-weight:400}
.tvframe .tvright .bnotes{margin-top:auto;font-size:2.6cqh;opacity:.9;white-space:pre-wrap}
.tvframe .tvbottom{padding:0 3cqw 2.5cqh}
.tvframe .tvbottom .classbar{height:1.6cqh;margin:0 0 1.2cqh}
.tvframe .tvbottom .row{font-size:2.4cqh;justify-content:space-between}
.tvframe .tvidle{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3cqh;text-align:center}
.tvframe .tvidle .now{font-family:var(--head);font-weight:800;font-size:22cqh;line-height:1}
.tvframe .tvidle p{font-size:3cqh;opacity:.8;margin:0}
.tvpause{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);text-align:center;font-family:var(--head);
  font-weight:800;font-size:8cqh;letter-spacing:.1em;background:rgba(0,0,0,.55);padding:2cqh;pointer-events:none}
.unlock{position:fixed;inset:0;background:rgba(23,10,28,.92);display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:3cqh;color:#fff;z-index:50;cursor:pointer;text-align:center;font-size:3cqh;padding:4cqw}
.tvframe .unlock .btn{font-size:3cqh;padding:2cqh 4cqw;min-height:auto;background:var(--olive)}
.tvroot.over{z-index:95}
.landbar{position:fixed;right:12px;bottom:12px;z-index:96;display:flex;gap:8px}
.landbtn{width:52px;height:52px;border-radius:50%;border:0;background:rgba(0,0,0,.45);color:#fff;font-size:22px;cursor:pointer;backdrop-filter:blur(4px)}
.admintop{background:var(--violet-dd)}
.adminbadge{background:var(--olive);color:#fff;font-weight:800;font-size:12px;padding:4px 10px;border-radius:999px}
.spaceswitch.big{background:var(--violet);display:inline-flex;margin:0 0 16px}
.spaceswitch.big a{font-size:15px;padding:10px 16px}
.demo .demogrid{display:grid;gap:18px}
@media (min-width:900px){.demo .demogrid{grid-template-columns:380px 1fr;align-items:start}.wrap.demo{max-width:1400px}}
.phone{background:#fff;border-radius:28px;padding:16px;border:8px solid #1b1320;max-width:420px}
.offer{background:#F1F5DF;border:2px solid var(--olive)}

.topbar.admintop{display:flex!important}
.rights{display:grid;gap:2px;margin:10px 0}
.switch.danger{color:var(--red);font-weight:700}
/* ---------- démo */
.demostrip{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;justify-content:center;background:var(--olive);color:#fff;font-weight:700;font-size:13px;padding:7px 12px;padding-top:calc(7px + env(safe-area-inset-top,0px));text-align:center}
.demostrip a{color:#fff;text-decoration:underline}
.demotiles{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin:14px 0}
.demotile{display:flex;flex-direction:column;gap:6px;background:#fff;border-radius:18px;padding:18px;text-decoration:none;color:var(--ink);border:1px solid var(--line);box-shadow:0 2px 0 var(--line);min-height:150px}
.demotile .ic{font-size:30px}
.demotile b{font-family:var(--fd,inherit);font-size:20px}
.demotile span:last-child{color:var(--muted);font-size:14px;line-height:1.4}
.demotile.olive{background:var(--olive);color:#fff;border-color:var(--olive)}
.demotile.olive span:last-child,.demotile.dark span:last-child{color:rgba(255,255,255,.85)}
.demotile.dark{background:var(--violet-dd,#2a1530);color:#fff;border-color:transparent}
.center{text-align:center}
/* ---------- responsive : espace client et démos sur tablette / ordinateur */
@media (min-width:700px){
  body.mode-athlete .topbar,body.mode-join .topbar,body.mode-code .topbar{display:flex!important}
  body.mode-athlete .wrap,body.mode-join .wrap{max-width:860px;margin-left:auto;margin-right:auto}
}
@media (max-width:899px){.demo .phone{margin:0 auto}.demo .tvside{max-width:720px;margin:0 auto;width:100%}}
/* ---------- cours & coachs, dispos, réservations */
.weeknav{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;border-radius:14px;padding:8px;margin-bottom:12px;border:1px solid var(--line)}
.weeknav b{font-family:var(--fd,inherit);font-size:18px}
.coursday h3{margin-bottom:6px}
.coursday.today{border:2px solid var(--olive)}
.coursrow{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 0;border-top:1px solid var(--line)}
.coursrow:first-of-type{border-top:0}
.coursrow.off{opacity:.5}
.coursrow.mine .cinfo b{color:var(--olive)}
.cinfo{flex:1 1 200px;display:grid;grid-template-columns:auto 1fr;gap:2px 12px;text-align:left;background:none;border:0;padding:0;cursor:pointer;color:inherit;font:inherit;min-width:0}
.cinfo b{grid-row:span 2;font-size:15px;white-space:nowrap}
.cinfo small{color:var(--muted)}
.coachsel{flex:0 1 220px;min-width:0;max-width:100%;padding:8px 10px;border-radius:10px;border:1px solid var(--line);font:inherit;background:#fff}
.coachsel.empty{border-color:#e0a500;background:#fff8e0}
.dispohint{flex-basis:100%}
.dispoday{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 0;border-top:1px solid var(--line)}
.dispoday>b{width:90px}
.dispolist{display:flex;flex-wrap:wrap;gap:8px;align-items:center;flex:1}
.dispo{display:inline-flex;align-items:center;gap:4px;background:#F1F5DF;border-radius:10px;padding:4px 6px}
.dispo input{width:112px;border:0;background:transparent;font:inherit;font-size:15px;padding:4px}
.dispo .x{border:0;background:none;cursor:pointer;font-size:14px;color:var(--muted)}
.slotday{padding:6px 0;border-top:1px solid var(--line)}
.slotrow{padding:4px 0;gap:8px;flex-wrap:wrap}
.slotform{background:#f7f6f9;border-radius:12px;padding:12px;margin-top:10px}
.bookcard{display:flex;align-items:center;gap:12px;background:#fff;border-radius:14px;padding:12px;margin-bottom:8px;border:1px solid var(--line)}
.bookcard.mine{border:2px solid var(--olive)}
.bookcard.off{opacity:.55}
.bookcard .bt{display:flex;flex-direction:column;align-items:center;min-width:52px}
.bookcard .bt b{font-size:17px}
.bookcard .bt small{color:var(--muted)}
.bookcard .title{font-weight:700}
.bookcard .meta{color:var(--muted);font-size:13px}
.spacesel{max-width:100%;padding:6px 8px;border-radius:10px;border:0;font:inherit;font-weight:700;background:rgba(255,255,255,.14);color:#fff}
.side .spacesel{margin:0 14px 10px;width:calc(100% - 28px);background:rgba(255,255,255,.1)}
.spacesel option{color:#1b1320}
.attend{padding:4px 0}
@media (max-width:520px){.topbar .spacesel{max-width:140px;font-size:13px}}
/* ---------- partage */
.sharebox{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.sharebox .btn{flex:1 1 auto;justify-content:center}
.share-wa{background:#25D366!important;color:#fff!important;border-color:#25D366!important}
.share-sms{background:var(--violet)!important;color:#fff!important}
.share-mail{background:var(--olive)!important;color:#fff!important}
.kv.warnrow b,.kv.warnrow span{color:var(--red)}

/* ---------- hors ligne */
.offbar{position:sticky;top:0;z-index:60;background:#1b1320;color:#fff;font-weight:700;font-size:13px;text-align:center;padding:8px 12px;padding-top:calc(8px + env(safe-area-inset-top,0px))}
/* ---------- iOS 26 « Liquid Glass » : Safari colore ses barres d'après la page (theme-color ignoré).
   La barre du haut reste collée en haut avec un fond plein (pas de flou) pour que Safari prenne sa couleur ;
   les barres du bas laissent la place à la zone de sécurité ; hauteurs en dvh. */
html{background:var(--paper)}
.topbar,.jointop{position:sticky;top:0;z-index:30;padding-top:calc(12px + env(safe-area-inset-top,0px))}
.login,.boot{padding-top:env(safe-area-inset-top,0px)}
.demostrip+#app .topbar,.offbar+#app .topbar{padding-top:12px}
.side{height:100dvh}
@media (min-width:700px){.sheet{height:86dvh;max-height:86dvh}}
.toast{bottom:calc(90px + env(safe-area-inset-bottom,0px))}
.landbtn{backdrop-filter:none;background:rgba(0,0,0,.6)}
.landbar{bottom:calc(12px + env(safe-area-inset-bottom,0px));right:calc(12px + env(safe-area-inset-right,0px))}
@media (max-width:699px){.wrap{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}}
.guided{height:100dvh}
@supports not (height:100dvh){.side,.guided{height:100vh}}
/* ---------- fil d'Ariane + logo cliquable */
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;font-size:13px;margin:0 0 10px;color:var(--muted)}
.crumbs a{color:var(--violet);font-weight:700;text-decoration:none;padding:4px 0}
.crumbs a:hover{text-decoration:underline}
.crumbs i{font-style:normal;opacity:.6}
.crumbs span{color:var(--ink);font-weight:600;max-width:60vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
a.brand{text-decoration:none;color:inherit;cursor:pointer}
@media (max-width:699px){.crumbs+.back{display:none}}

/* ---------- champs date / heure sur iPhone : ne débordent plus du cadre */
input[type=date],input[type=time],input[type=datetime-local]{-webkit-appearance:none;appearance:none;display:block;width:100%;max-width:100%;min-width:0;box-sizing:border-box;text-align:left;min-height:46px}
input[type=date]::-webkit-date-and-time-value,input[type=time]::-webkit-date-and-time-value{text-align:left;margin:0}
.dispo input[type=time]{display:inline-block;width:112px;min-height:0}
.row input[type=date]{width:auto;flex:1 1 140px}
.pendinv{border-top:1px solid var(--line);padding-top:10px;margin-top:10px}
/* ---------- tableau de bord admin */
.adminhero .big{font-family:var(--fd,inherit);font-size:44px;font-weight:800;line-height:1.1;margin:4px 0 10px}
.adminhero .big small{font-size:15px;font-weight:600;opacity:.8;font-family:var(--body)}
.heropills{display:flex;flex-wrap:wrap;gap:6px}
.heropills span{background:rgba(255,255,255,.14);border-radius:999px;padding:5px 10px;font-size:13px;font-weight:700}
.minis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}
@media (min-width:900px){.minis{grid-template-columns:repeat(6,1fr)}}
.mini{background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 12px;display:flex;flex-direction:column}
.mini b{font-size:22px;font-family:var(--fd,inherit)}
.mini span{font-size:12px;color:var(--muted);line-height:1.2}
.atools{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0 4px}
.atool{display:flex;flex-direction:column;align-items:center;gap:4px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 6px;cursor:pointer;font:inherit;color:var(--ink)}
.atool span{font-size:22px}
.atool b{font-size:13px}
.acct{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;margin-bottom:8px;cursor:pointer;font:inherit;color:inherit}
.acct.off{opacity:.6}
.acct-ic{font-size:26px}
.acct-main{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}
.acct-main b{font-size:17px}
.acct-main small{color:var(--muted);font-size:13px}
.coachrow{padding:8px 0;border-bottom:1px solid var(--line);gap:10px}
.dangerzone{border:1px solid #f1c9c9}
.person.off{opacity:.65}
/* ---------- accueil coaching */
.coachhub{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.coachhub .hubtile:nth-child(3){grid-column:1 / -1}
@media (min-width:900px){.coachhub{grid-template-columns:repeat(3,1fr)}.coachhub .hubtile:nth-child(3){grid-column:auto}}
.hubtile{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:20px;padding:16px;min-height:150px;cursor:pointer;font:inherit;position:relative}
.hubtile .ic{font-size:30px;line-height:1;margin-bottom:6px}
.hubtile b{font-family:var(--fd,inherit);font-size:20px;line-height:1.1}
.hubtile span{font-size:13px;line-height:1.35;opacity:.85}
.hubtile.olive{background:var(--olive);color:#fff;border-color:var(--olive)}
.hubtile.dark{background:var(--violet);color:#fff;border-color:var(--violet)}
.hubtile:nth-child(3){min-height:0;flex-direction:row;align-items:center;gap:12px}
.hubtile:nth-child(3) .ic{margin:0}
.hubbar{display:block;width:100%;height:6px;border-radius:6px;background:rgba(255,255,255,.25);margin-top:auto}
.hubbar em{display:block;height:100%;border-radius:6px;background:#C5D86D}
.minis.three{grid-template-columns:repeat(3,1fr)}
.warnmini{border-color:#e0a500;background:#fff8e0}
.hubempty p{margin:4px 0}
.adminswitch{color:#fff;font-weight:700;font-size:13px;background:rgba(255,255,255,.14);padding:6px 10px;border-radius:999px;text-decoration:none;white-space:nowrap}
@media (max-width:520px){.adminswitch{font-size:12px;padding:5px 8px}}
/* ---------- lexique */
.infobtn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;margin-left:10px;vertical-align:middle;border-radius:50%;border:2px solid var(--violet);background:#fff;color:var(--violet);font:italic 800 15px/1 Georgia,serif;cursor:pointer;flex:none}
.lexlist{display:grid;gap:8px;margin-top:10px}
.lexitem{background:#f7f6f9;border-radius:12px;padding:10px 12px}
.lexitem b{color:var(--violet)}
.lexitem p{margin:4px 0 0;font-size:14px;line-height:1.45}