/* EPHB Connect — version en ligne */
.perm-off{display:none !important}
html.auth-on body > :not(#authScreen):not(.cdlg){display:none !important}
#authScreen{display:none}
html.auth-on #authScreen{display:grid;place-items:center;min-height:100dvh;padding:20px;background:radial-gradient(1200px 700px at 20% -10%,#2c55c8 0%,transparent 60%),linear-gradient(160deg,#0b1f5c,#071339 70%);color:#fff}
.auth-card{width:min(420px,100%);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:22px;padding:28px 24px 18px;box-shadow:0 30px 80px rgba(0,0,0,.35);backdrop-filter:blur(6px);text-align:center}
.auth-logo{width:96px;height:auto;margin:0 auto 6px;display:block}
.auth-card h1{font-family:var(--font-cond,'Barlow Condensed'),sans-serif;font-size:34px;letter-spacing:.5px;text-transform:uppercase;margin:4px 0 0}
.auth-card h2{font-family:var(--font-cond,'Barlow Condensed'),sans-serif;font-size:24px;margin:4px 0 6px;text-transform:uppercase}
.auth-tag{margin:2px 0 18px;color:#a9bcf5;font-size:13px;letter-spacing:1px;text-transform:uppercase}
.auth-form{display:grid;gap:12px;text-align:left}
.auth-form label{display:grid;gap:6px;font-size:14px;font-weight:600;color:#dbe4ff}
.auth-form input{width:100%;font-size:17px;padding:13px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.25);background:#fff;color:#0b1f5c}
.auth-form .pw{position:relative;display:block}
.auth-form .pw input{padding-right:48px}
.auth-form .eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:transparent;font-size:18px;cursor:pointer;padding:6px}
.btn.big{font-size:17px;padding:14px 18px;border-radius:12px;width:100%;justify-content:center}
.btn.primary{background:#2c55c8;color:#fff;border-color:#2c55c8}
.linkbtn{background:none;border:0;color:#9fb6ff;text-decoration:underline;cursor:pointer;font-size:14px;padding:4px 0;justify-self:center}
.linkbtn.danger{color:#e5484d}
.auth-msg{min-height:20px;font-size:14px;color:#cfe0ff;margin:0;text-align:center}
.auth-msg.err{color:#ffb4b4}
.auth-help{font-size:14px;color:#cdd8fb;margin:0 0 4px;line-height:1.45}
.auth-help.small{font-size:12.5px}
.auth-foot{margin:16px 0 0;font-size:12px;color:#8ea2dc}

#userBox{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#cloudState{font-size:12px;color:#9fe3b6;padding:4px 8px;border-radius:99px;background:rgba(56,200,120,.12)}
#cloudState[data-k=err]{color:#ffc2c2;background:rgba(229,72,77,.15)}
.umenu{position:relative}
.umenu .who{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1;text-align:left}
.umenu .who small{font-size:11px;opacity:.75;font-weight:500}
.udrop{position:absolute;right:0;top:calc(100% + 6px);background:#fff;color:#0b1f5c;border-radius:12px;box-shadow:0 14px 40px rgba(0,0,0,.3);padding:6px;min-width:230px;z-index:50;display:grid}
.udrop[hidden]{display:none}
.udrop button{border:0;background:none;text-align:left;padding:10px 12px;border-radius:8px;font-size:14px;cursor:pointer;color:inherit}
.udrop button:hover{background:#eef2fd}

.modes{grid-template-columns:repeat(auto-fill,minmax(118px,1fr)) !important}
.modes button[hidden]{display:none}
.modes .cloudtab{color:#b9c8f5}
.modes .cloudtab.on{color:#0b1f5c}

.cloudview{display:none}
body.cloud-on .layout{grid-template-columns:minmax(0,1fr);max-width:none}
body.cloud-on .panel > :not(#modeTabs){display:none !important}
body.cloud-on .stage, body.cloud-on .statsview{display:none !important}
body.cloud-on .cloudview{display:block;background:#fff;color:#0b1f5c;border-radius:18px;padding:22px;min-height:60vh}
.cv-head h2{font-family:var(--font-cond,'Barlow Condensed'),sans-serif;font-size:28px;text-transform:uppercase;margin:0 0 4px}
.cloudview .hint{color:#4a5a86}
.cloudview .row-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:12px 0}
.cloudview input[type=search]{padding:9px 12px;border-radius:10px;border:1px solid #cfd8ee;min-width:240px;font-size:14px}
.cloudview .chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.cloudview .chip{border:1px solid #cfd8ee;background:#f4f7fe;color:#0b1f5c;border-radius:99px;padding:7px 12px;cursor:pointer;font-weight:600}
.cloudview .chip.on{background:#2c55c8;color:#fff;border-color:#2c55c8}
.cloudview .empty{padding:28px;text-align:center;color:#5a6a94}
.cloudview .btn.ghost{color:#0b1f5c;border-color:#cfd8ee;background:#fff}
.cloudview .btn.danger{background:#fff;color:#c2363b;border:1px solid #f1c4c4}
.gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-top:14px}
.gcard{margin:0;background:#f4f7fe;border-radius:14px;overflow:hidden;display:flex;flex-direction:column}
.gcard img{width:100%;aspect-ratio:1;object-fit:contain;background:#0b1f5c}
.gcard figcaption{padding:10px;display:grid;gap:4px;font-size:13px}
.gcard figcaption small{color:#5a6a94}
.gact{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}
.ctab-wrap{overflow:auto;border:1px solid #e3e9f7;border-radius:12px}
.ctab{width:100%;border-collapse:collapse;font-size:14px}
.ctab th,.ctab td{padding:8px 10px;border-bottom:1px solid #eef2fa;text-align:left;vertical-align:middle}
.ctab thead th{position:sticky;top:0;background:#f4f7fe;z-index:1;font-size:13px}
.ctab tr.off td{opacity:.55}
.ctab input.cName{border:1px solid #d6def2;border-radius:8px;padding:6px 8px;font-size:14px;width:160px}
.ctab select{border:1px solid #d6def2;border-radius:8px;padding:6px 8px;font-size:14px}
.ctab .det{display:block;color:#6a789e;font-size:12px;word-break:break-word}
.ctab code{font-size:14px;background:#eef2fd;padding:2px 6px;border-radius:6px}
.nowrap{white-space:nowrap}
.tag{display:inline-block;font-size:11px;background:#fff1e0;color:#a35a00;border-radius:99px;padding:2px 8px;margin-left:4px}
.matrix{font-size:13.5px}
.matrix td:not(:first-child),.matrix th:not(:first-child){text-align:center}
.matrix tr.grp th{background:#0b1f5c;color:#fff;text-transform:uppercase;font-size:12.5px;letter-spacing:.4px;position:static}
.matrix input[type=checkbox]{width:20px;height:20px;cursor:pointer}
.switch{position:relative;display:inline-block;width:42px;height:24px}
.switch input{opacity:0;width:0;height:0}
.switch span{position:absolute;inset:0;background:#cdd5ea;border-radius:99px;transition:.2s}
.switch span:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s}
.switch input:checked + span{background:#2bb673}
.switch input:checked + span:before{transform:translateX(18px)}
.tpick{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}
.tchip{display:inline-flex;align-items:center;gap:6px;border:1px solid #cfd8ee;border-radius:99px;padding:6px 10px;font-size:13px;cursor:pointer;background:#f7f9fe;color:#0b1f5c}
.tchip.all{background:#eaf0ff;font-weight:700}
.cdlg{position:fixed;inset:0;background:rgba(5,12,40,.55);display:grid;place-items:center;z-index:10000;padding:16px}
.cdlg-box{background:#fff;color:#0b1f5c;border-radius:16px;padding:20px;width:min(440px,100%);max-height:90vh;overflow:auto;box-shadow:0 30px 80px rgba(0,0,0,.4)}
.cdlg-box.wide{width:min(760px,100%)}
.cdlg-box h3{margin:0 0 10px;font-family:var(--font-cond,'Barlow Condensed'),sans-serif;font-size:22px;text-transform:uppercase}
.cdlg-box input[type=text],.cdlg-box input[type=email],.cdlg-box input:not([type]),.cdlg-box select{width:100%;padding:10px 12px;border:1px solid #cfd8ee;border-radius:10px;font-size:15px;margin:6px 0}
.cdlg-box .btn.ghost{color:#0b1f5c;border-color:#cfd8ee;background:#fff}
.cdlg-act{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}
.ncform{display:grid;gap:8px}
.ncform label,.lbl{display:grid;gap:4px;font-size:13.5px;font-weight:600}
.howto{line-height:1.6;padding-left:18px}
.bk{margin:6px 0 14px}
.bk summary{cursor:pointer;font-weight:600}
@media (max-width:700px){
  .top-actions{flex-wrap:wrap}
  #userBox{width:100%}
  .cloudview{padding:14px !important}
  .ctab{font-size:13px}
  .ctab input.cName{width:120px}
}
.cloudview .btn:not(.ghost):not(.danger){background:#2c55c8;color:#fff;border-color:#2c55c8}
.inst{margin-top:16px;text-align:left}
.inst details{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:10px 12px}
.inst summary{cursor:pointer;font-weight:700;color:#fff;font-size:15px}
.inst-help{font-size:14px;line-height:1.5;color:#dbe4ff}
.inst-help p{margin:8px 0}
.inst-help .small{font-size:12.5px;opacity:.85}
.inst-help a.btn{display:flex;text-decoration:none}
.cdlg-box .inst-help, .cdlg-box p{color:#0b1f5c}

/* ===== Photos des joueurs ===== */
.ph-sum{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;align-items:center;background:#f4f7fe;border:1px solid #e3e9f7;border-radius:14px;padding:14px 16px;margin:12px 0}
.ph-big{display:flex;align-items:baseline;gap:6px;grid-row:span 2}
.ph-big b{font-family:var(--font-cond,'Barlow Condensed'),sans-serif;font-size:44px;line-height:1;color:#0b1f5c}
.ph-big span{font-size:14px;color:#4a5a86;font-weight:600}
.ph-bar{height:12px;background:#dfe6f6;border-radius:99px;overflow:hidden}
.ph-bar i{display:block;height:100%;background:linear-gradient(90deg,#2c55c8,#2bb673);border-radius:99px;transition:width .3s}
.ph-sub{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px;color:#4a5a86}
.ph-sub span:first-child{font-weight:800;color:#0b1f5c}
.ph-teams{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 12px}
.ph-team{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;gap:1px;min-width:108px;padding:9px 12px 12px;border:1.5px solid #cfd8ee;border-radius:12px;background:#fff;color:#0b1f5c;cursor:pointer;text-align:left}
.ph-team b{font-family:var(--font-cond,'Barlow Condensed'),sans-serif;font-size:18px;text-transform:uppercase}
.ph-team span{font-size:12.5px;color:#5a6a94;font-weight:600}
.ph-team i{position:absolute;left:0;bottom:0;height:4px;background:#2c55c8}
.ph-team.done{border-color:#9fdcbc;background:#f1fbf5}.ph-team.done span{color:#1d8a52}.ph-team.done i{background:#2bb673}
.ph-team.on{background:#0b1f5c;border-color:#0b1f5c;color:#fff}.ph-team.on span{color:#c9d6ff}
.ph-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:10px}
.ph-filter{display:inline-flex;background:#eef2fd;border-radius:10px;padding:3px;gap:2px}
.ph-filter button{border:0;background:transparent;padding:9px 14px;border-radius:8px;font-weight:700;color:#4a5a86;cursor:pointer;font-size:14px}
.ph-filter button.active{background:#fff;color:#0b1f5c;box-shadow:0 1px 4px rgba(11,31,92,.15)}
.ph-tools input[type=search]{flex:1;min-width:180px}
.ph-gh{grid-column:1/-1;font-size:14px;color:#4a5a86;margin:2px 0}
.ph-gh b{color:#0b1f5c}
.ph-tri{margin-top:22px;padding:14px;border:2px dashed #e0a800;border-radius:14px;background:#fffbea}
.ph-tri h3{margin:0 0 4px;color:#0b1f5c;font-size:18px}.ph-tri h3 span{background:#e0a800;color:#fff;border-radius:99px;padding:1px 10px;font-size:14px;margin-left:6px}
.tri-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-top:10px}
.tri-card{background:#fff;border-radius:12px;padding:8px;display:flex;flex-direction:column;gap:8px;box-shadow:0 1px 4px rgba(11,31,92,.12)}
.tri-card .ph-thumb{aspect-ratio:3/4;display:block;background:#eef2fb;border-radius:8px;overflow:hidden}.tri-card .ph-thumb img{width:100%;height:100%;object-fit:contain}
.tri-card select{min-height:44px;font-size:15px}.tri-btns{display:flex;flex-wrap:wrap;gap:6px}.tri-btns .btn{flex:1;min-height:44px}
.ph-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.ph-card{display:flex;flex-direction:column;gap:6px;padding:8px;border:1.5px solid #e3e9f7;border-radius:14px;background:#fff;color:#0b1f5c;cursor:pointer;text-align:left;transition:transform .12s,box-shadow .12s}
.ph-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(11,31,92,.12)}
.ph-card.ok{border-color:#9fdcbc}.ph-card.none{border-color:#f3c6c8}
.ph-thumb,.ph-prev{position:relative;display:grid;place-items:center;aspect-ratio:4/5;border-radius:10px;overflow:hidden;background-color:#eef1f7;background-image:linear-gradient(45deg,#dde3ef 25%,transparent 25%,transparent 75%,#dde3ef 75%),linear-gradient(45deg,#dde3ef 25%,transparent 25%,transparent 75%,#dde3ef 75%);background-size:16px 16px;background-position:0 0,8px 8px}
.ph-thumb img,.ph-prev img{width:100%;height:100%;object-fit:contain}
.ph-thumb em{font-style:normal;font-family:var(--font-cond,'Barlow Condensed'),sans-serif;font-size:34px;font-weight:800;color:#9aa8cc}
.ph-nm{font-weight:800;font-size:14.5px;line-height:1.15;text-transform:uppercase;display:block}
.ph-nm small{display:inline-grid;place-items:center;min-width:24px;height:22px;padding:0 5px;margin-right:6px;border-radius:6px;background:#2c55c8;color:#fff;font-size:12.5px;vertical-align:1px}
.ph-nm span{font-weight:600;color:#5a6a94;text-transform:none}
.ph-dots{display:flex;align-items:center;gap:4px}
.ph-dots i{width:11px;height:11px;border-radius:50%;background:#dfe5f2}
.ph-dots i.on{background:#2c55c8}
.ph-card.ok .ph-dots i.on{background:#2bb673}
.ph-dots b{margin-left:auto;font-size:13px;color:#c2363b}
.ph-card.mid .ph-dots b{color:#c77700}.ph-card.ok .ph-dots b{color:#1d8a52}
.ph-spin{position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:50%;border:3px solid rgba(44,85,200,.25);border-top-color:#2c55c8;animation:phspin .8s linear infinite}
@keyframes phspin{to{transform:rotate(360deg)}}
/* fenêtre joueur */
.ph-dlg{align-items:center}
.ph-box{width:min(1040px,100%);max-height:94vh;max-height:94dvh;display:flex;flex-direction:column;gap:12px;padding:16px}
.ph-dh{display:flex;align-items:center;gap:10px}
.ph-dh .picon{flex:none;width:44px;height:44px;border:1.5px solid #cfd8ee;border-radius:12px;background:#fff;color:#0b1f5c;font-size:24px;font-weight:700;cursor:pointer;display:grid;place-items:center}
.ph-dh .picon:disabled{opacity:.35;cursor:default}
.ph-dh .picon.x{background:#0b1f5c;color:#fff;border-color:#0b1f5c;font-size:18px}
.ph-who{flex:1;min-width:0;display:grid;gap:2px}
.ph-who b{font-family:var(--font-cond,'Barlow Condensed'),sans-serif;font-size:26px;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ph-who b small{display:inline-grid;place-items:center;min-width:30px;height:28px;padding:0 6px;border-radius:7px;background:#2c55c8;color:#fff;font-size:17px;vertical-align:3px}
.ph-who > span{font-size:13.5px;color:#4a5a86}
.ph-who .ok{color:#1d8a52;font-weight:800}.ph-who .ko{color:#c2363b;font-weight:800}
.ph-model{position:relative;overflow:hidden;background:#eef2fd;border-radius:10px;padding:9px 12px;font-size:13.5px;color:#0b1f5c;font-weight:600}
.ph-model i{position:absolute;left:0;bottom:0;height:3px;background:#2c55c8}
.ph-opts{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
.ph-sw{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:14.5px;cursor:pointer}
.ph-slots{flex:1;min-height:0;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;padding:2px}
.ph-slot{display:flex;flex-direction:column;gap:8px;padding:10px;border:2px dashed #cfd8ee;border-radius:14px;background:#fafbff}
.ph-slot.has{border-style:solid;border-color:#e3e9f7;background:#fff}
.ph-slot.drag{border-color:#2c55c8;background:#eef2fd}
.ph-sh{display:flex;align-items:center;gap:6px;font-size:14px}
.ph-empty{color:#7a88ad;font-size:14px;font-weight:600;text-align:center;padding:10px}
.ph-over{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:rgba(255,255,255,.86);font-weight:700;font-size:14px;color:#0b1f5c;text-align:center;padding:10px}
.ph-over .ph-spin{position:static;width:34px;height:34px}
.ph-over.err{color:#c2363b;background:rgba(253,236,236,.94)}
.ph-act{display:flex;flex-wrap:wrap;gap:6px}
.ph-act .btn{flex:1 1 auto;justify-content:center;cursor:pointer;min-height:40px}
.ph-add{align-items:center;justify-content:center;min-height:220px;cursor:pointer;font-weight:700;color:#2c55c8;font-size:15px}
.ph-add span{font-size:42px;line-height:1}
.ph-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #eef2fa;padding-top:10px}
.ph-done{color:#1d8a52;font-weight:800}
.cdlg-box .btn.small{font-size:13.5px;padding:8px 12px}
.cdlg-box .btn:not(.ghost):not(.danger):not(.primary){background:#fff;color:#0b1f5c;border:1.5px solid #cfd8ee}
.cdlg-box .btn.danger{background:#fff;color:#c2363b;border:1px solid #f1c4c4}
@media (max-width:700px){
  .ph-sum{grid-template-columns:1fr}
  .ph-big{grid-row:auto}
  .ph-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .ph-teams{flex-wrap:nowrap;overflow-x:auto;margin:4px -14px 12px;padding:0 14px 4px;scrollbar-width:none}
  .ph-team{flex:0 0 auto}
  .ph-dlg{padding:0 !important;align-items:stretch}
  .ph-box{width:100%;max-height:none;height:100dvh;border-radius:0;padding:max(10px,env(safe-area-inset-top)) 12px max(10px,env(safe-area-inset-bottom))}
  .ph-who b{font-size:21px}
  .ph-slots{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .ph-slot{padding:7px}
  .ph-act .btn{flex:1 1 100%}
  .ph-foot .btn{width:100%;justify-content:center}
}
.ph-prev:has(.ph-over) .ph-empty{visibility:hidden}
@media (max-width:700px){.ph-tools input[type=search]{flex:1 1 100%}.ph-filter{width:100%}.ph-filter button{flex:1}}
.idle-warn{position:fixed;inset:0;z-index:100000;background:rgba(3,8,30,.7);display:grid;place-items:center;padding:20px}
.idle-warn[hidden]{display:none}
.idle-box{background:#0f1d4d;border:1px solid #2c4aa8;border-radius:16px;padding:22px 24px;max-width:380px;text-align:center;color:#fff;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.idle-box b{font-size:20px;display:block;margin-bottom:6px}
.idle-box p{margin:0 0 16px;color:#c9d6ff;font-size:15px;line-height:1.4}
/* ---------- photos de profil ---------- */
.av{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;overflow:hidden;background:#2d5bff;color:#fff;flex:0 0 auto;font:700 13px var(--font-ui,sans-serif);vertical-align:middle}
.av img{width:100%;height:100%;object-fit:cover;display:block}.av i{font-style:normal}
.umenu .who{flex-direction:row;align-items:center;gap:8px}.ub-t{display:flex;flex-direction:column;align-items:flex-start}
.ub-av{width:32px;height:32px}
.cNameTd{display:flex;align-items:center;gap:8px}.av-btn{border:0;background:none;padding:0;cursor:pointer;border-radius:50%}.av-btn:hover .av{outline:2px solid #2d5bff;outline-offset:2px}
.av-dlg .cdlg-box{max-width:440px}
.av-stage{position:relative;width:min(320px,80vw);aspect-ratio:1;margin:8px auto;touch-action:none}
.av-stage canvas{width:100%;height:100%;border-radius:12px;cursor:grab;display:block}
.av-ring{position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 999px rgba(255,255,255,.55);pointer-events:none;border:2px solid #fff}
.av-stage{overflow:hidden;border-radius:12px}
.av-zoom{display:flex;align-items:center;gap:8px;justify-content:center}.av-zoom input{width:60%}
/* ---------- tables de marque ---------- */
.tm-sum{display:block;line-height:1.4;background:#eef3ff;border-radius:12px;padding:10px 14px;margin:6px 0 10px;font-size:15px}
.tm-sum.warn{background:#fff4e0}.tm-sum svg{vertical-align:-5px;margin-right:6px}.tm-sum svg,.tm-alert svg,.tm-free svg{width:22px;height:22px;flex:0 0 auto}
.tm-f{margin-bottom:6px}
.tm-list{display:flex;flex-direction:column;gap:22px}
.tm-wkb{border-radius:18px;background:#eef3ff;border:2px solid #c9d6f5;overflow:hidden}
.tm-wkb.alt{background:#f6f1ff;border-color:#d9cbf5}
.tm-wk{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0;padding:12px 16px;background:linear-gradient(90deg,#0b1f5c,#1d3fa8);color:#fff;font-family:var(--font-cond,'Barlow Condensed'),sans-serif;text-transform:uppercase;font-size:22px;letter-spacing:.02em;position:sticky;top:0;z-index:2}
.tm-wkb.alt .tm-wk{background:linear-gradient(90deg,#3b1d8f,#6a3fd1)}
.tm-wkd{display:flex;flex-direction:column;line-height:1.05}.tm-wkd small{font-size:13px;letter-spacing:.12em;opacity:.8}
.tm-wkn{font-family:'Barlow',sans-serif;text-transform:none;font-size:14px;font-weight:600;background:rgba(255,255,255,.16);border-radius:999px;padding:5px 12px}
.tm-wkn em{font-style:normal;color:#ffd27a}.tm-wkn i{font-style:normal;color:#a7f3c4}
.tm-wkl{display:flex;flex-direction:column;gap:12px;padding:12px}
.tm-card{border:1px solid #d8e0f2;border-radius:16px;padding:12px 14px;background:#fff;box-shadow:0 2px 8px rgba(11,31,92,.06)}
.tm-card.miss{border-left:6px solid #ff9f1a}.tm-card.full{border-left:6px solid #22a35a}
.tm-card header{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.tm-when{display:flex;flex-direction:column;min-width:86px}.tm-when b{font-size:17px}.tm-when span{color:#4a5a86;font-size:14px}
.tm-what{display:flex;flex-direction:column;flex:1;min-width:180px}.tm-what b{font-size:17px}.tm-what span{display:flex;align-items:center;gap:6px;color:#33437a}.tm-what img{width:24px;height:24px;object-fit:contain}.tm-what small{color:#6a78a3}
.tm-alert{display:flex;align-items:center;gap:6px;background:#fff1d6;color:#8a4b00;font-weight:700;border-radius:999px;padding:5px 11px;font-size:13px}
.tm-ok{background:#dcf6e6;color:#14713a;font-weight:800;border-radius:999px;width:32px;height:32px;display:grid;place-items:center}
.tm-postes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}
.tm-p{background:#f4f7ff;border-radius:12px;padding:8px}.tm-p.empty{background:#fff7ea;outline:1.5px dashed #ffb44d}
.tm-p h4{margin:0 0 6px;font-size:13px;text-transform:uppercase;letter-spacing:.3px;color:#33437a}
.tm-faces{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}
.tm-face{display:flex;flex-direction:column;align-items:center;gap:3px;border:0;background:none;padding:0;cursor:pointer;font:inherit;color:#0b1f5c;max-width:64px}
.tm-face[disabled]{cursor:default}.tm-face span{font-size:12.5px;font-weight:600;max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tm-face .av{width:34px;height:34px}.tm-face.big .av{width:50px;height:50px;font-size:16px}
.tm-free{display:flex;align-items:center;gap:6px;color:#8a4b00;font-size:13px}.tm-free em{font-style:normal;font-weight:600}
.tm-add{width:50px;height:50px;border-radius:50%;border:1.5px dashed #8fa3d6;background:#fff;color:#2d5bff;font-size:24px;cursor:pointer}
.tm-dispos{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.tm-d{border-radius:12px;padding:6px 8px;background:#f4f7ff}.tm-d h5{margin:0 0 4px;font-size:12px;color:#4a5a86}
.tm-d.d-ok{background:#e6f7ee}.tm-d.d-attente{background:#fff6dc}.tm-d.d-non{background:#fbe7e7}
.tm-me{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:10px;padding-top:10px;border-top:1px solid #e3e9f6}
.tm-me>span{font-weight:700;font-size:13px;color:#33437a;margin-right:2px}
.tm-b{border:1.5px solid #c9d4ef;background:#fff;color:#0b1f5c;border-radius:999px;padding:8px 12px;font:600 13px var(--font-ui,sans-serif);cursor:pointer;min-height:38px}
.tm-b.p.on{background:#2d5bff;border-color:#2d5bff;color:#fff}.tm-b.d-ok.on{background:#22a35a;border-color:#22a35a;color:#fff}.tm-b.d-attente.on{background:#e3a008;border-color:#e3a008;color:#fff}.tm-b.d-non.on{background:#c0392b;border-color:#c0392b;color:#fff}.tm-b.x{color:#c0392b;border-color:#f0c4be}
.tm-pick{display:flex;flex-direction:column;gap:6px;max-height:60vh;overflow:auto}
.tm-pick button{display:flex;align-items:center;gap:10px;border:1px solid #d8e0f2;background:#fff;border-radius:12px;padding:8px 10px;cursor:pointer;text-align:left;font:inherit;color:#0b1f5c}
.tm-pick button span{display:flex;flex-direction:column}.tm-pick small{color:#6a78a3}.tm-pick.act button.danger{color:#c0392b}
@media (max-width:700px){.tm-postes{grid-template-columns:1fr}.tm-p{display:flex;align-items:center;gap:10px}.tm-p h4{min-width:110px;margin:0}}
/* ---------- tournois ---------- */
.tr-fluo-btn{background:linear-gradient(90deg,#00b8d4,#ff2bd6);color:#fff;border:0}
.tr-list{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.tr-item{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border:1px solid #d8e0f2;border-radius:14px;padding:10px 14px}.tr-item div{display:flex;flex-direction:column}.tr-item small{color:#4a5a86}
.tr-item.fluo{border-left:6px solid #ff2bd6}
.grow{flex:1}
.tr-wrap{margin:-22px;padding:18px 22px;border-radius:18px;min-height:60vh}
.tr-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tr-title{display:flex;flex-direction:column}.tr-title b{font:800 26px var(--font-cond,'Barlow Condensed'),sans-serif;text-transform:uppercase}.tr-title small{color:#4a5a86}
.tr-tabs{display:flex;gap:6px;overflow-x:auto;margin:12px 0;padding-bottom:4px}
.tr-tabs button{flex:0 0 auto;border:1.5px solid #c9d4ef;background:#fff;color:#0b1f5c;border-radius:999px;padding:8px 14px;font:600 14px var(--font-ui,sans-serif);cursor:pointer}
.tr-tabs button.on{background:#0b1f5c;border-color:#0b1f5c;color:#fff}
.tr-form{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.tr-form label,.tr-team label,.tr-row label{display:flex;flex-direction:column;gap:3px;font-size:12.5px;font-weight:600;color:#4a5a86}
.tr-form .w2{grid-column:span 2}
.tr-wrap input,.tr-wrap select{font:inherit;font-size:15px;padding:8px 10px;border:1px solid #c9d4ef;border-radius:9px;background:#fff;color:#0b1f5c;min-width:0}
.tr-pts{display:flex;gap:4px}.tr-pts input{width:60px}
.tr-chk{flex-direction:row!important;align-items:center;gap:8px!important;grid-column:span 2;font-size:14px!important}
.tr-row{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;margin:8px 0}
.tr-teams{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:8px;margin-top:8px}
.tr-team{display:flex;align-items:flex-end;gap:8px;border:1px solid #d8e0f2;border-radius:12px;padding:8px}
.tr-team label{flex:1}.tr-n{color:#8a96b8;font-weight:700;align-self:center}
.tr-lg{border:0;background:#f4f7ff;border-radius:10px;padding:4px;cursor:pointer;align-self:center}
.tr-logo{width:44px;height:44px;object-fit:contain;display:inline-block;vertical-align:middle;border-radius:8px;background:#fff}
.tr-logo.sm{width:24px;height:24px;border-radius:5px}
.tr-logo.ini{display:inline-grid;place-items:center;background:var(--c,#2d5bff);color:#05021a;font:800 15px var(--font-cond,'Barlow Condensed'),sans-serif}
.tr-logo.sm.ini{font-size:11px}
.tr-logos{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;max-height:50vh;overflow:auto}
.tr-logos button{display:flex;flex-direction:column;align-items:center;gap:4px;border:1px solid #d8e0f2;background:#fff;border-radius:10px;padding:8px;cursor:pointer;font-size:12px;color:#0b1f5c}.tr-logos img{width:50px;height:50px;object-fit:contain}
.tr-gen{border:1px solid #d8e0f2;border-radius:14px;padding:10px 14px;margin-bottom:12px;background:#f7f9ff}
.tr-gen summary{font-weight:700;cursor:pointer;font-size:15px}
.tr-prop{width:100%;border-collapse:collapse;margin:10px 0;font-size:14px}.tr-prop th,.tr-prop td{padding:7px;border-bottom:1px solid #e1e7f5;text-align:center}.tr-prop thead th{font-size:12px;color:#4a5a86}.tr-prop tr.long td{color:#9aa4c0}
.warn-box{background:#fff4e0;color:#8a4b00;border-radius:10px;padding:8px 12px}
.tr-plan{overflow:auto;border:1px solid #d8e0f2;border-radius:14px}
.tr-plan table{border-collapse:collapse;width:100%;min-width:640px}
.tr-plan thead th{background:#0b1f5c;color:#fff;padding:8px;font-size:14px;position:sticky;top:0}
.tr-plan tbody th{background:#f4f7ff;padding:6px 8px;font-size:15px;width:64px;border-bottom:1px solid #e1e7f5}
.tr-m,.tr-free{padding:6px;border-bottom:1px solid #e1e7f5;border-left:1px solid #e1e7f5;vertical-align:top}.tr-free{color:#b4bdd6;text-align:center}
.tr-m.done{background:#f2fbf5}
.tr-mh{display:flex;gap:6px;font-size:11.5px;color:#6a78a3;margin-bottom:3px}.tr-mh b{color:#33437a}
.tr-mt{display:grid;grid-template-columns:1fr auto 1fr;gap:6px;align-items:center}
.tr-ta,.tr-tb{display:flex;align-items:center;gap:5px;font-weight:600;font-size:14px;min-width:0}.tr-tb{justify-content:flex-end;text-align:right}
.tr-ta span,.tr-tb span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tr-ta em,.tr-tb em{font-size:12px;color:#6a78a3}
.tr-sc{display:flex;align-items:center;gap:3px}.tr-sc input{width:46px;height:42px;text-align:center;font:700 19px var(--font-cond,'Barlow Condensed'),sans-serif;padding:2px}
.tr-draw{margin-top:4px;font-size:12px;display:flex;gap:4px;align-items:center;flex-wrap:wrap}.tr-draw button{border:1px solid #c9d4ef;background:#fff;border-radius:8px;padding:3px 7px;font-size:12px;cursor:pointer}.tr-draw button.on{background:#22a35a;color:#fff;border-color:#22a35a}
.tr-h{font:800 20px var(--font-cond,'Barlow Condensed'),sans-serif;text-transform:uppercase;margin:16px 0 8px}
.tr-stand{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:10px}
.tr-st{border:1px solid #d8e0f2;border-radius:12px;padding:8px;overflow:auto}.tr-st h4{margin:2px 4px 6px}
.tr-st table{width:100%;border-collapse:collapse;font-size:14px}.tr-st th,.tr-st td{padding:5px;text-align:center;border-top:1px solid #e9eef8}.tr-st thead th{font-size:11.5px;color:#6a78a3;border:0}
.tr-st tbody th{text-align:left;display:flex;align-items:center;gap:6px}
.tr-wait{margin-top:10px}.tr-wait summary{cursor:pointer;color:#33437a;font-weight:600}.tr-wl{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:4px;font-size:13px;margin-top:6px}
.tr-final{list-style:none;padding:0;margin:0;display:grid;gap:6px;max-width:520px}.tr-final li{display:flex;align-items:center;gap:10px;border:1px solid #d8e0f2;border-radius:12px;padding:6px 12px;font-size:17px}.tr-final .pl{font:800 22px var(--font-cond,'Barlow Condensed'),sans-serif;width:30px}.tr-final .p1{border-color:#e5b800;background:#fffbe6}
.tr-share{display:flex;gap:20px;flex-wrap:wrap;align-items:flex-start}.tr-qr canvas{width:240px;height:240px;border:1px solid #d8e0f2;border-radius:12px}.tr-url{word-break:break-all}
.tr-fluo-grid{display:grid;grid-template-columns:minmax(300px,1fr) 1.4fr;gap:14px}
.tr-people{border:1px solid #d8e0f2;border-radius:14px;padding:10px}.tr-people h3{margin:0 0 4px}
.tr-plist{max-height:46vh;overflow:auto;display:flex;flex-direction:column;border:1px solid #e1e7f5;border-radius:10px}
.tr-plist label{display:flex;align-items:center;gap:8px;padding:7px 9px;border-bottom:1px solid #eef2fa;font-size:14px;cursor:pointer}.tr-plist label.on{background:#eef3ff}.tr-plist small{color:#6a78a3;min-width:70px}
.tr-fteams{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;align-content:start}
.tr-fteam{border:1px solid #d8e0f2;border-top:5px solid var(--c);border-radius:12px;padding:8px}
.tr-fh{display:flex;align-items:center;gap:6px}.tr-fh input{flex:1;font-weight:700}.tr-fh span{font-weight:700;color:#6a78a3}
.tr-fteam ul{list-style:none;margin:6px 0 0;padding:0;font-size:13.5px}.tr-fteam li{display:flex;align-items:center;gap:6px;padding:2px 0}.tr-fteam li small{color:#6a78a3;min-width:52px}.tr-fteam li select{margin-left:auto;padding:2px 4px;font-size:12px;width:44px}
.tr-body.ro input,.tr-body.ro select{pointer-events:none}
/* thème fluo */
.tr-wrap.fluo{background:radial-gradient(circle at 10% 0,#1b0640,#07021a 60%);color:#fff}
.tr-wrap.fluo .tr-title b{color:#fff200;text-shadow:0 0 12px #fff20088}.tr-wrap.fluo .tr-title small,.tr-wrap.fluo .hint{color:#c9b8ff}
.tr-wrap.fluo .tr-tabs button{background:#140630;border-color:#3a1670;color:#fff}.tr-wrap.fluo .tr-tabs button.on{background:#ff2bd6;border-color:#ff2bd6;box-shadow:0 0 14px #ff2bd6aa}
.tr-wrap.fluo input,.tr-wrap.fluo select{background:#140630;border-color:#3a1670;color:#fff}
.tr-wrap.fluo .tr-gen,.tr-wrap.fluo .tr-people,.tr-wrap.fluo .tr-fteam,.tr-wrap.fluo .tr-st,.tr-wrap.fluo .tr-plan,.tr-wrap.fluo .tr-team,.tr-wrap.fluo .tr-final li{background:#10052a;border-color:#3a1670;color:#fff}
.tr-wrap.fluo .tr-plan thead th{background:linear-gradient(90deg,#00b8d4,#ff2bd6)}.tr-wrap.fluo .tr-plan tbody th{background:#140630;color:#00e5ff;border-color:#3a1670}
.tr-wrap.fluo .tr-m,.tr-wrap.fluo .tr-free{border-color:#3a1670}.tr-wrap.fluo .tr-m.done{background:#0d2a1e}
.tr-wrap.fluo .tr-mh b{color:#fff200}.tr-wrap.fluo .tr-mh,.tr-wrap.fluo .tr-ta em,.tr-wrap.fluo .tr-tb em,.tr-wrap.fluo .tr-st thead th,.tr-wrap.fluo .tr-plist small,.tr-wrap.fluo .tr-fteam li small{color:#c9b8ff}
.tr-wrap.fluo .tr-plist{border-color:#3a1670}.tr-wrap.fluo .tr-plist label{border-color:#22104a}.tr-wrap.fluo .tr-plist label.on{background:#2a0c55}
.tr-wrap.fluo .tr-prop thead th{color:#c9b8ff}.tr-wrap.fluo .tr-prop th,.tr-wrap.fluo .tr-prop td{border-color:#3a1670}
.tr-wrap.fluo .tr-h{color:#00e5ff;text-shadow:0 0 10px #00e5ff66}.tr-wrap.fluo .btn.ghost{color:#fff;border-color:#3a1670}
.tr-wrap.fluo .tr-st th,.tr-wrap.fluo .tr-st td{border-color:#22104a}
@media (max-width:760px){.tr-form{grid-template-columns:1fr 1fr}.tr-fluo-grid{grid-template-columns:1fr}.tr-wrap{margin:-14px;padding:12px}.tr-teams{grid-template-columns:1fr}}
.cloudview .tr-wrap.fluo .btn.ghost{background:#140630;color:#fff;border-color:#3a1670}
.tr-wrap.fluo .tr-draw button{background:#140630;color:#fff;border-color:#3a1670}.tr-wrap.fluo .tr-draw button.on{background:#22a35a;border-color:#22a35a}
@media (max-width:700px){.tm-p h4{text-align:left;min-width:96px;max-width:96px}.tm-p .tm-faces{align-items:center;flex:1}.tm-p{padding:8px 10px}}
body.cloud-on .topbar{z-index:40}
/* ---------- match en direct ---------- */
.yd-main{margin:6px 0 14px}
.yd-stage{position:relative;width:100%;aspect-ratio:16/9;background:#000;border-radius:16px;overflow:hidden;box-shadow:0 8px 26px rgba(11,31,92,.18)}
.yd-stage iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.yd-stage.yd-off{background:linear-gradient(135deg,#0b1f5c,#13245f 60%,#1d3a9a);color:#fff;display:grid;place-items:center}
.yd-none{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:16px;max-width:560px}
.yd-none svg{opacity:.75}.yd-none b{font:800 26px var(--font-cond,'Barlow Condensed'),sans-serif;text-transform:uppercase;letter-spacing:.5px}
.yd-none span{font-size:15px;color:#d6e0ff}.yd-none strong{color:#fff}.yd-auto{font-size:12.5px!important;color:#9fb0e0!important;margin-top:4px}
.yd-spin{width:38px;height:38px;border-radius:50%;border:4px solid rgba(255,255,255,.25);border-top-color:#fff;animation:ydspin 1s linear infinite}@keyframes ydspin{to{transform:rotate(360deg)}}
.yd-cap{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px}.yd-cap b{font-size:17px}.yd-cap small{color:#4a5a86}
.yd-live{background:#e62117;color:#fff;font-weight:800;font-size:12px;letter-spacing:.6px;border-radius:6px;padding:4px 8px;display:inline-flex;align-items:center;gap:6px}
.yd-live::before{content:'';width:8px;height:8px;border-radius:50%;background:#fff;animation:pulse 1.4s infinite}
@keyframes pulse{50%{opacity:.3}}
.yd-rep{background:#33437a;color:#fff;font-weight:800;font-size:12px;letter-spacing:.6px;border-radius:6px;padding:4px 8px}
.yd-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.yd-h{font:800 19px var(--font-cond,'Barlow Condensed'),sans-serif;text-transform:uppercase;margin:14px 0 8px;color:#0b1f5c}
.yd-list{display:flex;flex-direction:column;gap:6px}
.yd-row{display:flex;align-items:center;gap:10px;border:1px solid #d8e0f2;background:#fff;border-radius:12px;padding:7px 10px;text-align:left;font:inherit;color:#0b1f5c;width:100%}
button.yd-row{cursor:pointer}.yd-row.has{border-color:#e62117}
.yd-row img{width:86px;height:48px;object-fit:cover;border-radius:7px;flex:0 0 auto;background:#eef2fb}.yd-row img.yd-lg{width:34px;height:34px;object-fit:contain;background:none}
.yd-row span{display:flex;flex-direction:column;flex:1;min-width:0}.yd-row b{font-size:14.5px}.yd-row small{color:#4a5a86;font-size:13px}
.yd-tag{font-style:normal;font-size:11.5px;font-weight:700;color:#6a78a3;background:#eef2fb;border-radius:999px;padding:4px 9px;white-space:nowrap}.yd-tag.up{background:#ffe5e3;color:#b3180f}
.yd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.yd-card{display:flex;flex-direction:column;gap:4px;border:0;background:none;padding:0;text-align:left;cursor:pointer;font:inherit;color:#0b1f5c}
.yd-card img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px;background:#eef2fb}.yd-card b{font-size:14.5px;line-height:1.2}.yd-card small{color:#4a5a86}
.yd-empty{color:#6a78a3;margin:4px 0}
@media (max-width:760px){.yd-cols{grid-template-columns:1fr}.yd-stage{border-radius:12px}.yd-none b{font-size:21px}.yd-none span{font-size:14px}.yd-none svg{width:40px;height:40px}.yd-grid{grid-template-columns:1fr 1fr;gap:8px}.yd-card b{font-size:13px}}
.yd-stage{max-width:1100px;margin:0 auto}.yd-stage.yd-off{aspect-ratio:auto;min-height:240px}.yd-cap{max-width:1100px;margin-left:auto;margin-right:auto}
.yd-score{max-width:1100px;margin:0 auto 6px}
.yd-sc{display:grid;grid-template-columns:1fr auto 6px auto 1fr;align-items:center;gap:12px;background:#0b1f5c;color:#fff;border-radius:14px;padding:10px 16px;margin-top:10px}
.yd-sc .t{font:800 20px var(--font-cond,'Barlow Condensed'),sans-serif;text-transform:uppercase;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yd-sc .t.r{text-align:left}
.yd-sc b{font:800 44px/1 var(--font-cond,'Barlow Condensed'),sans-serif;min-width:56px;text-align:center;background:#13245f;border-radius:10px;padding:6px 8px}
.yd-sc i{width:4px;height:34px;background:#e62117;border-radius:2px}
.yd-sc.wait{display:block;text-align:center;color:#c9d4f5;font-size:14px}
.yd-scm{font-size:12.5px;color:#4a5a86;margin-top:6px;text-align:center}.yd-scm details{margin-top:4px}.yd-scm summary{cursor:pointer;color:#2d5bff}.yd-scm img{max-width:100%;border-radius:8px;margin-top:6px}
@media (max-width:760px){.yd-sc{gap:8px;padding:8px 10px}.yd-sc .t{font-size:15px}.yd-sc b{font-size:34px;min-width:46px}}
.yd-tag.live{background:#e62117;color:#fff}
/* ---------- accueil ---------- */
.ac-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin-top:8px}
.ac-tile{display:flex;align-items:center;gap:12px;border:1px solid #d8e0f2;background:#fff;border-radius:18px;padding:14px;cursor:pointer;text-align:left;font:inherit;color:#0b1f5c;box-shadow:0 2px 8px rgba(11,31,92,.06);transition:transform .12s,box-shadow .12s;min-height:76px}
.ac-tile:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(11,31,92,.12)}.ac-tile:active{transform:scale(.98)}
.ac-ic{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 14%,#fff);color:var(--c);flex:0 0 auto}
.ac-t{display:flex;flex-direction:column;min-width:0}.ac-t b{font-size:16px;line-height:1.15}.ac-t small{color:#5a6890;font-size:12.5px;margin-top:2px}
@media (max-width:700px){.ac-grid{grid-template-columns:1fr 1fr;gap:10px}.ac-tile{flex-direction:column;align-items:center;text-align:center;padding:14px 8px;gap:8px}.ac-t{align-items:center}.ac-t b{font-size:15px}.ac-t small{font-size:11.5px}}
/* ---------- fiches d'observation & suivi des arbitres ---------- */
.ar{color:#0b1f5c;--ar-line:#e1e6f3}
.ar .grow{flex:1}
.ar-hero{display:flex;align-items:center;gap:16px;justify-content:space-between;background:linear-gradient(120deg,#0b1f5c,#2340a8);color:#fff;border-radius:18px;padding:18px 20px;margin-bottom:14px}
.ar-hero h2{margin:0 0 4px;font:800 28px/1.05 'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.01em;color:#fff}.ar-hero p{margin:0;color:#c9d4f5;font-size:14px;max-width:640px}
.ar-hero .btn{flex:0 0 auto}.ar-hk{display:flex;align-items:center;gap:10px;flex:0 0 auto;background:#fff;border-radius:14px;padding:6px 12px 6px 6px;color:#0b1f5c;font-size:12.5px;font-weight:600;line-height:1.2}
.ar-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px}
.ar-seg{display:inline-flex;background:#eef1f8;border-radius:12px;padding:4px;gap:3px;flex-wrap:wrap}
.ar-seg button{border:0;background:none;font:700 14px inherit;font-family:inherit;color:#4a5a86;padding:9px 14px;border-radius:9px;cursor:pointer;display:flex;align-items:center;gap:7px;min-height:40px}
.ar-seg button b{background:#d8dff0;color:#0b1f5c;border-radius:999px;font-size:12px;padding:1px 8px}
.ar-seg button.on{background:#fff;color:#0b1f5c;box-shadow:0 2px 6px rgba(11,31,92,.12)}.ar-seg button.on b{background:#2d5bff;color:#fff}
.ar-seg.sm button{padding:6px 11px;min-height:34px;font-size:13px}
.ar-tg{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px;color:#0b1f5c}.ar-tg input{width:20px;height:20px}
.ar-note{background:#fff7e6;border:1px solid #f4dcae;color:#7a4b00;border-radius:12px;padding:10px 12px;font-size:13.5px}
.ar-empty{color:#6b7799;font-size:14px;margin:6px 0}.ar-empty.big{grid-column:1/-1;text-align:center;padding:30px 10px;font-size:15px}
.ar-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:14px}
.ar-fc{background:#fff;border:1px solid var(--ar-line);border-left:6px solid #9aa3bd;border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:12px;box-shadow:0 2px 10px rgba(11,31,92,.05)}
.ar-fc.todo{border-left-color:#e08a00}.ar-fc.full{border-left-color:#1f9d55}.ar-fc.next{border-left-color:#2d5bff}
.ar-fc header{display:flex;align-items:center;gap:12px}.ar-fc header img,.ar-ph{width:46px;height:46px;object-fit:contain;border-radius:10px;background:#f3f5fa;flex:0 0 auto}
.ar-fc header div{display:flex;flex-direction:column;min-width:0;flex:1}.ar-fc header small{color:#4a5a86;font-weight:600;font-size:12.5px}.ar-fc header b{font:800 19px/1.1 'Barlow Condensed',sans-serif;text-transform:uppercase}.ar-fc header span{font-size:13.5px;color:#33416b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ar-st{font-style:normal;font-size:12px;font-weight:700;border-radius:999px;padding:4px 10px;background:#eef1f8;color:#4a5a86;white-space:nowrap}
.ar-fc.todo .ar-st{background:#fff1d6;color:#9a5b00}.ar-fc.full .ar-st{background:#dcf5e5;color:#13703a}.ar-fc.next .ar-st{background:#e3eaff;color:#2340a8}
.ar-who{display:flex;flex-direction:column;gap:8px}
.ar-ab{display:flex;align-items:center;gap:12px;width:100%;border:1.5px solid var(--ar-line);background:#f8f9fd;border-radius:14px;padding:10px 12px;font:inherit;text-align:left;cursor:pointer;color:#0b1f5c;min-height:64px;transition:border-color .12s,background .12s}
.ar-ab:hover{border-color:#2d5bff;background:#fff}.ar-ab:active{transform:scale(.99)}.ar-ab.ok{background:#f2fbf5;border-color:#bfe5cc}
.ar-ab>span:nth-child(2){flex:1;display:flex;flex-direction:column;min-width:0}.ar-ab b{font-size:16px}.ar-ab small{color:#5a6890;font-size:12.5px}
.ar-go{font-size:28px;color:#2d5bff;font-weight:300;line-height:1}
.ar-fc footer{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;color:#4a5a86;border-top:1px dashed var(--ar-line);padding-top:10px}.ar-fc footer .warn{color:#b45309;font-weight:600}
.ar-fc .link{background:none;border:0;color:#2d5bff;font:600 13px inherit;font-family:inherit;cursor:pointer;padding:4px}
.av.ar-av{width:42px;height:42px;border-radius:50%;display:inline-grid;place-items:center;color:#fff;font-weight:800;font-size:15px;flex:0 0 auto;overflow:hidden}
.av.ar-av img{width:100%;height:100%;object-fit:cover}.av.ar-av i{font-style:normal}
.av.ar-av.sm{width:28px;height:28px;font-size:11px}.av.ar-av.lg{width:52px;height:52px;font-size:18px}.av.ar-av.xl{width:96px;height:96px;font-size:34px;border:4px solid #fff;box-shadow:0 6px 18px rgba(11,31,92,.25)}
.ar-pill{font-weight:800;font-size:14px;border-radius:999px;padding:5px 11px;white-space:nowrap}
.ar-pill.g{background:#dcf5e5;color:#13703a}.ar-pill.m{background:#fff1d6;color:#9a5b00}.ar-pill.b{background:#fde2e2;color:#a61b1b}.ar-pill.na{background:#eef1f8;color:#5a6890;font-weight:600;font-size:12.5px}
.ar-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:14px}
.ar-kpis>div{background:#fff;border:1px solid var(--ar-line);border-radius:14px;padding:12px;display:flex;flex-direction:column;align-items:flex-start;gap:2px;box-shadow:0 2px 8px rgba(11,31,92,.04)}
.ar-kpis b{font:800 34px/1 'Barlow Condensed',sans-serif;color:#0b1f5c}.ar-kpis b.up{color:#1f9d55}.ar-kpis b.down{color:#d63a3a}.ar-kpis span{font-size:12.5px;color:#5a6890;font-weight:600}
.ar-kpis>div.ring{flex-direction:row;align-items:center;gap:10px}
.ar-card{background:#fff;border:1px solid var(--ar-line);border-radius:16px;padding:16px;margin-bottom:14px;box-shadow:0 2px 10px rgba(11,31,92,.04);min-width:0}
.ar-card h3{margin:0 0 10px;font:800 18px 'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.02em;color:#0b1f5c}.ar-card h4{margin:12px 0 6px;font-size:13.5px;color:#33416b}
.ar-card h3+h3,.ar-card p+h3{margin-top:14px}.ar-sub{margin:-4px 0 10px;font-size:13px;color:#5a6890}
.ar-g2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ar-g2>.ar-card,.ar-col>.ar-card{margin-bottom:0}.ar-g2{margin-bottom:14px}.ar-col{display:flex;flex-direction:column;gap:14px;min-width:0}
.ar-g3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:14px}.ar-g3 .ar-card{margin:0}
.ar-sc{display:flex;align-items:center;gap:12px}.ar-sc>div{flex:1;min-width:0}.ar-sc h4{margin:0 0 8px;font-size:14.5px;color:#0b1f5c}
.ar-k{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:7px;color:#fff;font-weight:800;font-size:12.5px;flex:0 0 auto}.ar-k.big{width:40px;height:40px;font-size:20px;border-radius:11px}.ar-k.sm{width:auto;min-width:26px;padding:0 5px;height:20px;font-size:11px;border-radius:6px}
.ar-row{display:flex;align-items:center;gap:10px;margin:8px 0}.ar-row b{min-width:46px;text-align:right;font-size:15px}.ar-rl{flex:0 1 190px;min-width:0;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ar-hb{flex:1;height:10px;background:#eef1f8;border-radius:999px;overflow:hidden;display:block;min-width:40px}.ar-hb i{display:block;height:100%;border-radius:999px}
.ar-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ar-two p{margin:4px 0;font-size:13.5px;font-weight:600}.ar-two small{color:#6b7799;font-weight:500}
p.ok::before{content:'▲ ';color:#1f9d55}p.ko::before{content:'▼ ';color:#d63a3a}
.ar-leg{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:#4a5a86;margin-top:6px}.ar-leg i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:5px;vertical-align:-2px}.ar-leg i.dash{border:1.5px dashed #9aa3bd}
.ar-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.ar-mb{display:block}.ar-lc{width:100%;min-width:480px;height:auto;display:block}
.ar-ch{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}.ar-ch h3{margin:0}
.ar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px}
.ar-rc{display:flex;flex-direction:column;gap:10px;text-align:left;border:1.5px solid var(--ar-line);background:#fbfcff;border-radius:16px;padding:14px;cursor:pointer;font:inherit;color:#0b1f5c;transition:transform .12s,box-shadow .12s,border-color .12s}
.ar-rc:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(11,31,92,.1);border-color:#b9c7f3}
.ar-rh{display:flex;align-items:center;gap:10px}.ar-rh>div{flex:1;min-width:0;display:flex;flex-direction:column}.ar-rh b{font-size:17px}.ar-rh small{font-size:12px;color:#5a6890}
.tag{font-size:11px;font-weight:700;border-radius:999px;padding:1px 7px}.tag.hi{background:#dcf5e5;color:#13703a}.tag.lo{background:#fff1d6;color:#9a5b00}
.ar-rs{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;background:#f1f4fb;border-radius:12px;padding:8px 4px}.ar-rs span{display:flex;flex-direction:column;align-items:center;font-size:10.5px;color:#5a6890;text-align:center;line-height:1.15}.ar-rs b{font:800 20px/1.05 'Barlow Condensed',sans-serif;color:#0b1f5c}
.ar-abc{display:flex;flex-direction:column;gap:5px}.ar-abc div{display:flex;align-items:center;gap:8px;font-size:12px}.ar-abc span{font-weight:800;width:12px}.ar-abc em{font-style:normal;width:40px;text-align:right;font-weight:700}
.ar-rf{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:34px}.ar-nos{font-size:12px;color:#8a93ad}
.ar-tr{font-size:13px;font-weight:800;color:#5a6890}.ar-tr.up{color:#1f9d55}.ar-tr.down{color:#d63a3a}
.ar-heat{border-collapse:separate;border-spacing:3px;font-size:12.5px}.ar-heat th{font-weight:600;text-align:left;white-space:nowrap;padding:2px 8px 2px 0}.ar-heat thead th{vertical-align:bottom;text-align:center;padding:0 2px 4px}
.ar-heat thead th span{writing-mode:vertical-rl;transform:rotate(180deg);font-weight:700;max-height:120px;display:inline-block}.ar-heat tbody th .ar-k{margin-right:6px;width:20px;height:20px;font-size:10.5px}
.ar-heat td{min-width:40px;height:30px;text-align:center;border-radius:7px;font-weight:800}
.ar-dh{display:flex;margin-bottom:10px}
.ar-id{display:flex;align-items:center;gap:18px;background:linear-gradient(120deg,#0b1f5c,#2340a8);color:#fff;border-radius:20px;padding:18px 20px;margin-bottom:14px}
.ar-idt{flex:1;min-width:0}.ar-idt small{color:#9fb3ff;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:11.5px}.ar-idt h2{margin:2px 0 4px;font:800 34px/1 'Barlow Condensed',sans-serif;text-transform:uppercase;color:#fff}.ar-idt p{margin:0;color:#c9d4f5;font-size:14px}
.ar-big{display:flex;flex-direction:column;align-items:center;background:#fff;border-radius:18px;padding:8px 10px 6px;color:#4a5a86;font-size:12px;font-weight:700}
.ar-rad{display:grid;grid-template-columns:minmax(200px,280px) 1fr;gap:12px;align-items:center}.ar-radar{width:100%;height:auto}
.ar-cl{display:flex;flex-direction:column;gap:5px}.ar-crow{display:flex;align-items:center;gap:8px;font-size:12.5px}.ar-crow .ar-rl{flex:1 1 auto;font-size:12.5px}.ar-crow.none{opacity:.55}.ar-crow b{width:28px;text-align:right}.ar-crow small{color:#8a93ad}
.ar-dist{display:flex;width:80px;height:16px;border-radius:5px;overflow:hidden;flex:0 0 auto}.ar-dist i{display:grid;place-items:center;color:#fff;font-style:normal;font-size:10px;font-weight:700}
.d0{background:#e67e22}.d1{background:#2d6fd6}.d2{background:#23984f}.ar-leg i.d0,.ar-leg i.d1,.ar-leg i.d2{border-radius:3px}
.ar-pt{display:grid;grid-template-columns:auto 1fr auto;gap:6px;margin:5px 0;font-size:14px;font-weight:600}.ar-pt b{font-size:13px}.ar-pt.ok b{color:#1f9d55}.ar-pt.ko b{color:#d63a3a}
.ar-axe{display:flex;gap:8px;align-items:flex-start;font-size:14px;margin:5px 0}.ar-axe span{background:#2d5bff;color:#fff;border-radius:50%;width:22px;height:22px;display:grid;place-items:center;font-size:12px;font-weight:800;flex:0 0 auto}
.ar-chips{display:flex;flex-wrap:wrap;gap:8px}.ar-chip{display:flex;align-items:center;gap:6px;background:#f1f4fb;border-radius:999px;padding:3px 10px 3px 3px;font-size:13px;font-weight:600}.ar-chip b{background:#7c3aed;color:#fff;border-radius:999px;padding:0 7px;font-size:11.5px}
.ar-q{margin:0 0 10px;border-left:4px solid #2d5bff;background:#f6f8ff;border-radius:0 12px 12px 0;padding:10px 14px}.ar-q p{margin:0 0 4px;font-size:14.5px}.ar-q cite{font-style:normal;font-size:12px;color:#5a6890}
.ar-ml{display:flex;flex-direction:column;gap:6px}
.ar-mr{display:flex;align-items:center;gap:12px;border:1px solid var(--ar-line);background:#fbfcff;border-radius:12px;padding:8px 12px;font:inherit;text-align:left;color:#0b1f5c;cursor:pointer;min-height:54px}
.ar-mr:disabled{cursor:default;opacity:.75}.ar-mr.fut{background:#f4f7ff}.ar-mr:not(:disabled):hover{border-color:#2d5bff}
.ar-md{display:flex;flex-direction:column;align-items:center;min-width:44px}.ar-md b{font:800 18px/1 'Barlow Condensed',sans-serif}.ar-md small{font-size:11px;color:#5a6890}
.ar-mt{flex:1;display:flex;flex-direction:column;min-width:0}.ar-mt b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ar-mt small{font-size:12px;color:#5a6890}
.ar-mabc{display:flex;gap:3px}.ar-mabc i{width:9px;height:22px;border-radius:3px;display:block}
.fo-prog{font-size:12.5px;color:#5a6890;font-weight:600;margin-left:10px}
@media (max-width:1000px){.ar-kpis{grid-template-columns:repeat(3,1fr)}}
@media (max-width:760px){
  .ar-hero{flex-direction:column;align-items:flex-start;padding:16px}.ar-hero h2{font-size:24px}
  .ar-cards{grid-template-columns:1fr}.ar-g2,.ar-g3{grid-template-columns:1fr}.ar-kpis{grid-template-columns:repeat(2,1fr)}
  .ar-kpis b{font-size:28px}.ar-rad{grid-template-columns:1fr}.ar-radar{max-width:280px;margin:0 auto}
  .ar-id{flex-wrap:wrap;gap:12px}.ar-id .av.ar-av.xl{width:72px;height:72px;font-size:26px}.ar-idt h2{font-size:28px}.ar-big{flex-direction:row;gap:8px;width:100%;justify-content:center}
  .ar-rl{flex:0 1 48%}.ar-crow .ar-rl{flex:1 1 auto}
  .ar-seg{width:100%}.ar-seg button{flex:1;justify-content:center;padding:9px 6px}.ar-two{grid-template-columns:1fr}.ar-grid{grid-template-columns:1fr}
}
.ar-hact{display:flex;align-items:center;gap:12px;flex-wrap:wrap;flex:0 0 auto}
.ar-new{font-size:17px;padding:14px 22px;border-radius:14px;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.ar-free{font-size:11.5px;color:#5a6890;background:#eef1f8;border-radius:999px;padding:2px 8px}
.nf{max-width:560px;color:#0b1f5c}.nf h3{margin:0 0 12px}.nf label{display:flex;flex-direction:column;gap:4px;font-weight:600;font-size:13.5px;margin-bottom:10px}.nf label small{font-weight:500;color:#6b7799}
.nf input,.nf select{font:inherit;font-size:16px;padding:10px 11px;border:1px solid #c9d0e4;border-radius:10px;background:#fff;color:#0b1f5c;width:100%;box-sizing:border-box;min-height:46px}
.nf-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.nf-err{color:#b42318;font-weight:600;margin:0 0 8px}.nf .row-actions{justify-content:flex-end}
@media (max-width:760px){.ar-hact{width:100%}.ar-new{flex:1;justify-content:center}.nf-2{grid-template-columns:1fr}}
.cdlg-box.nf{width:min(560px,100%)}
/* ===== Guide ===== */
.gd{max-width:980px;margin:0 auto;color:#0b1f5c}
.gd-hero{display:flex;gap:20px;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;background:linear-gradient(135deg,#0b1f5c,#1d3fa8);color:#fff;border-radius:18px;padding:22px 24px;margin-bottom:16px}
.gd-hero h2{font-family:var(--font-cond,'Barlow Condensed'),sans-serif;text-transform:uppercase;font-size:30px;margin:0 0 4px}
.gd-hero p{margin:0 0 6px;max-width:520px;color:#dbe4ff;font-size:15px;line-height:1.4}.gd-hero small{color:#9db8ff}
.gd-tools{display:flex;flex-direction:column;gap:8px;flex:1 1 300px;max-width:420px}
.gd-q{font:inherit;font-size:16px;padding:12px 14px;border-radius:12px;border:0;width:100%;box-sizing:border-box;color:#0b1f5c;min-height:46px}
.gd-all{font-size:13px;color:#dbe4ff;display:flex;gap:8px;align-items:center}
.gd-news{background:#fff;border:1px solid #e3e8f4;border-radius:14px;padding:12px 18px;margin-bottom:14px}
.gd-news h3,.gd-faq h3{font-family:var(--font-cond,'Barlow Condensed'),sans-serif;text-transform:uppercase;font-size:19px;margin:4px 0 8px}
.gd-news ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}.gd-news li{display:flex;gap:12px;font-size:14.5px;line-height:1.35}
.gd-news time{flex:none;width:82px;color:#6b7799;font-weight:600;font-size:13px;padding-top:1px}
.gd-toc{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.gd-chip{border:1.5px solid color-mix(in srgb,var(--c) 35%,transparent);background:color-mix(in srgb,var(--c) 8%,#fff);color:#0b1f5c;border-radius:999px;padding:8px 13px;font:inherit;font-weight:600;font-size:14px;cursor:pointer;min-height:40px}
.gd-chip:hover{background:color-mix(in srgb,var(--c) 16%,#fff)}
.gd-list{display:grid;gap:10px}
.gd-sec{background:#fff;border:1px solid #e3e8f4;border-left:6px solid var(--c);border-radius:14px;scroll-margin-top:80px}
.gd-sec summary{list-style:none;cursor:pointer;padding:14px 18px;display:grid;grid-template-columns:auto 1fr auto;column-gap:12px;align-items:center}
.gd-sec summary::-webkit-details-marker{display:none}
.gd-sec summary::after{content:'+';grid-column:3;grid-row:1/3;font-size:24px;font-weight:700;color:#6b7799}.gd-sec[open] summary::after{content:'–'}
.gd-dot{grid-row:1/3;width:12px;height:12px;border-radius:50%;background:var(--c)}
.gd-sec summary b{font-size:18px}.gd-sec summary small{grid-column:2;color:#4a5a86;font-size:14px;line-height:1.35;margin-top:2px}
.gd-body{padding:0 18px 16px 42px;font-size:15.5px;line-height:1.5}
.gd-body h4{margin:12px 0 4px;font-size:15.5px;color:#0b1f5c}.gd-body ul{margin:0;padding-left:20px}.gd-body li{margin:3px 0}
.gd-tip{margin-top:12px;background:#f3f6fd;border-radius:10px;padding:10px 14px}.gd-tip b{font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:#4a5a86}
.gd-go{margin-top:12px}
.gd-faq{background:#fff;border:1px solid #e3e8f4;border-radius:14px;padding:12px 18px;scroll-margin-top:80px}
.gd-faq details{border-top:1px solid #eef1f8;padding:10px 0}.gd-faq summary{cursor:pointer;font-weight:600;font-size:15.5px}.gd-faq p{margin:6px 0 0;color:#2c3a66;line-height:1.45}
@media (max-width:760px){.gd-hero{padding:18px}.gd-hero h2{font-size:25px}.gd-body{padding:0 14px 14px 18px}.gd-sec summary{padding:13px 14px}.gd-news time{width:70px}}
/* buvette : simple ligne, en petit */
.tm-buv{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:6px 0 2px;font-size:12.5px;color:#4a5878}
.tm-buv-l{font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:11px;color:#6b7896}
.tm-buv em{font-style:normal;opacity:.7}
.tm-buv .tm-face{transform:scale(.8);transform-origin:left center}
.tm-add.sm{width:28px;height:28px;font-size:16px}
.tm-b.p.buv{font-size:12px;padding:5px 10px;min-height:30px}
.tm-wkr{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}
.tm-share{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:999px;background:#25D366;color:#fff;font:700 13.5px 'Barlow',sans-serif;padding:7px 13px;cursor:pointer;min-height:34px}
.tm-share.busy{opacity:.6;pointer-events:none}
/* ---------- Collectifs ---------- */
.col-cats{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 12px}
.col-cat{display:flex;flex-direction:column;align-items:flex-start;gap:2px;border:1.5px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:inherit;border-radius:12px;padding:8px 14px;font:inherit;cursor:pointer;min-width:96px}
.col-cat b{font-size:15px;text-transform:uppercase;letter-spacing:.02em}
.col-cat span{font-size:12px;opacity:.75}
.col-cat.on{background:#fff;color:#0a1c5a;border-color:#fff}
.col-tools{margin-bottom:12px}
.col-tools input{width:min(360px,100%);padding:10px 12px;border-radius:10px;border:1.5px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:inherit;font:inherit}
.col-grid{display:grid;grid-template-columns:repeat(var(--ncol,2),minmax(0,1fr));gap:12px;align-items:start}
.col-col{background:#fff;color:#0a1c5a;border-radius:14px;padding:10px;border:3px solid transparent;transition:border-color .15s}
.col-col.over{border-color:#2f7bff;background:#eef4ff}
.col-col header{display:flex;justify-content:space-between;align-items:baseline;padding:4px 6px 10px;border-bottom:2px solid #e3e7ef;margin-bottom:6px}
.col-col header b{font-family:var(--font-cond,'Barlow Condensed'),sans-serif;font-size:22px;text-transform:uppercase}
.col-col header span{font-size:13px;font-weight:700;color:#5a6782}
.col-list{display:flex;flex-direction:column;gap:4px;min-height:60px}
.col-p{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:10px;background:#f3f5f9;font-size:14px}
.col-p[draggable=true]{cursor:grab}
.col-p.drag{opacity:.4}
.col-n{flex:1;min-width:0;line-height:1.25}
.col-n small{display:inline-block;min-width:22px;margin-right:4px;font-weight:800;color:#5a6782}
.col-n em{display:block;font-style:normal;font-size:11.5px;color:#b45309;font-weight:700}
.col-seg{display:inline-flex;border:1.5px solid #c3cad8;border-radius:999px;overflow:hidden;flex:none}
.col-seg button{border:0;background:#fff;color:#0a1c5a;font:inherit;font-weight:800;font-size:14px;width:34px;height:30px;cursor:pointer}
.col-seg button + button{border-left:1.5px solid #c3cad8}
.col-seg button.on{background:#0a1c5a;color:#fff}
.col-col .empty{padding:14px;color:#5a6782;font-size:14px}
@media (max-width:760px){.col-grid{grid-template-columns:1fr}}
.col-cat{border-color:#c3cad8;background:#f3f5f9;color:#0a1c5a}
.col-cat.on{background:#0a1c5a;color:#fff;border-color:#0a1c5a}
.col-tools input{border-color:#c3cad8;background:#fff;color:#0a1c5a}
.col-col{border:2px solid #e3e7ef}
.col-col.over{border:3px solid #2f7bff}
/* iPhone (Safari) : l'image dépassait du cadre et seule la tête apparaissait ; on la cale dans le cadre */
.ph-thumb img,.ph-prev img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;object-position:center bottom}

/* miniatures YouTube */
.yt-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin-bottom:10px}
.yt-th{background:#fff;border:1px solid #dfe4ee;border-radius:12px;overflow:hidden}
.yt-th canvas{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#071a52}
.yt-th-a{display:flex;flex-direction:column;gap:8px;padding:10px}
.yt-th-a b{font-size:13px;color:#0b1f5c;line-height:1.3}
.yt-th-a span{display:flex;gap:8px;flex-wrap:wrap}
/* présences */
.pr-cats,.pr-teams{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px}
.pr-teams:empty{display:none}
.pr-tabs{margin:4px 0 14px}
.pr-day,.pr-per{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.pr-day input[type=date]{font:inherit;padding:7px 10px;border:1px solid #cfd6e4;border-radius:10px}
.pr-dlab{font:800 18px var(--font-cond,'Barlow Condensed'),sans-serif;text-transform:capitalize;color:#0b1f5c}
.pr-day .grow,.pr-per .grow{flex:1}
.pr-sum{display:flex;flex-wrap:wrap;gap:14px;font-size:14px;margin:0 0 10px;color:#334}
.pr-sum span{display:inline-flex;align-items:center;gap:5px}
.pr-sum i{width:10px;height:10px;border-radius:50%;background:var(--c)}
.pr-recent{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;color:#5a6782;margin-bottom:10px}
.pr-list{display:flex;flex-direction:column;gap:6px}
.pr-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#fff;border:1px solid #e1e6f0;border-left:5px solid #d3d9e6;border-radius:12px;padding:8px 10px}
.pr-row.st-present{border-left-color:#0E7A4A}.pr-row.st-absent{border-left-color:#B0121B}.pr-row.st-malade{border-left-color:#7C3AED}.pr-row.st-blesse{border-left-color:#C85A00}.pr-row.st-autre{border-left-color:#475569}.pr-row.st-retard{border-left-color:#B45309}.pr-row.st-excuse{border-left-color:#2D5BFF}
.pr-nm{flex:1 1 180px;font-weight:800;color:#0b1f5c;font-size:15px}
.pr-nm small{display:block;font-weight:500;color:#5a6782;font-size:12px}
.pr-btns{display:flex;flex-wrap:wrap;gap:5px}
.pr-b{font:700 13px inherit;font-family:inherit;padding:8px 10px;min-height:38px;border-radius:9px;border:1.5px solid color-mix(in srgb,var(--c) 45%,#fff);background:#fff;color:var(--c);cursor:pointer}
.pr-b.on{background:var(--c);border-color:var(--c);color:#fff}
.pr-b:disabled{opacity:.55;cursor:default}
.pr-kpis{display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 14px}
.pr-kpis div{background:#fff;border:1px solid #e1e6f0;border-radius:12px;padding:10px 14px;min-width:110px}
.pr-kpis b{display:block;font:800 26px var(--font-cond,'Barlow Condensed'),sans-serif;color:#0b1f5c}
.pr-kpis span{font-size:12px;color:#5a6782}
.pr-days{display:flex;gap:6px;align-items:flex-end;overflow-x:auto;padding:4px 0 10px;margin-bottom:10px}
.pr-dbar{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:52px;background:none;border:0;cursor:pointer;font:inherit}
.pr-dbar i{display:block;width:26px;height:90px;border-radius:6px 6px 2px 2px;background:#ccc;align-self:center}
.pr-dbar{height:140px;justify-content:flex-end}
.pr-dbar small{font-size:11px;color:#5a6782;white-space:nowrap}
.pr-dbar b{font-size:12px;color:#0b1f5c}
.pr-tab{width:100%;border-collapse:collapse;font-size:14px;background:#fff;border-radius:12px;overflow:hidden}
.pr-tab th{font-size:11px;text-transform:uppercase;letter-spacing:.03em;text-align:left;padding:8px 6px;border-bottom:1px solid #e1e6f0;background:#f6f8fc}
.pr-tab td{padding:7px 6px;border-bottom:1px solid #eef1f6}
.pr-tab td.n{text-align:center;font-weight:700}
.pr-rt{white-space:nowrap}
.pr-gauge{display:inline-block;width:70px;height:8px;border-radius:5px;background:#e8ecf3;vertical-align:middle;margin-right:6px;overflow:hidden}
.pr-gauge i{display:block;height:100%}
.pr-dlg{border:0;border-radius:14px;padding:18px;max-width:420px;width:92vw}
.pr-dlg input{width:100%;font:inherit;padding:10px;border:1px solid #cfd6e4;border-radius:10px;margin:8px 0 12px}
.pr-dlg-a{display:flex;justify-content:flex-end;gap:8px}
@media (max-width:760px){.pr-tab{font-size:12px}.pr-tab th:nth-child(n+5),.pr-tab td:nth-child(n+5){display:none}.pr-b{padding:7px 8px;font-size:12px}}
.cloudview .pr-tabs button.active,.cloudview .pr-per .seg button.active{background:#0b1f5c;color:#fff}
.cloudview .pr-tabs,.cloudview .pr-per .seg{border-color:#cfd6e4}
.cloudview .pr-tabs button,.cloudview .pr-per .seg button{color:#0b1f5c}

.col-addb{margin-left:auto;border:1.5px solid #0a1c5a;background:#fff;color:#0a1c5a;font:inherit;font-weight:800;font-size:13px;border-radius:999px;padding:4px 12px;cursor:pointer}
.col-col header{gap:8px;flex-wrap:wrap}
.col-add{display:flex;flex-wrap:wrap;gap:6px;padding:8px;margin-bottom:8px;border-radius:10px;background:#eef2ff;border:1.5px solid #c9d3f5}
.col-add input{flex:1 1 110px;min-width:0;height:36px;border:1.5px solid #c3cad8;border-radius:8px;padding:0 10px;font:inherit;font-size:15px;text-transform:uppercase}
.col-add input[name=num]{flex:0 0 60px}
.col-add .btn{height:36px}
.col-del{flex:none;width:30px;height:30px;border-radius:50%;border:1.5px solid #e2b4b4;background:#fff;color:#b42318;font-weight:800;font-size:14px;cursor:pointer;line-height:1}
.col-del:hover{background:#fdecec}

.yt-seg{display:inline-flex;background:#eef1f7;border-radius:10px;padding:3px;gap:3px;margin:2px 0 8px}
.yt-seg button{font:inherit;font-weight:700;font-size:13px;border:0;background:transparent;color:#0b1f5c;padding:7px 14px;border-radius:8px;cursor:pointer;min-height:36px}
.yt-seg button.on{background:#0b1f5c;color:#fff}
.yt-th-a .yt-v{font-size:12px;color:#7a8499}
.yt-th-a .yt-v.ok{color:#0E7A4A}

/* onglets regroupés par pôle */
#modeTabs.grouped{display:flex !important;flex-wrap:wrap;align-items:stretch;gap:6px;max-width:none !important}
@media (min-width:821px){ #modeTabs.grouped{padding:6px} }
#modeTabs.grouped .mbreak{flex-basis:100%;height:0}
#modeTabs.grouped .mgrp{--g:#9aa6bf;display:flex;flex-wrap:wrap;gap:2px;padding:3px;border-radius:12px;border:2px solid var(--g);background:color-mix(in srgb,var(--g) 18%,transparent)}
#modeTabs.grouped .mgrp:not(:has([data-mode]:not([hidden]))){display:none}
#modeTabs.grouped .mgrp button{padding:8px 10px;min-width:0}
#modeTabs.grouped .mg-solo{border-color:transparent;background:transparent}
#modeTabs.grouped .mg-direct{--g:#E5333F}
#modeTabs.grouped .mg-stats{--g:#F28C28}
#modeTabs.grouped .mg-affiches{--g:#6EC6F0}
#modeTabs.grouped .mg-tables{--g:#22A55B}
#modeTabs.grouped .mg-arb{--g:#F5C400}
#modeTabs.grouped .mg-tournoi{--g:#F29BC0}
#modeTabs.grouped .mg-logi{--g:#F59E0B}
#modeTabs.grouped .mg-gestion{--g:#B8C0D0}
#modeTabs.grouped .mgrp button.on{background:#fff;color:#0b1f5c}
@media (max-width:700px){
  #modeTabs.grouped{flex-wrap:nowrap;gap:6px}
  #modeTabs.grouped .mbreak{display:none}
  #modeTabs.grouped .mgrp{flex:0 0 auto;flex-wrap:nowrap}
}
.yt-conn{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px;border-radius:10px;background:#fff4e5;border:1px solid #f3c27a;margin:6px 0 10px;font-size:13px;color:#5a3a00}
.yt-conn.ok{background:#e9f7ef;border-color:#9fd8b5;color:#14532d}
.yt-conn span{flex:1 1 260px}
/* Excel déplacé dans l'onglet Administration */
.top-actions>label:has(#fileExcel),.top-actions>#btnExportXlsx{display:none!important}
/* utilisateurs en ligne */
.onl{position:relative}
.onl-b{gap:7px!important}
.onl-b i{width:9px;height:9px;border-radius:50%;background:#38c878;box-shadow:0 0 0 3px rgba(56,200,120,.25)}
.onl-b b{font-weight:800}
.onl-d{position:absolute;right:0;top:calc(100% + 6px);z-index:60;min-width:260px;max-width:min(340px,92vw);max-height:70vh;overflow:auto;background:#fff;color:#14213d;border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.25);padding:10px 12px}
.onl-h{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#5b6b8c;margin:6px 0 4px}
.onl-l{list-style:none;margin:0 0 6px;padding:0}
.onl-l li{display:grid;grid-template-columns:12px 1fr;column-gap:8px;align-items:center;padding:5px 0;border-bottom:1px solid #eef1f7}
.onl-l li:last-child{border-bottom:0}
.onl-l li i{width:9px;height:9px;border-radius:50%;background:#c7cedb}
.onl-l li i.on{background:#38c878}
.onl-l li b{font-size:13.5px}
.onl-l li small{grid-column:2;font-size:11.5px;color:#5b6b8c}
.onl-l.off li b{color:#5b6b8c;font-weight:600}
.adm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}
.adm-card{background:#fff;border:1px solid #dfe5f0;border-radius:14px;padding:14px 16px}
.adm-card h3{margin:0 0 6px;font-size:16px;color:#0b1f5c}
.yt-v.ko{color:#b42318;font-weight:600}
/* bouton Assistance */
.sup-btn{position:fixed;right:16px;bottom:16px;z-index:55;display:flex;align-items:center;gap:7px;padding:10px 15px;border-radius:99px;border:0;background:#0b1f5c;color:#fff;font:700 14px/1 inherit;font-family:inherit;box-shadow:0 8px 22px rgba(11,31,92,.35);cursor:pointer}
.sup-btn:hover{background:#2b59c3}
.sup-btn.busy{opacity:.75;cursor:wait}
.sup-box textarea{width:100%;box-sizing:border-box;margin-top:6px;padding:10px;border:1px solid #cfd7e6;border-radius:10px;font:inherit;font-size:15px;resize:vertical}
.sup-l{display:block;font-weight:700;color:#0b1f5c;margin:6px 0 10px}
.sup-shot{display:flex;flex-direction:column;gap:8px;margin:6px 0}
.sup-shot img{max-width:100%;max-height:220px;object-fit:contain;border:1px solid #dfe5f0;border-radius:8px;align-self:flex-start}
.adm-wide{grid-column:1/-1}
.sup-list{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.sup-list li{border:1px solid #dfe5f0;border-left:4px solid #e5484d;border-radius:10px;padding:10px 12px}
.sup-list li.done{border-left-color:#38c878;opacity:.75}
.sup-list li p{margin:6px 0;white-space:pre-wrap;font-size:14px}
.sup-list li small{color:#5b6b8c}
@media (max-width:760px){.sup-btn{right:10px;bottom:10px;padding:11px}.sup-btn span{display:none}}
.sup-thx{margin:8px 0 4px;font-weight:600;color:#0b1f5c}
.tag.owner{background:#fff1c2;color:#7a4b00;border:1px solid #f0c454;font-weight:700}
/* ---------- Stages vacances ---------- */
.vc-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 12px}
.vc-bar select{font:inherit;font-weight:700;padding:9px 12px;border:1px solid #cfd6e4;border-radius:10px;background:#fff;min-width:220px}
.vc-bar .danger{color:#B0121B}
.vc-kpis{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 8px}
.vc-kpis div{background:#fff;border:1px solid #e1e6f0;border-radius:12px;padding:10px 14px;min-width:110px}
.vc-kpis b{display:block;font-size:24px;color:#0b1f5c;line-height:1.1}.vc-kpis span{font-size:12px;color:#5b6478}
.vc-tabs{margin:8px 0 12px}.vc-wk{margin:0 0 12px}
.vc-grid{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:8px;overflow-x:auto;padding-bottom:4px}
.vc-day{display:flex;flex-direction:column;gap:8px;min-width:150px}
.vc-dh{background:#c9ccd3;color:#111;font-weight:800;text-transform:uppercase;text-align:center;border-radius:10px;padding:8px 4px;font-size:15px}
.vc-dh small{display:block;font-size:14px;font-weight:700;text-transform:none}
.vc-cell{position:relative;display:flex;flex-direction:column;gap:4px;align-items:flex-start;text-align:left;background:var(--g);border:2px solid transparent;border-radius:12px;padding:10px;cursor:pointer;font:inherit;color:#111;min-height:120px}
.vc-cell.on{border-color:#0b1f5c;box-shadow:0 0 0 2px #0b1f5c33}
.vc-h{font-size:13px;font-weight:700;opacity:.8}.vc-g{font-size:18px;font-weight:900;line-height:1.1}.vc-l{font-size:12px;font-weight:700}
.vc-n{font-size:14px;margin-top:2px}.vc-n b{font-size:22px}
.vc-tm{display:flex;flex-wrap:wrap;gap:4px}.vc-tm i{font-style:normal;font-size:11px;font-weight:700;background:#ffffffb3;border-radius:6px;padding:2px 6px}
.vc-ed{position:absolute;top:6px;right:6px;font-size:11px;font-weight:700;background:#ffffffcc;border-radius:6px;padding:2px 6px}
.vc-det{background:#fff;border:1px solid #e1e6f0;border-radius:14px;padding:14px;margin:12px 0}
.vc-det h3{margin:0 0 4px;font-size:18px;color:#0b1f5c}.vc-sum{margin:0 0 10px}.vc-sum .ok{color:#0E7A4A;font-weight:700}.vc-sum .ko{color:#B0121B;font-weight:700}
.vc-grp{margin:0 0 10px}.vc-gh{font-weight:800;color:#0b1f5c;background:#eef1f7;border-radius:8px;padding:6px 10px;margin:0 0 4px}.vc-gh small{color:#5b6478}
.vc-pl{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 4px;border-bottom:1px solid #eef1f6;flex-wrap:wrap}
.vc-pl em,.vc-tab em{font-size:11px;font-style:normal;color:#B45309;font-weight:700}.vc-pl small{color:#5b6478}
.vc-ab{display:flex;gap:6px}
.vc-tools{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 10px}.vc-tools input{flex:1;min-width:180px;font:inherit;padding:9px 12px;border:1px solid #cfd6e4;border-radius:10px}
.vc-scroll{overflow-x:auto}.vc-tab th.c,.vc-tab td.c{text-align:center}.vc-tab th{white-space:nowrap}
.vc-ck2{width:34px;height:34px;border-radius:9px;border:2px solid #cfd6e4;background:#fff;font-weight:900;color:#fff;cursor:pointer}
.vc-ck2.sm{width:28px;height:28px}.vc-ck2.on{background:#0E7A4A;border-color:#0E7A4A}.vc-ck2:disabled{cursor:default}
.vc-m{color:#2D5BFF;font-size:11px}
.vc-lnk{background:none;border:0;padding:0;font:inherit;font-weight:700;color:#2f55d4;cursor:pointer;text-align:left}
.vc-tot td{font-weight:800;background:#f6f8fc}
.vc-empty{background:#fff;border:1px dashed #cfd6e4;border-radius:14px;padding:24px;text-align:center}
.vc-f{display:flex;flex-direction:column;gap:4px;font-weight:700;font-size:13px;margin:0 0 10px}
.vc-f input,.vc-f select{font:inherit;font-weight:400;padding:9px;border:1px solid #cfd6e4;border-radius:10px}
.vc-row{display:flex;gap:10px}.vc-row .vc-f{flex:1}
.vc-ck{display:flex;align-items:center;gap:8px;font-weight:400;padding:4px 0}
.vc-dlg .pr-dlg-a .grow,.pr-dlg-a .grow{flex:1}
.pr-dlg .vc-ck input{width:auto;margin:0}
.vc-det,.vc-tab,.vc-kpis,.vc-empty,.vc-tools input{color:#1e2433}
.vc-tab td b{color:#0b1f5c}
@media (max-width:700px){.vc-grid{grid-template-columns:repeat(5,minmax(140px,72vw));scroll-snap-type:x mandatory}.vc-day{scroll-snap-align:start}.vc-bar select{min-width:0;flex:1 1 100%}}
.vc-wks{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 14px}
.vc-wkb{flex:1 1 260px;display:flex;align-items:center;gap:16px;text-align:left;min-height:96px;padding:14px 20px;border-radius:18px;border:3px solid var(--w);background:#fff;color:var(--w);font:inherit;cursor:pointer;transition:transform .15s,box-shadow .15s}
.vc-wkb:hover{transform:translateY(-2px)}
.vc-wn{flex:none;display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:var(--w);color:#fff;font-style:normal;font-size:26px;font-weight:900}
.vc-wt{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.vc-wt b{font-size:clamp(22px,2.4vw,30px);font-weight:900;line-height:1.05}
.vc-wt span{font-size:clamp(16px,1.6vw,20px);font-weight:700;color:#1e2433}
.vc-wc{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:86px;padding:8px 12px;border-radius:14px;background:color-mix(in srgb,var(--w) 12%,#fff);font-size:14px;font-weight:700;line-height:1.1}
.vc-wc b{font-size:30px;font-weight:900}
.vc-wkb.on{background:var(--w);color:#fff;box-shadow:0 8px 20px -8px var(--w)}
.vc-wkb.on .vc-wn{background:#fff;color:var(--w)}
.vc-wkb.on .vc-wt span{color:#fff}
.vc-wkb.on .vc-wc{background:#ffffff26;color:#fff}
@media (max-width:700px){.vc-wkb{min-height:80px;padding:10px 14px;gap:10px}.vc-wn{width:46px;height:46px;font-size:19px}.vc-wc{min-width:64px}.vc-wc b{font-size:22px}}
.vc-wth{color:#fff !important;background:var(--w) !important}
.vc-ck2.wk{border-color:var(--w)}.vc-ck2.wk.on{background:var(--w);border-color:var(--w)}
.ac-fdm{display:flex;flex-wrap:wrap;align-items:center;gap:12px;background:#fff;border:1px solid #e1e6f0;border-left:5px solid #0e9f6e;border-radius:14px;padding:14px 16px;margin:0 0 14px;color:#1e2433}
.ac-fdm-t{flex:1 1 280px;display:flex;flex-direction:column;gap:2px}.ac-fdm-t b{font-size:17px;color:#0b1f5c}.ac-fdm-t small{font-size:13px;color:#4a5a86}
.ac-fdm-r{flex:1 1 100%;margin:0;font-size:14px;line-height:1.45}.ac-fdm-r.err{color:#B0121B}

/* ---------- Logistique : buvette, matériel, pharmacie ---------- */
.lg-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 14px}
.lg-badge{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:99px;background:#d64545;color:#fff;font-size:12px;margin-left:4px}
.lg-alert{background:#fff4e5;border:1px solid #f5b25a;color:#7a3e00;border-radius:12px;padding:10px 14px;margin:6px 0 12px;font-size:14px;cursor:pointer}
.lg-ok{background:#e9f8ef;border:1px solid #9bd8b2;color:#0e5b33;border-radius:12px;padding:10px 14px;margin:6px 0 12px;font-weight:600}
.lg-miss{background:#eef3ff;border:1px solid #b9c9f2;border-radius:12px;padding:14px 16px;color:#0b1f5c}
.lg-card{background:#fff;border:1px solid #e1e6f0;border-radius:14px;padding:12px 14px;margin:12px 0}
.lg-card h3{margin:0 0 8px;font-family:var(--font-cond,inherit);font-size:18px;color:#0b1f5c}
.lg-card.warn{border-color:#f5b25a;background:#fffaf2}
details.lg-card summary{cursor:pointer;list-style:none}details.lg-card summary h3{display:inline}
.lg-ul{margin:0;padding-left:18px;line-height:1.7}
.lg-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:4px 0 12px}
.lg-sel{padding:8px 10px;border-radius:10px;border:1px solid #cfd8ee;font:inherit;font-size:15px;background:#fff;color:#0b1f5c;max-width:100%}
.lg-in{width:74px;padding:6px 8px;border:1px solid #cfd8ee;border-radius:8px;font:inherit;font-size:15px;text-align:center}
.lg-in.w{width:100%;min-width:150px;text-align:left}.lg-in.big{width:96px;font-size:22px;font-weight:700;padding:8px}
.lg-tab td small{color:#6b7896}.lg-tab td.neg{color:#c62828}.lg-tab tr.lg-low td{background:#fff1f1}
.lg-tab .lg-act{white-space:nowrap}.lg-tab .lg-act .btn{margin:2px}
.lg-tab td.c,.lg-tab th.c{text-align:center}.lg-buy{font-size:18px;color:#0b1f5c}
.lg-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:8px 0}
.lg-kpis>div{background:#fff;border:1px solid #e1e6f0;border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:2px}
.lg-kpis small{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#6b7896;font-weight:700}
.lg-kpis b{font-size:26px;color:#0b1f5c;font-family:var(--font-cond,inherit)}.lg-kpis em{font-style:normal;font-size:13px;color:#475569}
.lg-kpis .g{background:#e9f8ef;border-color:#9bd8b2}.lg-kpis .g b{color:#0e7a4a}
.lg-warn-t{color:#9a4b00;font-size:13px;margin:4px 0}
.lg-bar{position:relative;height:24px;background:#eef2fa;border-radius:6px;min-width:120px}
.lg-bar i{position:absolute;inset:0 auto 0 0;background:#2c55c8;border-radius:6px}.lg-bar span{position:relative;z-index:1;padding:0 8px;line-height:24px;font-weight:700;color:#fff;mix-blend-mode:normal;text-shadow:0 0 3px #0b1f5c}
.lg-sales{display:flex;flex-direction:column;gap:6px;max-height:420px;overflow:auto}
.lg-sale{display:grid;grid-template-columns:150px 1fr auto auto auto;gap:8px;align-items:center;font-size:13px;border-bottom:1px solid #eef1f6;padding:5px 0}
.lg-sale em{font-style:normal;color:#6b7896}
@media(max-width:640px){.lg-sale{grid-template-columns:1fr auto}.lg-sale span:first-child{grid-column:1/-1;color:#6b7896}}
/* caisse */
.lg-pos{background:#0b1f5c;border-radius:16px;padding:12px;color:#fff}
.lg-pos-top{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px;flex-wrap:wrap}
.lg-cats{display:flex;gap:8px;flex-wrap:wrap}.lg-cats .chip{font-size:16px;padding:10px 16px}
.lg-pos-main{display:grid;grid-template-columns:1fr 320px;gap:12px}
.lg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;align-content:start}
.lg-grid.sm{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin:10px 0}
.lg-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;background:#fff;color:#0b1f5c;border:3px solid transparent;border-radius:16px;padding:10px 8px 12px;cursor:pointer;font:inherit;text-align:center;transition:transform .08s}
.lg-tile:active{transform:scale(.96);border-color:#2c55c8}
.lg-tile.low{border-color:#f5b25a}.lg-tile.out{opacity:.5}
.lg-ph{width:96px;height:96px;border-radius:12px;background:#eef2fa;display:grid;place-items:center;overflow:hidden;color:#2c55c8}
.lg-ph img{width:100%;height:100%;object-fit:cover}.lg-ph svg{width:52px;height:52px}
.lg-ph.sm{width:52px;height:52px;flex:none}.lg-ph.sm svg{width:30px;height:30px}
.lg-nm{font-weight:700;font-size:15px;line-height:1.2;min-height:36px;display:flex;align-items:center}
.lg-pr{font-family:var(--font-cond,inherit);font-size:24px;font-weight:800;color:#2c55c8}
.lg-st{position:absolute;top:6px;right:6px;font-size:11px;font-weight:700;background:#eef2fa;color:#475569;border-radius:99px;padding:2px 7px}
.lg-tile.low .lg-st{background:#fff1dc;color:#9a4b00}
.lg-ticket{background:#fff;color:#0b1f5c;border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:8px;align-self:start;position:sticky;top:8px}
.lg-ticket h3{margin:0;font-size:16px;text-transform:uppercase;letter-spacing:.05em;color:#6b7896}
.lg-lines{display:flex;flex-direction:column;gap:6px;max-height:42vh;overflow:auto}
.lg-line{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;border-bottom:1px solid #eef1f6;padding-bottom:6px}
.lg-line small{display:block;color:#6b7896;font-size:12px}
.lg-q{display:flex;align-items:center;gap:6px}.lg-q button,.lg-step button{width:34px;height:34px;border-radius:10px;border:1px solid #cfd8ee;background:#f4f7fe;font-size:20px;font-weight:700;color:#0b1f5c;cursor:pointer}
.lg-step{display:inline-flex;align-items:center;gap:6px}
.lg-lt{font-weight:700;min-width:62px;text-align:right}
.lg-total{display:flex;justify-content:space-between;align-items:baseline;border-top:2px solid #0b1f5c;padding-top:8px}
.lg-total span{font-size:18px;font-weight:700}.lg-total b{font-family:var(--font-cond,inherit);font-size:44px;color:#0b1f5c}
.lg-pay{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.lg-pay .btn{padding:16px 8px;font-size:16px;font-weight:800;border-radius:14px;justify-content:center}
.lg-cb{background:#2c55c8;color:#fff;border:0}.lg-esp{background:#0e7a4a;color:#fff;border:0}
.lg-pay .btn:disabled{opacity:.4}
.lg-clear{align-self:center}.lg-q-info{color:#9a4b00}
.lg-paydlg .cdlg-box{text-align:center}
.lg-pay-l{font-size:16px;font-weight:700;color:#475569;margin:0}
.lg-pay-big{font-family:var(--font-cond,inherit);font-size:72px;font-weight:800;color:#0b1f5c;margin:6px 0}
.lg-cash{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.lg-cash .btn{font-size:18px;padding:12px 16px}
.lg-rendu{font-size:26px;margin:10px 0 0}.lg-rendu b{color:#0e7a4a}
.cdlg .btn.big{padding:14px 22px;font-size:17px}
/* plein écran : la caisse occupe tout l'écran */
body.lg-fs-on .lg-pos.fs{position:fixed;inset:0;z-index:9000;border-radius:0;padding:14px;overflow:auto}
body.lg-fs-on .lg-pos.fs .lg-pos-main{min-height:calc(100vh - 80px)}
body.lg-fs-on .lg-pos.fs .lg-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}
body.lg-fs-on .lg-pos.fs .lg-ph{width:110px;height:110px}
@media(max-width:820px){.lg-pos-main{grid-template-columns:1fr}.lg-ticket{position:sticky;bottom:0;top:auto;box-shadow:0 -6px 20px rgba(0,0,0,.25)}.lg-lines{max-height:22vh}
  .lg-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}.lg-ph{width:64px;height:64px}.lg-ph svg{width:36px;height:36px}.lg-pr{font-size:20px}.lg-nm{font-size:13px;min-height:32px}.lg-total b{font-size:36px}
  body.lg-fs-on .lg-pos.fs .lg-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}body.lg-fs-on .lg-pos.fs .lg-ph{width:70px;height:70px}}
/* produits */
.lg-plist{display:flex;flex-direction:column;gap:6px}
.lg-prow{display:grid;grid-template-columns:auto 1fr auto auto;gap:10px;align-items:center;background:#fff;border:1px solid #e1e6f0;border-radius:12px;padding:8px 10px}
.lg-prow.off{opacity:.55}.lg-prow small{display:block;color:#6b7896;font-size:12px}
.lg-pp{text-align:right}.lg-pp b{font-size:18px;color:#0b1f5c}.lg-miss-c{color:#c2410c;font-style:normal;font-weight:700}
.lg-dlg.wide{max-width:640px}.lg-fg{display:flex;flex-direction:column;gap:2px;max-height:62vh;overflow:auto}
.lg-chk{display:flex;align-items:center;gap:8px;margin:8px 0;font-weight:600}.lg-chk input{width:20px;height:20px}
.lg-phrow{display:flex;align-items:center;gap:10px;margin-top:6px}
.lg-mc{border:1px solid #e1e6f0;border-radius:10px;padding:8px;margin-top:6px}
.lg-mcr{display:flex;align-items:center;gap:8px;font-weight:500;margin:3px 0}.lg-mcr .lg-in{width:56px}
.lg-pkr{display:grid;grid-template-columns:1fr 1fr 1.4fr 56px;gap:6px;margin:4px 0}.lg-pkr input,.lg-pkr select{padding:6px;border:1px solid #cfd8ee;border-radius:8px;font:inherit;font-size:13px;min-width:0}
/* événements */
.lg-evh{display:flex;justify-content:space-between;align-items:center}.lg-evh small{color:#6b7896}
.lg-ppl{display:flex;flex-wrap:wrap;gap:16px;margin:10px 0}.lg-ppl label{display:flex;flex-direction:column;gap:4px;font-weight:700;color:#0b1f5c}.lg-ppl label span{display:flex;align-items:center;gap:6px;font-weight:500}
.lg-pre{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:8px 0}
.lg-shop{background:#f6f8fc;border-radius:12px;padding:10px 14px;margin-top:10px}.lg-shop h3{margin:0 0 6px}.lg-shop .btn{margin:6px 6px 0 0}
.btn.danger{color:#c62828}
/* matériel / pharmacie */
.lg-mlist,.lg-kits{display:flex;flex-direction:column;gap:6px}
.lg-mrow,.lg-kit{display:grid;grid-template-columns:1fr auto auto auto;gap:10px;align-items:center;background:#fff;border:1px solid #e1e6f0;border-radius:12px;padding:10px 12px}
.lg-mrow small,.lg-kit small{display:block;color:#6b7896;font-size:12px}
.lg-mrow.bad{border-color:#f5b25a;background:#fffaf2}
.lg-qty{font-size:22px;font-weight:800;color:#0b1f5c;text-align:right}.lg-qty small{display:block;font-size:11px;font-weight:600}
.lg-etat{font-size:12px;font-weight:700;border-radius:99px;padding:4px 10px;white-space:nowrap;background:#e9f8ef;color:#0e5b33}
.lg-etat.e-use,.lg-etat.s-warn{background:#fff4e5;color:#9a4b00}.lg-etat.e-rempl,.lg-etat.e-perdu,.lg-etat.s-ko{background:#fdecec;color:#b42318}
.lg-kit.s-ko{border-color:#f3b4b4}.lg-kit.s-warn{border-color:#f5b25a}
@media(max-width:640px){.lg-mrow,.lg-kit{grid-template-columns:1fr auto}.lg-mrow .btn,.lg-kit .btn{grid-column:1/-1}}

/* Logistique : saisies toujours lisibles (fond blanc, texte foncé), même avec le thème sombre */
.lg-in,.lg-sel,.lg-pkr input,.lg-pkr select,.lg-dlg input:not([type=checkbox]),.lg-dlg select,.lg-dlg textarea,.lg-tab input:not([type=checkbox]),.lg-tab select,[data-lgb] input:not([type=checkbox]),[data-lgb] select,[data-lgb] textarea,[data-lgm] input:not([type=checkbox]),[data-lgm] select,[data-lgp] input:not([type=checkbox]),[data-lgp] select,[data-lgp] textarea{background:#fff!important;color:#0b1f5c!important;-webkit-text-fill-color:#0b1f5c;border:1px solid #b9c6e4!important;color-scheme:light}
.lg-in::placeholder,.lg-dlg input::placeholder,.lg-dlg textarea::placeholder{color:#8a96b3!important;-webkit-text-fill-color:#8a96b3}
.lg-dlg textarea{width:100%;padding:8px 10px;border-radius:10px;font:inherit;font-size:15px}
.lg-dlg,.lg-dlg h3,.lg-dlg label{color:#0b1f5c}
.lg-tab tr.lg-grp td{background:#f1f4fb;font-weight:700}.lg-tab tr.lg-kid td:first-child{padding-left:22px}
.lg-prow.kid{margin-left:28px;background:#fafbfe}
/* caisse : taille réglable (A− / A+), plus grande par défaut sur tablette */
.lg-pos{--z:1}
.lg-zoom{display:inline-flex;gap:4px;margin-right:6px}.lg-zoom .btn{min-width:42px;font-weight:800}
.lg-pos-top{display:flex;align-items:center}.lg-pos-top>.lg-cats{flex:1}
.lg-pos .lg-cats .chip{font-size:calc(16px*var(--z));padding:calc(10px*var(--z)) calc(16px*var(--z))}
.lg-pos .lg-pos-main{grid-template-columns:1fr min(46%,calc(320px*var(--z)))}
.lg-pos .lg-grid{grid-template-columns:repeat(auto-fill,minmax(calc(140px*var(--z)),1fr));gap:calc(10px*var(--z))}
.lg-pos .lg-ph,.lg-pick .lg-ph{width:calc(96px*var(--z));height:calc(96px*var(--z))}
.lg-pos .lg-ph svg{width:calc(52px*var(--z));height:calc(52px*var(--z))}
.lg-pos .lg-nm,.lg-pick .lg-nm{font-size:calc(15px*var(--z));min-height:calc(36px*var(--z))}
.lg-pos .lg-pr,.lg-pick .lg-pr{font-size:calc(24px*var(--z))}
.lg-pos .lg-st{font-size:calc(11px*var(--z))}
.lg-nb{font-size:calc(12px*var(--z,1));font-weight:700;color:#2c55c8;background:#eef2fa;border-radius:99px;padding:2px 8px}
.lg-pos .lg-ticket h3{font-size:calc(16px*var(--z))}
.lg-pos .lg-line{font-size:calc(15px*var(--z))}.lg-pos .lg-line small{font-size:calc(12px*var(--z))}
.lg-pos .lg-q button{width:calc(34px*var(--z));height:calc(34px*var(--z));font-size:calc(20px*var(--z))}
.lg-pos .lg-lt{font-size:calc(15px*var(--z))}
.lg-pos .lg-total span{font-size:calc(18px*var(--z))}.lg-pos .lg-total b{font-size:calc(44px*var(--z))}
.lg-pos .lg-pay .btn{font-size:calc(16px*var(--z));padding:calc(16px*var(--z)) 8px}
.lg-pick .lg-grid.sm{grid-template-columns:repeat(auto-fill,minmax(calc(130px*var(--z,1)),1fr))}
.lg-pick h3{font-size:calc(18px*var(--z,1))}
.lg-paydlg .lg-pay-big{font-size:calc(72px*var(--z,1))}.lg-paydlg .lg-pay-l{font-size:calc(16px*var(--z,1))}
.lg-paydlg .hint{font-size:calc(14px*var(--z,1))}.lg-paydlg .btn.big{font-size:calc(17px*var(--z,1))}
.lg-paydlg .lg-cash .btn{font-size:calc(18px*var(--z,1))}.lg-paydlg .lg-rendu{font-size:calc(26px*var(--z,1))}
body.lg-fs-on .lg-pos.fs .lg-grid{grid-template-columns:repeat(auto-fill,minmax(calc(150px*var(--z)),1fr))}
body.lg-fs-on .lg-pos.fs .lg-ph{width:calc(104px*var(--z));height:calc(104px*var(--z))}
@media(max-width:820px){.lg-pos .lg-pos-main{grid-template-columns:1fr}
  .lg-pos .lg-grid,body.lg-fs-on .lg-pos.fs .lg-grid{grid-template-columns:repeat(auto-fill,minmax(calc(104px*var(--z)),1fr))}
  .lg-pos .lg-ph,body.lg-fs-on .lg-pos.fs .lg-ph{width:calc(64px*var(--z));height:calc(64px*var(--z))}
  .lg-pos .lg-pr{font-size:calc(20px*var(--z))}.lg-pos .lg-nm{font-size:calc(13px*var(--z))}.lg-pos .lg-total b{font-size:calc(36px*var(--z))}}
input.lg-in{width:80px!important}input.lg-in.w{width:100%!important}input.lg-in.big{width:100px!important}
.lg-pos-top .btn{background:#fff!important;color:#0b1f5c!important;border:1px solid #fff!important;font-size:calc(14px*var(--z));padding:calc(6px*var(--z)) calc(12px*var(--z))}
.lg-pos-top .btn.primary{background:#ffd23f!important;border-color:#ffd23f!important}
.lg-seg{display:inline-flex;background:#fff;border-radius:12px;padding:3px;gap:3px;margin-right:8px}
.lg-seg button{border:0;background:transparent;color:#0b1f5c;font:inherit;font-weight:800;font-size:calc(15px*var(--z));padding:calc(7px*var(--z)) calc(14px*var(--z));border-radius:9px;cursor:pointer}
.lg-seg button.on{background:#ffd23f;color:#0b1f5c}
/* Réservations buvette */
.lg-resabtn{width:100%;margin-top:8px;padding:calc(14px*var(--z,1)) 8px;font-size:calc(16px*var(--z,1));font-weight:800;border-radius:14px;background:#ffd23f;color:#0b1f5c;border:0;justify-content:center}
.lg-resabtn:disabled{opacity:.4}
.lg-badge.g{background:#0e7a4a}
.lg-choose{display:grid;gap:10px;margin:14px 0}.lg-choose .btn{justify-content:center;font-size:calc(18px*var(--z,1));padding:calc(16px*var(--z,1)) 10px;font-weight:800}
.lg-rstate{font-weight:700;padding:6px 12px;border-radius:99px;background:#fde8e8;color:#9b1c1c}.lg-rstate.on{background:#e9f8ef;color:#0e7a4a}
.lg-rset{display:grid;gap:6px;max-width:640px}.lg-rset input{font-size:16px}.lg-chk.big{font-size:17px}.lg-chk.big input{width:24px;height:24px}
.lg-quick{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0}
.lg-prep{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px}
.lg-prep>div{display:flex;align-items:baseline;gap:8px;background:#fff7d6;border:1px solid #f3d46b;border-radius:12px;padding:10px 12px;color:#0b1f5c}
.lg-prep>div b{font-size:28px;font-family:var(--font-cond,inherit);min-width:36px}.lg-prep>div span{font-weight:700}.lg-prep>div em{font-style:normal;font-size:13px;color:#7a5b00;margin-left:auto}
.lg-prep>div.sub{background:#fff;border-color:#e1e6f0}.lg-prep>div.sub b{font-size:22px}
.lg-resas{display:grid;gap:8px}
.lg-resa{display:grid;grid-template-columns:auto minmax(160px,1.1fr) 2fr auto;gap:6px 14px;align-items:center;background:#fff;color:#0b1f5c;border:1px solid #e1e6f0;border-left:6px solid #2c55c8;border-radius:12px;padding:10px 12px}
.lg-resa.retire{border-left-color:#0e7a4a;opacity:.75}.lg-resa.annule{border-left-color:#94a3b8;opacity:.55}.lg-resa.annule .lg-ri{text-decoration:line-through}
.lg-rn{display:flex;flex-direction:column;gap:2px}.lg-rn b{font-size:17px}.lg-rn a{color:#2c55c8;font-weight:600}.lg-rn small,.lg-ri small{color:#5b6782}
.lg-slot{align-self:flex-start;background:#0b1f5c;color:#fff;font-weight:700;border-radius:8px;padding:1px 8px;font-size:14px}
.lg-ri{font-size:15px;line-height:1.45}
.lg-rp{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.lg-rp b{font-size:20px}
.lg-pb{font-size:13px;font-weight:800;border-radius:99px;padding:2px 10px;white-space:nowrap}.lg-pb.ok{background:#e9f8ef;color:#0e7a4a}.lg-pb.no{background:#fde8e8;color:#9b1c1c}.lg-pb.done{background:#e0e7ff;color:#2c3e9e}
.lg-ha{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}.lg-ha img{background:#fff;border-radius:10px;padding:4px}.lg-ha a{word-break:break-all}
.lg-hacfg{margin-top:10px}.lg-hacfg summary{cursor:pointer;font-weight:700}
.lg-steps{padding-left:20px;line-height:1.5}.lg-steps li{margin:6px 0}
.lg-copy{display:flex;gap:8px;align-items:center;margin-top:4px;flex-wrap:wrap}.lg-copy code{background:#f1f5f9;color:#0b1f5c;padding:6px 8px;border-radius:8px;word-break:break-all;font-size:12px;max-width:100%}
@media (max-width:640px){.lg-resa{grid-template-columns:auto 1fr auto}.lg-ri{grid-column:2/-1}}
.lg-take{width:84px;min-height:72px;border-radius:14px;border:3px solid #cbd5e1;background:#fff;color:#94a3b8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-weight:800;font-size:13px;cursor:pointer;grid-row:span 2}
.lg-take svg{width:34px;height:34px}.lg-take.on{background:#0e7a4a;border-color:#0e7a4a;color:#fff}.lg-take.off{border-style:dashed}
.lg-resa.retire{opacity:1;background:#f0faf4}.lg-resa.retire .lg-ri{color:#5b6782}
.lg-rgrp h4{margin:14px 0 6px;font-size:18px;color:#0b1f5c;border-bottom:2px solid #ffd23f;padding-bottom:4px}.lg-rgrp h4 small{font-weight:600;color:#5b6782;font-size:14px;margin-left:6px}
.lg-rfil{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 6px}
.lg-rn .lg-slot{font-size:16px;padding:2px 10px}
.lg-evh h3{white-space:nowrap}
/* Tournois · inscriptions des clubs */
.rg-subs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 12px}
.rg-kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;margin-bottom:12px}
.rg-kpi{display:flex;flex-direction:column;align-items:flex-start;gap:2px;border:2px solid #d8e0f2;border-left-width:6px;background:#fff;border-radius:12px;padding:10px 12px;cursor:pointer;color:#0b1f5c;text-align:left;font:inherit}
.rg-kpi b{font-size:28px;line-height:1}.rg-kpi span{font-size:13px;color:#4a5a86;font-weight:600}.rg-kpi.on{box-shadow:0 0 0 3px #2b59c355}
.rg-kpi.places{grid-column:span 2;cursor:default;background:#0b1f5c;border-color:#0b1f5c;color:#fff}.rg-kpi.places span{color:#dbe4ff}
.gris{--rc:#94a3b8}.bleu{--rc:#2b59c3}.orange{--rc:#f59e0b}.vert{--rc:#15803d}.violet{--rc:#7c3aed}.rouge{--rc:#b91c1c}
.rg-kpi.gris,.rg-kpi.bleu,.rg-kpi.orange,.rg-kpi.vert,.rg-kpi.violet,.rg-kpi.rouge{border-left-color:var(--rc)}
.rg-top{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:12px;margin-bottom:12px}@media(max-width:900px){.rg-top{grid-template-columns:1fr}}
.rg-card{background:#fff;border:1px solid #d8e0f2;border-radius:14px;padding:12px 14px;margin-bottom:10px}.rg-card h3{margin:0 0 8px;font-size:16px;color:#0b1f5c}
.rg-todo ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.rg-todo li{padding:9px 10px;border-radius:10px;background:#f3f6fb;font-size:15px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.rg-todo li.go{background:#e8f0ff;font-weight:600}.rg-todo li.warn{background:#fff4e0;color:#8a4b00}
.rg-live{display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap}.rg-live canvas{width:150px;height:150px;border:1px solid #d8e0f2;border-radius:10px;flex:0 0 auto}.rg-live>div{flex:1 1 200px}.rg-buvh{margin-top:12px!important}
.rg-tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:4px 0 10px}.rg-tools input[type=search]{flex:1 1 220px;padding:10px 12px;border:1.5px solid #c9d4ef;border-radius:10px;font-size:15px}
.rg-list{display:flex;flex-direction:column;gap:8px}
.rg-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;align-items:center;background:#fff;border:1px solid #d8e0f2;border-left:6px solid var(--rc);border-radius:12px;padding:10px 12px}
.rg-main b{font-size:16px;color:#0b1f5c;display:block}.rg-main small{display:block;color:#4a5a86;font-size:13px;word-break:break-word}.rg-hist{color:#2b59c3!important}.rg-note{font-style:normal;color:#8a4b00!important}
.rg-st{justify-self:end;font-size:13px;font-weight:700;color:#fff;background:var(--rc);border-radius:999px;padding:5px 10px;white-space:nowrap}
.rg-acts{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px}.rg-acts .btn{min-height:40px}
.rg-dlg{display:flex;flex-direction:column;gap:8px}.rg-dlg label{display:flex;flex-direction:column;gap:3px;font-size:13px;font-weight:600;color:#4a5a86}
.rg-dlg input,.rg-dlg textarea,.rg-dlg select,.rg-tpl input,.rg-tpl textarea{width:100%;box-sizing:border-box;padding:9px 10px;border:1.5px solid #c9d4ef;border-radius:10px;font:15px/1.4 var(--font-ui,sans-serif);color:#14213d}
.rg-dlg.tr-form{display:grid}.rg-log{display:flex;flex-direction:column;gap:2px;max-height:150px;overflow:auto;background:#f3f6fb;border-radius:10px;padding:8px}
.rg-tpl summary{cursor:pointer;list-style:none}.rg-tpl summary small{color:#4a5a86}.rg-tpl label{display:flex;flex-direction:column;gap:3px;margin-top:8px;font-size:13px;font-weight:600;color:#4a5a86}
.rg-prev{background:#f7f9fd;border-radius:10px;padding:14px;max-height:60vh;overflow:auto}
.rg-files{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}.rg-file small{display:block;color:#4a5a86}.rg-use{display:flex;flex-direction:column;gap:2px;margin:8px 0}
.rg-plan{background:#fff;border:1px solid #d8e0f2;border-radius:14px;padding:8px;margin:12px 0;overflow-x:auto}.rg-svg{width:100%;min-width:640px;height:auto;display:block}
.tr-wrap.fluo .rg-card,.tr-wrap.fluo .rg-row,.tr-wrap.fluo .rg-kpi:not(.places){color:#0b1f5c}
.cyan{--rc:#0891b2}.rg-kpi.cyan{border-left-color:var(--rc)}.rg-form{color:#0e7490!important;font-weight:600}
.rg-unv{color:#b45309!important;font-weight:700}
.tr-aff{display:grid;grid-template-columns:minmax(220px,340px) 1fr;gap:20px;align-items:start}.tr-aff-img img{width:100%;border-radius:12px;box-shadow:0 4px 18px rgba(11,31,92,.18);display:block}.tr-aff-img .empty{aspect-ratio:4/5;display:grid;place-items:center;border:2px dashed #cbd5e1;border-radius:12px}.tr-aff-t h3{margin:0 0 6px}
@media(max-width:700px){.tr-aff{grid-template-columns:1fr}}
.lg-reord-h{display:flex;gap:12px;align-items:center;justify-content:space-between;background:#e8f0ff;border:2px solid #2b59c3;border-radius:12px;padding:10px 14px;margin-bottom:10px}.lg-reord-h b{display:block;font-size:16px;color:#0b1f5c}.lg-reord-h small{display:block;color:#334155;font-size:13px;margin-top:2px}
.lg-rcats{margin-bottom:10px}.lg-rrow{grid-template-columns:auto auto 1fr auto;user-select:none}.lg-grip{font-size:26px;line-height:1;color:#64748b;cursor:grab;touch-action:none;padding:8px 6px;border-radius:8px}.lg-grip:active{cursor:grabbing;background:#eef2fb}
.lg-rrow.drag{box-shadow:0 8px 24px rgba(11,31,92,.25);border-color:#2b59c3;position:relative;z-index:2;background:#f5f8ff}.lg-rbtn{display:flex;gap:6px}.lg-rbtn .btn{min-width:46px;min-height:44px;font-size:16px;padding:0}
.lg-rbtn .btn{display:inline-flex;align-items:center;justify-content:center}
.lg-cupback{width:100%;margin:8px 0 4px;background:#ecfdf5;color:#065f46;border:2px solid #10b981;font-weight:800;min-height:48px;font-size:16px}
.lg-line.lg-cons b{color:#065f46}.lg-lt.neg,.lg-total.neg b{color:#b91c1c}.lg-total.neg span{color:#b91c1c;font-weight:800}.lg-q-auto{justify-content:center;min-width:90px}.lg-refund{flex:1;background:#b91c1c!important;color:#fff!important}
.lg-conscard p{margin:4px 0}
.lg-ticket .btn.lg-cupback{background:#ecfdf5!important;color:#065f46!important;border:2px solid #10b981!important}
.lg-tile.lg-cuptile{background:#ecfdf5;border-color:#10b981;color:#065f46}
.lg-cuptile .lg-ph{background:#d1fae5;color:#047857}.lg-cuptile .lg-pr{color:#b91c1c}
.tr-pick{display:flex;flex-direction:column;gap:8px;margin:10px 0}
.tr-pick .btn{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:56px;text-align:left;width:100%}
.tr-pick small{font-weight:500;opacity:.8}
.tr-team label{min-width:0}.tr-team input{width:100%;min-width:0;box-sizing:border-box}
.tr-club-btn{background:#0f766e!important;color:#fff!important;border-color:#0f766e!important}
/* classement grand format (lisible sur tablette) */
.tr-bigs{display:grid;gap:16px;margin:8px 0 18px}
.tr-big{background:#fff;border:2px solid #d8e0f2;border-radius:16px;padding:14px 16px;overflow-x:auto}
.tr-big h4{margin:0 0 10px;font:800 24px var(--font-cond,'Barlow Condensed'),sans-serif;color:#0b1f5c;text-transform:uppercase}
.tr-big table{width:100%;border-collapse:separate;border-spacing:0 6px;font-size:20px;color:#0b1f5c}
.tr-big thead th{font-size:14px;font-weight:700;color:#4a5a86;text-transform:uppercase;padding:0 10px 4px;text-align:center}
.tr-big td,.tr-big tbody th{background:#f3f6fc;padding:12px 10px;text-align:center;font-weight:700}
.tr-big .l{text-align:left}
.tr-big tbody td:first-child{border-radius:12px 0 0 12px}.tr-big tbody td:last-child{border-radius:0 12px 12px 0}
.tr-big .tm{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:800}
.tr-big .tm .tr-logo{width:44px;height:44px;flex:none;object-fit:contain;font-size:16px}
.tr-big .pl{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#0b1f5c;color:#fff;font:800 24px var(--font-cond,'Barlow Condensed'),sans-serif}
.tr-big .pts{display:inline-block;min-width:56px;padding:6px 12px;border-radius:10px;background:#2c55c8;color:#fff;font:800 28px var(--font-cond,'Barlow Condensed'),sans-serif}
.tr-big td.g{color:#047857}.tr-big td.p{color:#b91c1c}
.tr-big tr.p1 td,.tr-big tr.p1 th{background:#fff4c2}.tr-big tr.p1 .pl{background:#d4a017}
.tr-big tr.p2 td,.tr-big tr.p2 th{background:#eef1f5}.tr-big tr.p2 .pl{background:#8a95a5}
.tr-big tr.p3 td,.tr-big tr.p3 th{background:#fbe7d6}.tr-big tr.p3 .pl{background:#b8733c}
.tr-wrap.fluo .tr-big{background:#10052a;border-color:#3a1670}.tr-wrap.fluo .tr-big table,.tr-wrap.fluo .tr-big h4{color:#fff}.tr-wrap.fluo .tr-big td,.tr-wrap.fluo .tr-big tbody th{background:#1d0b45;color:#fff}
@media (max-width:760px){.tr-big table{font-size:16px}.tr-big .tm{font-size:17px}.tr-big .pts{font-size:22px;min-width:44px}.tr-big thead th{font-size:11px;padding:0 4px}.tr-big td,.tr-big tbody th{padding:8px 5px}}
/* menu : tous les choix dans une seule fenêtre */
.lg-mpick .cdlg-box{max-height:92vh;overflow:auto}
.lg-mg{border:2px solid #d8e0f2;border-radius:14px;padding:10px 12px;margin:10px 0;background:#fff}
.lg-mg.ok{border-color:#10b981;background:#f0fdf7}
.lg-mg h4{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:18px;color:#0b1f5c}
.lg-mg h4 span{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#0b1f5c;color:#fff;font-size:15px}
.lg-mg.ok h4 span{background:#10b981}
.lg-mpick .lg-tile{border:3px solid #d8e0f2}
.lg-mpick .lg-tile.on{border-color:#10b981;background:#ecfdf5;box-shadow:0 0 0 3px #a7f3d0}
.lg-mok{min-height:52px;font-size:17px;padding:0 22px}
.lg-mok[disabled]{opacity:.6}
.lg-mincl{margin:4px 0 6px;font-size:15px;color:#4a5a86}.lg-mincl b{color:#0b1f5c}
.lg-mpick .lg-grid.sm{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}
.lg-mpick .lg-tile{padding:8px 6px 10px;gap:4px}.lg-mpick .lg-ph{width:60px;height:60px}.lg-mpick .lg-ph svg{width:34px;height:34px}.lg-mpick .lg-nm{font-size:14px;min-height:30px}
.lg-mpick .cdlg-act{position:sticky;bottom:-1px;background:#fff;padding:10px 0 2px;margin-top:6px;border-top:1px solid #e3e8f4}

/* podium */
.tr-podium{display:flex;align-items:flex-end;justify-content:center;gap:10px;max-width:640px;margin:6px auto 18px;padding:18px 10px 0;border-radius:18px;background:radial-gradient(ellipse at 50% 0%,#e8eeff 0%,transparent 70%)}
.pd-col{flex:1;display:flex;flex-direction:column;align-items:center;min-width:0}
.pd-team{display:flex;flex-direction:column;gap:6px;align-items:center;margin-bottom:8px;width:100%}
.pd-who{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.pd-who b{font:800 18px var(--font-cond,'Barlow Condensed'),sans-serif;line-height:1.1;word-break:break-word;color:#0b1f5c}
.pd-who img,.pd-who .tr-logo{width:52px;height:52px}.pd1 .pd-who img,.pd1 .pd-who .tr-logo{width:68px;height:68px}.pd1 .pd-who b{font-size:22px}
.pd-unk span{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;border:2px dashed #b9c4e0;color:#8a97b8;font:800 24px sans-serif}
.pd-step{width:100%;border-radius:12px 12px 0 0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;padding-top:12px;color:#fff;box-shadow:inset 0 -6px 0 rgba(0,0,0,.12)}
.pd-step b{font:800 26px var(--font-cond,'Barlow Condensed'),sans-serif;text-shadow:0 1px 2px rgba(0,0,0,.25)}
.pd-medal{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.9);font:800 22px sans-serif}.pd-medal svg{width:26px;height:26px}
.pd1 .pd-step{height:170px;background:linear-gradient(180deg,#ffd84d,#e0a800)}.pd1 .pd-medal{color:#b88400}
.pd2 .pd-step{height:125px;background:linear-gradient(180deg,#d9dee8,#9aa4b5)}.pd2 .pd-medal{color:#6b7587}
.pd3 .pd-step{height:95px;background:linear-gradient(180deg,#e7a46b,#b8682e)}.pd3 .pd-medal{color:#9a5422}
.tr-final .p2{border-color:#9aa4b5;background:#f3f5f9}.tr-final .p3{border-color:#c9844a;background:#fdf3ea}
.tr-wrap.fluo .tr-podium{background:radial-gradient(ellipse at 50% 0%,#2a0f5a 0%,transparent 70%)}.tr-wrap.fluo .pd-who b{color:#fff}
.tr-podium + .tr-h, .tr-podium ~ .tr-final{max-width:640px;margin-left:auto;margin-right:auto}.tr-podium ~ .tr-final{font-size:19px}

/* photo d'équipe à la place du logo (format 4/3) */
.tr-logo.ph{width:59px;height:44px;object-fit:cover;border-radius:8px;background:#dfe5f2}
.tr-logo.ph.sm{width:32px;height:24px;border-radius:5px}
.tr-big .tm .tr-logo.ph{width:59px;height:44px;object-fit:cover}
.pd-who .tr-logo.ph{width:120px;height:90px;border-radius:12px;box-shadow:0 3px 10px rgba(11,31,92,.25)}.pd1 .pd-who .tr-logo.ph{width:160px;height:120px;border:3px solid #e0a800}
.tr-final .tr-logo.ph{width:59px;height:44px}
.tr-phbox{display:grid;gap:6px;padding:12px;border:1px solid #d8e0f2;border-radius:12px;background:#f5f8ff;margin-bottom:12px}.tr-phbox .btn{min-height:46px}

/* podium avec photos : carte encadrée or / argent / bronze, photo entière */
.tr-podium{position:relative;overflow:hidden;max-width:820px}
.pd-card{position:relative;margin:0;padding:6px 6px 0;border-radius:16px;background:#fff;box-shadow:0 8px 22px rgba(11,31,92,.22);border:4px solid var(--pc);display:flex;flex-direction:column;align-items:center;max-width:100%;animation:pdIn .6s ease-out both}
.pd-card img{display:block;max-width:100%;height:var(--ph);width:auto;object-fit:contain;border-radius:10px;background:#eef2fb}
.pd-card figcaption{margin:6px -6px 0;align-self:stretch;text-align:center;padding:7px 8px;border-radius:0 0 11px 11px;background:var(--pc);color:var(--pt,#fff);font:800 20px var(--font-cond,'Barlow Condensed'),sans-serif;line-height:1.1;word-break:break-word}
.pd-badge{position:absolute;top:-14px;left:-14px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--pc);color:var(--pt,#fff);font:800 22px var(--font-cond,'Barlow Condensed'),sans-serif;border:3px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.25);z-index:2}
.pd-crown{position:absolute;top:-30px;left:50%;transform:translateX(-50%);width:44px;height:34px;color:#f2b600;filter:drop-shadow(0 2px 2px rgba(0,0,0,.25));z-index:2}.pd-crown svg{width:100%;height:100%}
.pd1{--pc:#e5b100;--pt:#3a2a00;--ph:190px}.pd2{--pc:#a3adbd;--pt:#1d2533;--ph:140px}.pd3{--pc:#c27a3f;--pt:#fff;--ph:120px}
.pd2 .pd-card{transform:rotate(-2deg)}.pd3 .pd-card{transform:rotate(2deg)}.pd1 .pd-card{padding-top:8px}
.pd1 .pd-card figcaption{font-size:24px}
.pd-col.pd1{flex:1.25}
@keyframes pdIn{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
.pd-confetti{position:absolute;inset:0 0 auto 0;height:100%;pointer-events:none}
.pd-confetti i{position:absolute;top:-12px;width:8px;height:12px;border-radius:2px;opacity:.9;animation:pdFall 3.2s linear infinite}
.pd-confetti i:nth-child(4n){background:#e5b100}.pd-confetti i:nth-child(4n+1){background:#2d5bff}.pd-confetti i:nth-child(4n+2){background:#ff2bd6}.pd-confetti i:nth-child(4n+3){background:#18c37e}
.pd-confetti i:nth-child(1){left:0%;animation-delay:0.00s;animation-duration:2.60s}.pd-confetti i:nth-child(2){left:37%;animation-delay:0.23s;animation-duration:2.95s}.pd-confetti i:nth-child(3){left:74%;animation-delay:0.46s;animation-duration:3.30s}.pd-confetti i:nth-child(4){left:11%;animation-delay:0.69s;animation-duration:3.65s}.pd-confetti i:nth-child(5){left:48%;animation-delay:0.92s;animation-duration:4.00s}.pd-confetti i:nth-child(6){left:85%;animation-delay:1.15s;animation-duration:2.60s}.pd-confetti i:nth-child(7){left:22%;animation-delay:1.38s;animation-duration:2.95s}.pd-confetti i:nth-child(8){left:59%;animation-delay:1.61s;animation-duration:3.30s}.pd-confetti i:nth-child(9){left:96%;animation-delay:1.84s;animation-duration:3.65s}.pd-confetti i:nth-child(10){left:33%;animation-delay:2.07s;animation-duration:4.00s}.pd-confetti i:nth-child(11){left:70%;animation-delay:2.30s;animation-duration:2.60s}.pd-confetti i:nth-child(12){left:7%;animation-delay:2.53s;animation-duration:2.95s}.pd-confetti i:nth-child(13){left:44%;animation-delay:2.76s;animation-duration:3.30s}.pd-confetti i:nth-child(14){left:81%;animation-delay:2.99s;animation-duration:3.65s}
@keyframes pdFall{0%{transform:translateY(0) rotate(0)}100%{transform:translateY(260px) rotate(540deg);opacity:0}}
@media (prefers-reduced-motion:reduce){.pd-confetti{display:none}.pd-card{animation:none}}
@media (max-width:700px){.pd1{--ph:130px}.pd2{--ph:100px}.pd3{--ph:88px}.pd-card figcaption{font-size:16px}.pd1 .pd-card figcaption{font-size:18px}}
.pd-col{position:relative}
.tr-logo.ph{object-position:50% 30%}
.tr-podium{padding-top:44px}.pd-confetti{z-index:3}
/* ===== Boutique ===== */
.bq-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 14px}
.bq-tab{border:1px solid #d6dcea;background:#fff;border-radius:99px;padding:9px 16px;font-weight:700;font-size:15px;color:#0b1f5c;cursor:pointer;display:inline-flex;gap:8px;align-items:center;min-height:42px}
.bq-tab span{background:#f59e0b;color:#fff;border-radius:99px;padding:1px 8px;font-size:13px}
.bq-tab.on{background:#0b1f5c;color:#fff;border-color:#0b1f5c}
.bq-hero{display:flex;align-items:center;gap:18px;background:linear-gradient(120deg,#0b1f5c 0%,#1d3fa8 60%,#2d5bff 100%);color:#fff;border-radius:18px;padding:18px 20px;position:relative;overflow:hidden}
.bq-hero::after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:rgba(245,158,11,.25)}
.bq-logo{width:78px;height:auto;flex:none;filter:drop-shadow(0 2px 6px rgba(0,0,0,.3))}
.bq-ht{flex:1;display:flex;flex-direction:column;gap:3px;z-index:1}.bq-ht small{text-transform:uppercase;letter-spacing:.12em;color:#fcd34d;font-weight:700;font-size:12px}
.bq-ht b{font-family:var(--font-cond,inherit);font-size:28px;line-height:1.05}.bq-ht span{opacity:.85;font-size:14px}
.bq-hb{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.bq-hero .btn{background:#f59e0b;border-color:#f59e0b;color:#1b1300}.bq-hero .btn.ghost{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.5);color:#fff}
.bq-qr{width:118px;height:118px;background:#fff;border-radius:10px;padding:6px;flex:none;z-index:1}
.bq-alerts{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.bq-alerts button{background:#fff4e5;border:1px solid #f5b25a;color:#7a3e00;border-radius:12px;padding:9px 13px;font-size:14px;font-weight:600;cursor:pointer;text-align:left}
.bq-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}.bq-kpis div{background:#fff;border:1px solid #e1e6f0;border-radius:14px;padding:12px;text-align:center}
.bq-kpis b{display:block;font-size:26px;color:#0b1f5c;font-family:var(--font-cond,inherit)}.bq-kpis span{font-size:13px;color:#5b6478}
.bq-h3{font-family:var(--font-cond,inherit);font-size:19px;color:#0b1f5c;margin:18px 0 8px}
.bq-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.bq-step{--c:#f59e0b;position:relative;background:#fff;border:2px solid var(--c);border-radius:16px;padding:12px 10px 10px;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;text-align:center}
.bq-step i{font-style:normal;position:absolute;top:8px;left:10px;width:22px;height:22px;border-radius:50%;background:var(--c);color:#fff;font-size:12px;font-weight:800;display:grid;place-items:center}
.bq-step b{font-size:34px;line-height:1;color:var(--c);font-family:var(--font-cond,inherit)}.bq-step span{font-weight:800;color:#0b1f5c;font-size:15px}.bq-step small{color:#5b6478;font-size:12px}
.bq-step:not(:last-child)::after{content:"›";position:absolute;right:-10px;top:50%;transform:translateY(-50%);font-size:26px;color:#9aa3b8;z-index:2}
.c-afaire{--c:#f59e0b}.c-cmd{--c:#3b82f6}.c-recu{--c:#8b5cf6}.c-remis{--c:#16a34a}.c-annule{--c:#94a3b8}
.bq-two{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.bq-card{background:#fff;border:1px solid #e1e6f0;border-radius:14px;padding:12px 14px}.bq-card h3{margin:0 0 10px;font-family:var(--font-cond,inherit);font-size:18px;color:#0b1f5c;display:inline}
.bq-card.bq-ha{margin-top:14px}.bq-ha summary{cursor:pointer}.bq-ha ol{padding-left:20px;font-size:14px;line-height:1.5}.bq-ha .vc-f{margin-top:10px}
.bq-bar{display:flex;align-items:center;gap:10px;margin:8px 0}.bq-bar>div{flex:1;min-width:0}.bq-bar span{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#273149}
.bq-bar i{display:block;height:9px;border-radius:9px;background:linear-gradient(90deg,#f59e0b,#fbbf24);margin-top:3px}.bq-bar.t i{background:linear-gradient(90deg,#1d3fa8,#2d5bff)}.bq-bar>b{font-size:14px;color:#0b1f5c;white-space:nowrap}
.bq-pic{width:56px;height:56px;border-radius:12px;object-fit:contain;background:#f1f4fb;flex:none;display:inline-grid;place-items:center}
.bq-pic.sm{width:42px;height:42px;border-radius:10px}.bq-pic.xs{width:26px;height:26px;border-radius:7px;vertical-align:middle;margin-right:6px}.bq-pic.lg{width:100%;height:auto;aspect-ratio:1;border-radius:14px}
.bq-pic.ico svg{width:70%;height:70%;fill:#1d3fa8;stroke:#0b1f5c;stroke-width:1.3;stroke-linejoin:round}
.bq-pic.ico.i-socks svg,.bq-pic.ico.i-ball svg{fill:#fff}.bq-pic.ico.i-bag svg{fill:#2d5bff}
.bq-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:10px}.bq-tools .lg-in.w{flex:1;min-width:220px}
.bq-sum{flex:1;font-size:16px;color:#273149}.bq-sum b{font-size:24px;color:#0b1f5c;font-family:var(--font-cond,inherit)}
.bq-fil{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.bq-ords{display:grid;grid-template-columns:repeat(auto-fill,minmax(460px,1fr));gap:12px}
.bq-ord{background:#fff;border:1px solid #e1e6f0;border-left:6px solid var(--c);border-radius:14px;padding:12px 14px}
.bq-oh{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.bq-oh>div:first-child b{font-size:17px;color:#0b1f5c;margin-right:6px}.bq-oh small{color:#5b6478;font-size:12px}
.bq-om{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:3px}
.bq-team{display:inline-block;background:#e8eeff;color:#1d3fa8;border-radius:99px;padding:2px 9px;font-size:12px;font-weight:700;margin-left:4px}
.bq-chip{background:var(--c);color:#fff;border-radius:99px;padding:3px 10px;font-size:12px;font-weight:800;white-space:nowrap}
.bq-ls{margin:10px 0 6px;display:flex;flex-direction:column;gap:8px}
.bq-l{display:flex;align-items:center;gap:10px}.bq-l.annule{opacity:.5}.bq-ln{flex:1;min-width:0}.bq-ln b{display:block;font-size:14px;color:#1b2540}.bq-ln small{color:#5b6478;font-size:12px}.bq-lp{font-size:14px;white-space:nowrap}
.bq-steps{display:flex;gap:3px}.bq-steps button{width:30px;height:30px;border-radius:8px;border:2px solid var(--c);background:#fff;cursor:pointer;padding:0;position:relative}
.bq-steps button.on{background:var(--c)}.bq-steps button span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.bq-steps button:disabled{cursor:default}
.bq-of{display:flex;flex-wrap:wrap;align-items:center;gap:8px;border-top:1px dashed #e1e6f0;padding-top:8px}.bq-of>b{font-size:16px;color:#0b1f5c}.bq-of>small{color:#5b6478;font-size:12px}
.bq-oa{margin-left:auto;display:flex;flex-wrap:wrap;gap:6px}
.bq-pay{background:#e9f8ef;color:#0e5b33;border-radius:99px;padding:3px 10px;font-size:12px;font-weight:700}.bq-pay.no{background:#fdecec;color:#b42318}
.bq-empty{background:#f7f9fd;border:2px dashed #d6dcea;border-radius:16px;padding:20px;text-align:center;color:#273149}
.bq-four{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:10px}
.bq-fc{display:flex;gap:12px;background:#fff;border:1px solid #e1e6f0;border-left:6px solid #f59e0b;border-radius:14px;padding:10px 12px;align-items:flex-start}
.bq-fb{flex:1;min-width:0}.bq-fb>b{font-size:14px;color:#0b1f5c}.bq-fb details{margin-top:6px;font-size:13px}.bq-fb ul{margin:4px 0;padding-left:18px}
.bq-sz{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.bq-sz span{display:flex;flex-direction:column;align-items:center;border:1px solid #d6dcea;border-radius:9px;padding:2px 8px;min-width:40px}
.bq-sz small{font-size:11px;color:#5b6478}.bq-sz b{font-size:17px;color:#0b1f5c}
.bq-fn{display:flex;flex-direction:column;align-items:center;gap:6px}.bq-fn>b{font-size:30px;color:#f59e0b;font-family:var(--font-cond,inherit);line-height:1}
.bq-batch{display:flex;flex-wrap:wrap;align-items:center;gap:10px;background:#fff;border:1px solid #e1e6f0;border-left:6px solid #3b82f6;border-radius:14px;padding:10px 14px;margin-bottom:8px}
.bq-batch>div:first-child{flex:1;min-width:200px}.bq-batch small{display:block;color:#5b6478;font-size:12px}
.bq-prog{width:140px;height:10px;border-radius:10px;background:#e1e6f0;overflow:hidden}.bq-prog i{display:block;height:100%;background:#8b5cf6}
.bq-rems{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:10px}
.bq-rem{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"g n" "g i" "g a";gap:4px 12px;background:#fff;border:1px solid #e1e6f0;border-left:6px solid #8b5cf6;border-radius:14px;padding:10px 12px}
.bq-give{grid-area:g;width:86px;border:0;border-radius:14px;background:#16a34a;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-weight:800;font-size:15px;cursor:pointer;min-height:86px}
.bq-give svg{width:34px;height:34px}.bq-give:disabled{background:#cbd5e1}
.bq-rn{grid-area:n}.bq-rn b{font-size:17px;color:#0b1f5c;margin-right:4px}.bq-rn small{color:#5b6478;font-size:12px;margin-right:4px}.bq-rn a{margin-left:6px;font-size:13px}
.bq-ri{grid-area:i;display:flex;flex-direction:column;gap:3px;font-size:14px}.bq-wait{color:#9a4b00}
.bq-ra{grid-area:a;display:flex;align-items:center;gap:8px}.bq-ra small{color:#5b6478;font-size:12px}
.bq-waits{display:flex;flex-direction:column;gap:6px}.bq-waits div{background:#fff;border:1px solid #e1e6f0;border-radius:12px;padding:8px 12px;font-size:14px}.bq-waits b{margin-right:8px;color:#0b1f5c}
.bq-waits em{font-style:normal;font-size:11px;font-weight:800;color:#fff;background:var(--c);border-radius:99px;padding:1px 7px}
.bq-gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}
.bq-it{background:#fff;border:1px solid #e1e6f0;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:transform .15s,box-shadow .15s}
.bq-it[data-editit]{cursor:pointer}.bq-it[data-editit]:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(11,31,92,.12)}.bq-it.off{opacity:.55}
.bq-ip{position:relative;padding:10px;background:linear-gradient(160deg,#f1f4fb,#e3e9f8)}.bq-ip .bq-pic.lg{background:transparent}
.bq-rem-b{position:absolute;top:10px;left:10px;background:#dc2626;color:#fff;font-weight:800;font-size:13px;border-radius:8px;padding:3px 8px}
.bq-sold{position:absolute;bottom:10px;right:10px;background:#0b1f5c;color:#fff;font-size:12px;font-weight:700;border-radius:99px;padding:3px 9px}
.bq-id{padding:10px 12px 12px;display:flex;flex-direction:column;gap:4px;flex:1}.bq-id>small{color:#f59e0b;font-weight:800;text-transform:uppercase;font-size:11px;letter-spacing:.06em}
.bq-id>b{font-size:14px;color:#0b1f5c;line-height:1.25}.bq-pr{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.bq-pr b{font-size:22px;color:#0b1f5c;font-family:var(--font-cond,inherit)}.bq-pr s{color:#8a93a8;font-size:13px}.bq-pr em{font-style:normal;color:#0e5b33;font-size:12px;font-weight:700}
.bq-szs{display:flex;flex-wrap:wrap;gap:3px}.bq-szs span{font-size:11px;border:1px solid #d6dcea;border-radius:6px;padding:1px 5px;color:#273149}.bq-perso{color:#5b6478;font-size:12px}
.bq-dlg h4{margin:12px 0 6px;color:#0b1f5c}.bq-ie{display:grid;grid-template-columns:180px 1fr;gap:14px}.bq-iph{display:flex;flex-direction:column;gap:6px}
.bq-el{display:grid;grid-template-columns:2.4fr 1fr 1.4fr .6fr .8fr 1.3fr auto;gap:6px;margin-bottom:6px}.bq-el select,.bq-el input{min-width:0;padding:8px;border:1px solid #d6dcea;border-radius:9px;font-size:14px}
.bq-tot{text-align:right;font-size:16px}.bq-map{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.bq-chk fieldset{border:1px solid #e1e6f0;border-radius:10px;margin:0 0 8px}
.bq-msg{background:#f1f4fb;border-radius:10px;padding:10px 12px;font-size:14px;line-height:1.45}
@media (max-width:900px){.bq-kpis,.bq-flow{grid-template-columns:repeat(2,1fr)}.bq-step:nth-child(2)::after{display:none}.bq-two{grid-template-columns:1fr}.bq-ords,.bq-rems,.bq-four{grid-template-columns:1fr}.bq-el{grid-template-columns:1fr 1fr 1fr}.bq-ie{grid-template-columns:1fr}.bq-qr{display:none}}
.bq-ord,.bq-card,.bq-fc,.bq-batch,.bq-rem,.bq-waits div,.bq-it,.bq-kpis div,.bq-step,.bq-empty{color:#1b2540}
:is(.bq-ord,.bq-card,.bq-fc,.bq-batch,.bq-rem,.bq-empty) .btn.ghost{background:#fff;color:#0b1f5c;border-color:#c5cde0}
:is(.bq-ord,.bq-card,.bq-fc,.bq-batch,.bq-rem) .btn.ghost.danger{color:#b42318}
.bq-lp{color:#0b1f5c}.bq-tools select.lg-in{min-width:190px}
.bq-lst{display:inline-block;font-size:11px;font-weight:800;color:var(--c);margin-top:2px}.bq-lst::before{content:"● "}
.bq-fb details summary{color:#1d3fa8;cursor:pointer}
.bq-h3{color:#e8eeff}.bq-sum{color:#cfd8f0}.bq-sum b{color:#fcd34d}
.bq-logo{background:#fff;border-radius:50%;padding:8px;width:84px;height:84px;object-fit:contain}
.bq-ri,.bq-rn,.bq-waits span{color:#1b2540}
.bq-of2{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px}@media (max-width:700px){.bq-of2{grid-template-columns:1fr}}
/* téléphone : la colonne des boutons (+ Entrée, Recompter, Modifier…) reste visible */
@media (max-width:760px){.pr-tab.lg-tab td.lg-act,.pr-tab.lg-tab:has(td.lg-act) th:last-child{display:table-cell}.lg-tab .lg-act{white-space:normal}.lg-tab .lg-act .btn{display:block;width:100%;margin:2px 0}}

/* repli sans :has (navigateurs anciens) */
#modeTabs.grouped .mgrp.mg-empty{display:none}
.top-actions>label.lbl-xl{display:none!important}

/* la barre d'onglets défile dans sa propre largeur : la page ne glisse plus de gauche à droite (tablettes) */
#modeTabs{min-width:0;max-width:100%}
.layout>*{min-width:0}
@media (pointer:coarse){html{overflow-x:hidden}}