:root{
  --bg:var(--tg-theme-section-bg-color,var(--tg-theme-bg-color,#fff));
  --bg2:var(--tg-theme-secondary-bg-color,#f0f0f4);
  --txt:var(--tg-theme-text-color,#000);
  --hint:var(--tg-theme-hint-color,#6d6d72);
  --lien:var(--tg-theme-link-color,#1a73c7);
  --btn:var(--tg-theme-button-color,#2481cc);
  --btn-txt:var(--tg-theme-button-text-color,#fff);
  --sep:color-mix(in srgb,var(--hint) 28%,transparent);
  --creux:color-mix(in srgb,var(--hint) 17%,transparent);
  --vert:#2fb350; --vert-txt:#1b8a3a; --rouge:#ff3b30; --rouge-txt:#d1281e; --ora:#ff9f0a; --ora-txt:#a85f00;
}
@media (prefers-color-scheme:dark){
  :root{
    --bg:var(--tg-theme-section-bg-color,var(--tg-theme-bg-color,#1c1c1e));
    --bg2:var(--tg-theme-secondary-bg-color,#000);
    --txt:var(--tg-theme-text-color,#fff);
    --hint:var(--tg-theme-hint-color,#9a9aa1);
    --lien:var(--tg-theme-link-color,#62b0f4);
    --vert:#30d158; --vert-txt:#4cd96f; --rouge-txt:#ff6b60; --ora-txt:#ffb340;
  }
  .seg button.on{background:color-mix(in srgb,var(--txt) 20%,var(--bg))}
}
*{box-sizing:border-box;margin:0;-webkit-tap-highlight-color:transparent}
html,body{height:100%}
body{font-family:-apple-system,"Segoe UI",system-ui,Roboto,sans-serif;background:var(--bg2);color:var(--txt);font-size:17px;line-height:1.25;overscroll-behavior:none;-webkit-text-size-adjust:100%}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
input{font:inherit;color:var(--txt)}
[hidden]{display:none!important}
#app{height:100dvh;display:flex;flex-direction:column}
#main{flex:1;overflow-y:auto;padding:4px 16px 24px;-webkit-overflow-scrolling:touch}

/* barre d'onglets et boutons de démo */
#tabbar{flex:none;display:flex;background:var(--bg);border-top:.5px solid var(--sep);padding-bottom:env(safe-area-inset-bottom)}
#tabbar button{position:relative;flex:1;height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--hint);font-size:11px;font-weight:600}
#tabbar button.on{color:var(--lien)}
#tabbar svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#tabbar em{position:absolute;top:5px;left:calc(50% + 8px);min-width:18px;height:18px;border-radius:99px;background:var(--rouge);color:#fff;font-style:normal;font-size:11px;font-weight:700;display:grid;place-items:center;padding:0 5px}
#fakebar{flex:none;display:flex;gap:8px;padding:8px 12px;background:var(--bg);border-top:.5px solid var(--sep)}
#fakebar button{height:46px;border-radius:12px;font-weight:600;font-size:15px;line-height:1.15}
#fsec{flex:1.3;background:var(--creux);color:var(--lien)}
#fpub{flex:1;background:var(--btn);color:var(--btn-txt)}

.titre{display:flex;justify-content:space-between;align-items:baseline;padding:14px 4px 2px}
.titre h1{white-space:nowrap;font-size:28px;font-weight:800;letter-spacing:-.5px}
.titre span{color:var(--hint);font-size:15px;white-space:nowrap;margin-left:8px}
.demo{display:inline-block;margin:4px 4px 0;padding:2px 10px;border-radius:99px;background:var(--creux);color:var(--hint);font-size:12px;font-weight:600}
.seg{display:flex;background:var(--creux);border-radius:11px;padding:3px;margin:10px 0 4px}
.seg button{flex:1;height:40px;border-radius:9px;font-size:15px;font-weight:600;color:var(--txt)}
.seg button.on{background:var(--bg);box-shadow:0 1px 3px rgba(0,0,0,.18)}
h2{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--hint);text-transform:uppercase;font-weight:600;margin:20px 4px 7px;letter-spacing:.3px}
h2 small{font-size:12px;text-transform:none;letter-spacing:0;font-weight:500}
h2 .pt{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:7px;vertical-align:-1px}
.carte{background:var(--bg);border-radius:13px;overflow:hidden}
.vide{text-align:center;color:var(--hint);padding:40px 20px;font-size:16px}
.vide button{margin-top:12px;color:var(--lien);font-weight:600;height:44px;padding:0 16px}
.erreur{text-align:center;color:var(--hint);padding:60px 24px;font-size:17px}
.astuce{text-align:center;color:var(--hint);font-size:13px;margin-top:14px}

/* bandeau contrôle */
.ctl{display:flex;align-items:center;gap:12px;width:100%;min-height:62px;padding:10px 14px;margin-top:10px;border-radius:13px;text-align:left;background:var(--bg)}
.ctl i{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:800;font-size:18px;color:#fff;background:var(--hint)}
.ctl div{flex:1;min-width:0}
.ctl b{display:block;font-size:17px;font-weight:700}
.ctl small{display:block;font-size:13px;color:var(--hint);margin-top:2px}
.ctl em{font-style:normal;color:var(--hint);font-size:24px}
.ctl.ok{background:color-mix(in srgb,var(--vert) 16%,var(--bg))}.ctl.ok i{background:var(--vert)}.ctl.ok b{color:var(--vert-txt)}
.ctl.warn{background:color-mix(in srgb,var(--ora) 18%,var(--bg))}.ctl.warn i{background:var(--ora)}.ctl.warn b{color:var(--ora-txt)}
.ctl.bad{background:color-mix(in srgb,var(--rouge) 15%,var(--bg))}.ctl.bad i{background:var(--rouge)}.ctl.bad b{color:var(--rouge-txt)}

/* lignes de vin */
.vl{position:relative;display:flex;align-items:center;gap:8px;width:100%;min-height:58px;padding:8px 12px 8px 14px;text-align:left}
.vl + .vl::before,.cv + .cv::before,.cv + .ap::before,.ap + .cv::before{content:"";position:absolute;top:0;left:14px;right:0;border-top:.5px solid var(--sep)}
.vn{flex:1;min-width:0;display:flex;align-items:center;gap:8px}
.vn .tx{min-width:0;line-height:1.25}
.vn b{font-weight:500;font-size:17px;overflow-wrap:anywhere}
.vn small{font-size:13px;color:var(--hint);margin-left:3px;white-space:nowrap}
.vp{flex:none;min-width:34px;text-align:right;font-variant-numeric:tabular-nums;font-size:18px;font-weight:600}
.vp.manque{color:var(--rouge-txt);font-size:14px}
.mg{flex:none;width:54px;text-align:center;font-size:13px;font-weight:700;border-radius:99px;padding:4px 0;font-variant-numeric:tabular-nums}
.mg.bon{background:color-mix(in srgb,var(--vert) 18%,transparent);color:var(--vert-txt)}
.mg.moyen{background:color-mix(in srgb,var(--ora) 22%,transparent);color:var(--ora-txt)}
.mg.faible{background:color-mix(in srgb,var(--rouge) 16%,transparent);color:var(--rouge-txt)}
.mg.vide{background:none}

/* cave */
.rech{position:sticky;top:0;z-index:5;background:var(--bg2);padding:10px 0 2px;margin:0 -16px;padding-left:16px;padding-right:16px}
.rech input{width:100%;height:42px;border-radius:11px;border:0;background:var(--creux);padding:0 14px;font-size:17px;-webkit-appearance:none;appearance:none}
.rech input:focus{outline:2px solid var(--btn)}
.ap{position:relative;padding:10px 14px 4px;font-size:13px;font-weight:700;color:var(--hint);background:color-mix(in srgb,var(--hint) 7%,var(--bg))}
.cv{position:relative;display:flex;align-items:center;gap:6px;min-height:58px;padding-left:14px}
.cv .vn{align-self:stretch;align-items:center;padding:8px 0;text-align:left}
.cv .vn .dot{flex:none;width:9px;height:9px;border-radius:50%;align-self:center}
.cv.arch .vn b,.cv.arch .vp{color:var(--hint)}
.cv .vp{font-size:16px;font-weight:500;padding-right:2px}
.sw{flex:none;width:68px;height:58px;display:grid;place-items:center}
.sw i{position:relative;width:51px;height:31px;border-radius:99px;background:color-mix(in srgb,var(--hint) 40%,transparent);transition:background .2s}
.sw i::after{content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.3);transition:transform .2s}
.sw.on i{background:var(--vert)}
.sw.on i::after{transform:translateX(20px)}
.legende{display:flex;justify-content:flex-end;color:var(--hint);font-size:12px;padding:6px 8px 0}

/* factures */
.nbl{color:var(--hint);font-size:14px;margin:12px 4px 0}
.al{position:relative;display:flex;align-items:center;gap:10px;width:100%;min-height:66px;padding:10px 12px 10px 14px;text-align:left}
.al + .al::before{content:"";position:absolute;top:0;left:14px;right:0;border-top:.5px solid var(--sep)}
.al .fg{flex:1;min-width:0}
.al b{display:block;font-weight:600;font-size:15px;overflow-wrap:anywhere}
.al small.ver{color:var(--ora-txt);font-weight:600}
.al small{display:block;font-size:13px;color:var(--hint);margin-top:2px}
.al .q{flex:none;text-align:right;font-variant-numeric:tabular-nums;font-size:15px}
.al .q small{white-space:nowrap}
.hl{font-style:normal;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;background:color-mix(in srgb,var(--ora) 22%,transparent);color:var(--ora-txt);border-radius:99px;padding:2px 7px;margin-left:4px;white-space:nowrap;vertical-align:2px}
.al .chev,.cl .chev{color:var(--hint);font-style:normal;font-size:24px;flex:none}
.cl{position:relative;display:flex;align-items:center;gap:10px;width:100%;min-height:64px;padding:10px 12px 10px 14px;text-align:left}
.cl + .cl::before{content:"";position:absolute;top:0;left:14px;right:0;border-top:.5px solid var(--sep)}
.cl .fg{flex:1}.cl b{display:block;font-weight:600}.cl small{display:block;font-size:13px;color:var(--hint);margin-top:2px}

/* overlays */
.overlay{position:fixed;inset:0;background:var(--bg2);z-index:20;overflow-y:auto;padding:0 16px 40px}
.retour{display:flex;align-items:center;height:48px;color:var(--lien);font-size:17px;margin:0 -6px}
.retour button{padding:0 8px;height:44px;color:var(--lien);font-size:17px}
.entete{text-align:center;padding:10px 8px 4px}
.entete .n{font-size:26px;font-weight:700;letter-spacing:-.3px;overflow-wrap:anywhere}
.entete .c{font-size:15px;font-weight:600;margin-top:5px;display:flex;justify-content:center;align-items:center;gap:7px}
.entete .c .dot{width:11px;height:11px;border-radius:50%}
.entete .s{font-size:15px;color:var(--hint);margin-top:3px;overflow-wrap:anywhere}
.dot{display:inline-block}

/* bloc marge */
.mh{display:flex;justify-content:space-between;align-items:flex-end;padding:16px 16px 6px}
.mh small{display:block;font-size:13px;color:var(--hint);font-weight:500}
.mh .big{font-size:52px;font-weight:800;letter-spacing:-1.5px;font-variant-numeric:tabular-nums;line-height:1.05}
.mh .cf{text-align:right;font-size:34px;font-weight:800;letter-spacing:-.5px;font-variant-numeric:tabular-nums;line-height:1.05}
.mh .cf.bon{color:var(--vert-txt)}.mh .cf.moyen{color:var(--ora-txt)}.mh .cf.faible{color:var(--rouge-txt)}
.mh .cf.nul{font-size:15px;font-weight:600;color:var(--hint);letter-spacing:0;max-width:140px}
.apercu{margin:0 16px;font-size:13px;font-weight:600;color:var(--lien)}
.jauge{padding:12px 16px 12px;border-bottom:.5px solid var(--sep)}
.jbar{position:relative;display:flex;height:14px;border-radius:99px;overflow:visible}
.jbar i{display:block;height:100%}
.jr{background:var(--rouge);border-radius:99px 0 0 99px;width:28.6%}
.jo{background:var(--ora);width:14.3%}
.jv{background:var(--vert);border-radius:0 99px 99px 0;width:57.1%}
.jmark{position:absolute;top:-5px;width:6px;height:24px;margin-left:-3px;border-radius:3px;background:var(--txt);box-shadow:0 0 0 2.5px var(--bg);transition:left .15s}
.jlab{display:flex;margin-top:9px;font-size:12px;font-weight:700}
.jlab span{text-align:center}
.jlab .a{width:28.6%;color:var(--rouge-txt)}.jlab .b{width:14.3%;color:var(--ora-txt)}.jlab .c{width:57.1%;color:var(--vert-txt)}
.kv{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 16px;min-height:50px;font-size:17px}
.kv + .kv{border-top:.5px solid var(--sep)}
.kv span{color:var(--hint)}
.kv b{font-weight:600;text-align:right;font-variant-numeric:tabular-nums}
.kv.fort b{font-size:20px}
#mbk .kv:first-child,#mbh + .kv{border-top:.5px solid var(--sep)}
.kv b.bon{color:var(--vert-txt)}.kv b.moyen{color:var(--ora-txt)}.kv b.faible{color:var(--rouge-txt)}
.kv button.ed{color:var(--lien);font-weight:600;min-height:50px;flex:1;text-align:right;font-variant-numeric:tabular-nums}
.edit{display:flex;gap:8px;padding:6px 10px;align-items:center}
.edit input{flex:1;min-width:0;height:44px;border-radius:10px;border:1.5px solid var(--btn);background:var(--bg2);padding:0 12px;font-size:17px}
.edit button{height:44px;padding:0 16px;border-radius:10px;background:var(--btn);color:var(--btn-txt);font-weight:600}
.edit button.nul{background:var(--creux);color:var(--txt)}
.petit{font-size:13px;color:var(--hint);margin:8px 6px 0;overflow-wrap:anywhere}

/* calculateur */
.calc{padding:14px}
.calc label{display:block;font-size:13px;color:var(--hint);margin-bottom:8px}
.crow{display:flex;gap:8px}
.crow button{flex:none;width:72px;height:56px;border-radius:12px;background:var(--creux);font-size:22px;font-weight:600}
.crow input{flex:1;min-width:0;height:56px;border-radius:12px;border:1.5px solid var(--sep);background:var(--bg2);text-align:center;font-size:28px;font-weight:700;font-variant-numeric:tabular-nums}
.crow input:focus{outline:0;border-color:var(--btn)}
.prim{display:block;width:100%;margin-top:12px;min-height:52px;border-radius:13px;background:var(--btn);color:var(--btn-txt);font-weight:600;font-size:17px}
.prim:disabled{background:var(--creux);color:var(--hint);cursor:default}
.prim.dang{background:var(--rouge);color:#fff}
.lien{display:block;width:100%;min-height:50px;color:var(--lien);font-weight:600;font-size:17px}
.lien.rouge{color:var(--rouge-txt)}

/* historique */
.graph{padding:12px 10px 8px}
.graph svg{display:block;width:100%;height:auto;overflow:visible}
.graph .l{fill:none;stroke:var(--lien);stroke-width:2.4;stroke-linejoin:round;stroke-linecap:round}
.graph .a{fill:color-mix(in srgb,var(--lien) 12%,transparent);stroke:none}
.graph .g{stroke:var(--sep);stroke-width:1}
.graph .d{fill:var(--bg);stroke:var(--lien);stroke-width:2.2}
.graph .d.last{fill:var(--lien)}
.graph text{fill:var(--hint);font-size:12px;font-family:inherit;font-variant-numeric:tabular-nums}
.graph .axe{display:flex;justify-content:space-between;color:var(--hint);font-size:13px;margin-top:4px;padding:0 2px}
.graph .rien{text-align:center;color:var(--hint);padding:30px 10px;font-size:15px}
.vari{text-align:center;font-size:18px;font-weight:700;padding:12px 0 2px}
.vari.haut{color:var(--rouge-txt)}.vari.bas{color:var(--vert-txt)}.vari.stable{color:var(--hint)}
.ach{position:relative;display:flex;justify-content:space-between;gap:12px;padding:11px 14px;min-height:58px}
.ach + .ach::before{content:"";position:absolute;top:0;left:14px;right:0;border-top:.5px solid var(--sep)}
.ach b{font-weight:600;display:block}
.ach small{display:block;font-size:12px;color:var(--hint);margin-top:2px;overflow-wrap:anywhere}
.ach .m{text-align:right;font-variant-numeric:tabular-nums;font-weight:600;flex:none}

/* feuilles */
#feuille{position:fixed;inset:0;z-index:40;background:rgba(0,0,0,.4);display:flex;align-items:flex-end}
#feuille .f{box-shadow:0 -1px 0 var(--sep);width:100%;max-height:86dvh;overflow-y:auto;background:var(--bg2);border-radius:18px 18px 0 0;padding:14px 12px calc(14px + env(safe-area-inset-bottom))}
#feuille h3{text-align:center;font-size:15px;color:var(--hint);font-weight:500;margin:2px 0 10px;overflow-wrap:anywhere}
#feuille .ctexte{text-align:center;font-size:16px;line-height:1.35;margin:0 8px 6px}
#feuille .annule{display:block;width:100%;margin-top:10px;min-height:54px;border-radius:13px;background:var(--bg);font-weight:600;color:var(--lien);font-size:18px}
#feuille .prim{font-size:18px;min-height:54px}
#feuille .pb{display:flex;align-items:center;gap:10px;width:100%;min-height:58px;padding:8px 14px;text-align:left;position:relative}
#feuille .pb + .pb::before{content:"";position:absolute;top:0;left:14px;right:0;border-top:.5px solid var(--sep)}
#feuille .pb .fg{flex:1;min-width:0}
#feuille .pb b{display:block;font-weight:500;font-size:16px;overflow-wrap:anywhere}
#feuille .pb small{display:block;font-size:13px;color:var(--hint);margin-top:1px}
#feuille .gr{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;color:var(--hint);margin:12px 6px 6px}
.gdot{flex:none;width:11px;height:11px;border-radius:50%}
.gdot.bloquant{background:var(--rouge)}.gdot.attention{background:var(--ora)}.gdot.info{background:var(--hint)}
.rl{padding:12px 14px;margin-bottom:10px}
.rl b{display:block;font-size:16px;overflow-wrap:anywhere}.rl small{display:block;font-size:13px;color:var(--hint);margin-top:3px}
.rq{width:100%;height:46px;border-radius:11px;border:0;background:var(--creux);padding:0 14px;font-size:17px;margin-bottom:8px;-webkit-appearance:none;appearance:none}
.rq:focus{outline:2px solid var(--btn)}
.etape{display:flex;align-items:center;gap:12px;min-height:52px;padding:0 16px;font-size:17px}
.etape + .etape{border-top:.5px solid var(--sep)}
.etape i{font-style:normal;font-size:20px;width:26px;text-align:center}
.rond{width:20px;height:20px;border-radius:50%;border:3px solid var(--creux);border-top-color:var(--lien);animation:tourne .8s linear infinite;margin:0 3px}
@keyframes tourne{to{transform:rotate(360deg)}}
.reslt{text-align:center;font-weight:700;font-size:20px;margin:6px 0 12px}
.reslt.ok{color:var(--vert-txt)}.reslt.ko{color:var(--rouge-txt)}.reslt.cours{color:var(--hint);font-size:16px;font-weight:600}
.titre-in{width:100%;height:50px;border-radius:12px;border:1.5px solid var(--btn);background:var(--bg);padding:0 14px;font-size:18px}

#toast{position:fixed;left:12px;right:12px;bottom:calc(var(--foot,0px) + 10px);z-index:60;background:#2c2c2e;color:#fff;border-radius:13px;padding:0 6px 0 16px;min-height:50px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:16px;box-shadow:0 6px 24px rgba(0,0,0,.35)}
#toast button{height:46px;padding:0 12px;color:#7cc4ff;font-weight:700;font-size:16px}
#toast.err{background:#a82a22}
@media (prefers-color-scheme:dark){.seg button.on{background:color-mix(in srgb,var(--txt) 20%,var(--bg))}}

/* simulateur */
.ctl.sim i{background:var(--btn);font-size:22px;line-height:1}
.sreg{padding:6px 14px 8px;margin-top:10px}
.chips{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px 0 4px}
.chips button{min-height:54px;border-radius:12px;background:var(--creux);text-align:left;padding:6px 12px;display:flex;flex-direction:column;justify-content:center;border:1.5px solid transparent}
.chips button b{font-size:15px;font-weight:700}
.chips button small{font-size:13px;color:var(--hint);font-variant-numeric:tabular-nums}
.chips button.on{border-color:var(--btn);background:color-mix(in srgb,var(--btn) 14%,var(--bg))}
.srow{display:flex;justify-content:space-between;align-items:baseline;margin-top:12px}
.srow label{font-size:14px;color:var(--hint);font-weight:500}
.srow b{font-size:24px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.3px}
.sreg input[type=range]{display:block;width:100%;height:44px;accent-color:var(--btn);margin:0}
.sreg .seg{margin:6px 0 2px}
.srow.plan{align-items:center;margin-top:8px;border-top:.5px solid var(--sep);padding-top:2px}
.srow.plan label{font-size:16px;color:var(--txt);flex:1;padding-right:8px}
.stot{margin-top:12px;padding:12px 16px 12px}
.stot small{display:block;font-size:13px;color:var(--hint)}
.stot small.b{margin-top:4px;font-size:12px}
.stot .tl{display:flex;align-items:baseline;gap:8px;margin-top:4px;font-variant-numeric:tabular-nums}
.stot .tl span{font-size:20px;color:var(--hint);font-weight:600}
.stot .tl i{font-style:normal;color:var(--hint)}
.stot .tl b{font-size:32px;font-weight:800;letter-spacing:-.8px}
.stot .tl em{font-style:normal;font-size:18px;font-weight:700;margin-left:auto}
.stot.haut .tl b,.stot.haut .tl em{color:var(--vert-txt)}
.stot.bas .tl b,.stot.bas .tl em{color:var(--rouge-txt)}
.sl{position:relative;display:grid;grid-template-columns:48px 1fr auto;column-gap:4px;align-items:center;padding:2px 12px 4px 2px}
.sl + .sl::before,.sna + .sna::before{content:"";position:absolute;top:0;left:14px;right:0;border-top:.5px solid var(--sep)}
.sck{width:48px;height:56px;display:grid;place-items:center}
.sck i{width:26px;height:26px;border-radius:50%;border:2px solid color-mix(in srgb,var(--hint) 60%,transparent);display:grid;place-items:center}
.sck.on i{background:var(--btn);border-color:var(--btn)}
.sck.on i::after{content:"";width:6px;height:11px;border:solid var(--btn-txt);border-width:0 2.5px 2.5px 0;transform:rotate(45deg) translate(-1px,-1px)}
.sinf{min-width:0}
.sinf b{display:block;font-weight:500;font-size:16px;overflow-wrap:anywhere;line-height:1.2}
.sinf small{display:block;font-size:12.5px;color:var(--hint);margin-top:2px}
.sinf small .dot{width:8px;height:8px;border-radius:50%;margin-right:5px}
.spx{min-width:92px;min-height:56px;text-align:right;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;padding:0 0 0 6px}
.spx .pl{display:flex;align-items:baseline;gap:5px;font-variant-numeric:tabular-nums}
.spx s{color:var(--hint);font-size:14px}
.spx i{font-style:normal;color:var(--hint);font-size:13px}
.spx b{font-size:24px;font-weight:800;letter-spacing:-.5px;border-bottom:1.5px dashed var(--sep)}
.spx small{font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}
.spx .haut,.spx small.haut{color:var(--rouge-txt)}.spx .bas,.spx small.bas{color:var(--vert-txt)}.spx .eq,.spx small.eq{color:var(--hint)}
.sco{grid-column:2 / 4;display:flex;align-items:center;gap:6px;min-height:34px;padding-bottom:4px}
.sco i{font-style:normal;color:var(--hint);font-size:13px}
.sco .mg{width:50px;padding:3px 0}
.sco .hm{margin-left:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;background:color-mix(in srgb,var(--btn) 18%,transparent);color:var(--lien);border-radius:99px;padding:3px 8px}
.sco .rev{width:44px;height:44px;margin:-6px -4px -6px auto;font-size:22px;color:var(--lien)}
.sl.off .sinf,.sl.off .spx,.sl.off .sco{opacity:.5}
.sna{position:relative;display:flex;align-items:center;gap:8px;width:100%;min-height:62px;padding:8px 12px 8px 14px;text-align:left}
.sna .sinf{flex:1;opacity:.6}.sna .vp{color:var(--hint);font-size:16px}
.sna .chev{font-style:normal;color:var(--hint);font-size:24px}
.sbar{position:sticky;bottom:0;margin:14px -16px 0;padding:8px 16px calc(10px + env(safe-area-inset-bottom));background:var(--bg);border-top:.5px solid var(--sep)}
.sbar .prim{margin:0}
.spv{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:10px;font-size:14px;color:var(--hint);min-height:30px}
.sap{display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:44px;padding:6px 14px;font-size:15px}
.sap + .sap{border-top:.5px solid var(--sep)}
.sap span{min-width:0;overflow-wrap:anywhere}
.sap b{flex:none;font-variant-numeric:tabular-nums}
#sim{padding-bottom:0}
#sim .sbar+*{display:none}
.spx b.eq{border-bottom-color:transparent}
.sl.off .sinf,.sl.off .spx,.sl.off .sco{opacity:.62}
#sim .fin{height:24px}