/* A4 — Suivi quantitatif (nouvel outil). Tout est scopé sous #q4app pour ne rien fuir.
   Le programme ne JUGE pas : couleurs = repères objectifs (assiduité), pas des alertes. */
#q4app{
  --q-bg:#f4f7fb; --q-card:#fff; --q-text:#0f172a; --q-muted:#64748b; --q-border:#dbe3ef;
  --q-primary:#0b5cad; --q-shadow:0 8px 26px rgba(15,23,42,.08);
  --q-navy:#071d35; --q-aqua:#29c4d8; --q-club:#2563eb; --q-athlete:#0d9488; --q-perso:#7c3aed;
  --q-ok:#16a34a; --q-warn:#f59e0b; --q-danger:#dc2626;
  color:var(--q-text); position:relative;
}
html[data-theme="dark"] #q4app{
  --q-bg:#0b1220; --q-card:#111a2b; --q-text:#e6edf6; --q-muted:#9fb0c7; --q-border:#22304a;
  --q-shadow:0 8px 26px rgba(0,0,0,.42);
}
#q4app *{box-sizing:border-box}
#q4app h1,#q4app h2,#q4app h3{line-height:1.2;margin:0}
#q4app .q4-muted{color:var(--q-muted)} #q4app .q4-tiny{font-size:.72rem}
#q4app[aria-busy="true"] .q4-body{opacity:.5;pointer-events:none;transition:opacity .15s}

/* focal bar — réutilise le toggle hub planning (.view-toggle/.vt-btn, app.css) */
.q4-focalbar{position:sticky;top:0;z-index:20;display:flex;flex-wrap:wrap;align-items:center;gap:12px;
  margin-bottom:14px;padding:10px 12px;background:var(--q-card);border:1px solid var(--q-border);border-radius:16px;box-shadow:var(--q-shadow)}
.q4-pickers{display:flex;gap:10px;flex-wrap:wrap;margin-left:auto}
.q4-sel{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:800;color:var(--q-muted);text-transform:uppercase;letter-spacing:.04em}
.q4-sel select{border:1px solid var(--q-border);background:var(--q-card);color:var(--q-text);border-radius:999px;padding:8px 34px 8px 14px;font:inherit;font-size:13.5px;font-weight:700;text-transform:none;letter-spacing:0;max-width:300px;cursor:pointer;
  appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='3'><path d='M6 9l6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 12px center;box-shadow:0 1px 3px rgba(15,23,42,.06)}
.q4-sel select:hover{border-color:var(--q-primary)}

/* hero */
.q4-herobox{position:relative;overflow:hidden;border-radius:16px;padding:12px 18px;margin-bottom:10px;color:#fff;
  background:linear-gradient(135deg,var(--q-navy),#0b4d83);box-shadow:0 14px 36px rgba(7,29,53,.2)}
.q4-herobox::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 90% -10%,rgba(41,196,216,.3),transparent 44%)}
.q4-herotop{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:6px}
.q4-ctx{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:800;padding:5px 11px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22)}
.q4-cdot{width:8px;height:8px;border-radius:50%}
.q4-ctx.nageur .q4-cdot{background:#5eead4}.q4-ctx.groupe .q4-cdot{background:#7eb6ff}.q4-ctx.coach .q4-cdot{background:#c4b5fd}
.q4-herobox h1{position:relative;z-index:1;font-size:1.4rem}
.q4-herobox h1 .q4-sub{font-weight:500;font-size:.92rem;opacity:.85}
.q4-chip{display:inline-flex;align-items:center;font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);color:#dff}
.q4-hstate{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:5px 10px;border-radius:8px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28)}
.q4-hd-dot{width:8px;height:8px;border-radius:50%;background:#5eead4}
.q4-hstate[data-st="simple"] .q4-hd-dot{background:#fbbf24}.q4-hstate[data-st="modele"] .q4-hd-dot{background:#c4b5fd}
.q4-recap{position:relative;z-index:1;margin-top:10px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-left:4px solid var(--q-aqua);border-radius:12px;padding:9px 13px;font-size:14px;color:#eaf6ff}
.q4-recap b{color:#fff}

/* cards (denses) */
.q4-card{background:var(--q-card);border:1px solid var(--q-border);border-radius:14px;padding:12px 14px;box-shadow:var(--q-shadow);margin-bottom:10px}
.q4-card h2{font-size:14px;display:flex;align-items:center;gap:8px}
.q4-card h2::before{content:"";width:4px;align-self:stretch;min-height:15px;border-radius:3px;background:var(--q-primary);flex:0 0 auto}
.q4-num{color:var(--q-primary);font-weight:900;font-size:13px;letter-spacing:-.02em}
.q4-purpose{font-size:11.5px;color:var(--q-muted);margin:3px 0 0;max-width:78ch}
.q4-hd{margin-bottom:10px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.q4-note{font-size:12.5px;background:var(--q-bg);border:1px solid var(--q-border);border-left:3px solid var(--q-primary);border-radius:10px;padding:9px 11px;margin-top:10px;color:var(--q-text)}
.q4-note.q4-dim{border-left-color:#94a3b8;color:var(--q-muted)}
.q4-legend{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;font-size:11.5px;color:var(--q-muted)}
.q4-legend span{display:inline-flex;align-items:center;gap:5px}
.q4-legend i{width:12px;height:12px;border-radius:3px;display:inline-block}
.q4-loading{padding:40px;text-align:center;color:var(--q-muted)}

/* segmented switch (Simple / Détaillé · 4 Nages) */
.q4-seg{display:inline-flex;border:1px solid var(--q-border);border-radius:999px;overflow:hidden;background:var(--q-card)}
.q4-seg button{border:0;background:transparent;font-weight:800;font-size:12px;padding:6px 14px;cursor:pointer;color:var(--q-muted)}
.q4-seg button.on{background:var(--q-primary);color:#fff}
.q4-modeseg{flex:0 0 auto}
.q4-nagehd{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0 6px;flex-wrap:wrap}
.q4-nageseg button{padding:5px 11px;font-size:11px}

/* temps de passage façon FFN */
.q4-splittab{border-collapse:collapse;font-size:12.5px;margin-top:2px}
.q4-splittab td{padding:2px 12px 2px 0;font-variant-numeric:tabular-nums}
.q4-splittab td.d{color:var(--q-muted);font-weight:700;white-space:nowrap}
.q4-splittab td.c{font-weight:800}
.q4-splittab td.l{color:var(--q-muted)}

/* KPIs */
.q4-kpis{display:flex;flex-wrap:wrap;gap:18px 24px;margin-bottom:8px}
.q4-kpi .q4-v{font-size:1.3rem;font-weight:900;line-height:1}
.q4-kpi .q4-l{font-size:11px;color:var(--q-muted);text-transform:uppercase;letter-spacing:.04em;margin-top:2px}
.q4-kpi .q4-s{font-size:11.5px;color:var(--q-muted)}

/* assiduité */
.q4-assid{display:flex;flex-wrap:wrap;gap:18px;align-items:center}
.q4-gauge{flex:0 0 auto;min-width:128px;padding:10px 16px;border-radius:12px;color:#fff;text-align:center}
.q4-gauge.q4-ah{background:linear-gradient(135deg,var(--q-ok),#22c55e)}
.q4-gauge.q4-am{background:linear-gradient(135deg,#d97706,#f59e0b)}
.q4-gauge.q4-al{background:linear-gradient(135deg,var(--q-danger),#f87171)}
.q4-gauge-v{font-size:1.8rem;font-weight:900;line-height:1}
.q4-gauge-l{font-size:12px;opacity:.92;margin-top:3px}
.q4-gauge-side{flex:1;min-width:220px}
.q4-bar2{position:relative;height:24px;border-radius:8px;background:var(--q-bg);overflow:visible;border:1px solid var(--q-border)}
.q4-bar2 i{position:absolute;left:0;top:0;bottom:0;border-radius:8px;display:block}
.q4-bar2 .q4-avg{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--q-club);z-index:2}
.q4-ah{background:linear-gradient(90deg,var(--q-ok),#22c55e)} .q4-am{background:linear-gradient(90deg,#d97706,#f59e0b)} .q4-al{background:linear-gradient(90deg,var(--q-danger),#f87171)}
.q4-legend i.q4-ah,.q4-legend i.q4-am,.q4-legend i.q4-al{width:16px}
.q4-dots{display:flex;flex-wrap:wrap;gap:5px;margin-top:12px}
.q4-dotS{width:17px;height:17px;border-radius:5px}
.q4-st-present{background:var(--q-ok)}.q4-st-absent{background:#fca5a5}.q4-st-retard{background:var(--q-warn)}
.q4-st-depart{background:#fdba74}.q4-st-auto{background:#60a5fa}.q4-st-off{background:#cbd5e1}

/* volume bars */
.q4-prrow{display:flex;flex-direction:column;gap:9px;margin-top:6px}
.q4-bar{position:relative;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:space-between;padding:0 11px;font-size:12.5px;font-weight:800;overflow:hidden}
.q4-bar span,.q4-bar b{position:relative;z-index:1}
.q4-bar.plan{border:2px dashed #b9c6da;color:var(--q-muted)}
.q4-bar.real{background:var(--q-bg);color:#063b37}
.q4-bar.real i{position:absolute;left:0;top:0;bottom:0;border-radius:9px;background:linear-gradient(90deg,var(--q-athlete),#14b8a6)}
html[data-theme="dark"] .q4-bar.real{color:#bff3ea}

/* spectre — PAS d'overflow:hidden (sinon la bulle de survol est coupée) */
.q4-spectre{margin-top:6px}
.q4-splab{font-size:11px;font-weight:800;color:var(--q-muted);text-transform:uppercase;letter-spacing:.05em;margin:8px 0 4px}
.q4-sptrack{position:relative;height:24px;background:var(--q-bg);border-radius:8px;display:flex}
.q4-seg-z{height:100%}
.q4-sptrack .q4-seg-z:first-child{border-radius:8px 0 0 8px}.q4-sptrack .q4-seg-z:last-child{border-radius:0 8px 8px 0}
.q4-spscale{display:flex;justify-content:space-between;font-size:10.5px;color:var(--q-muted);margin-top:3px}

/* corps + donut (simplifié : % bras/jambes/NC, pas de cible) */
.q4-corps{display:flex;flex-wrap:wrap;gap:24px;align-items:center}
.q4-donuts{display:flex;gap:18px}
.q4-donutwrap{display:flex;flex-direction:column;align-items:center;gap:6px}
.q4-donut{width:112px;height:112px}
.q4-donut svg{width:100%;height:100%;display:block;overflow:visible}
.q4-darc{cursor:help;transition:opacity .12s,transform .12s;transform-origin:50% 50%}
.q4-darc:hover{opacity:.85}
.q4-ring{width:112px;height:112px;border-radius:50%;position:relative}
.q4-ring::after{content:"";position:absolute;inset:24px;background:var(--q-card);border-radius:50%}
.q4-ring-mid{position:absolute;inset:0;display:grid;place-items:center;z-index:1;text-align:center}
.q4-ring-mid b{font-size:1.05rem}.q4-ring-mid small{font-size:10px;color:var(--q-muted);display:block}
.q4-donut.q4-empty{display:grid;place-items:center;border:2px dashed var(--q-border);border-radius:50%}
.q4-cap{font-size:11.5px;font-weight:800;color:var(--q-muted);text-transform:uppercase;letter-spacing:.04em}
.q4-bodypct{display:flex;gap:10px;flex-wrap:wrap}
.q4-bodypct .bp{flex:1;min-width:120px;background:var(--q-bg);border:1px solid var(--q-border);border-radius:12px;padding:10px 13px}
.q4-bodypct .bp .v{font-size:1.5rem;font-weight:900;line-height:1}
.q4-bodypct .bp .l{font-size:12px;color:var(--q-muted);display:flex;align-items:center;gap:6px;margin-top:3px}
.q4-bodypct .bp .l i{width:11px;height:11px;border-radius:3px}
.q4-bodypct .bp .m{font-size:11px;color:var(--q-muted)}

/* nages */
.q4-nages{display:flex;flex-direction:column;gap:8px;margin-top:4px}
.q4-nage-line{display:grid;grid-template-columns:90px 1fr;align-items:center;gap:10px}
.q4-nm{font-size:12.5px;font-weight:700;text-align:right;color:var(--q-text)}
.q4-nb{height:15px;border-radius:5px;background:var(--q-bg);position:relative}
.q4-nb i{position:absolute;left:0;top:0;bottom:0;border-radius:5px;background:var(--q-athlete)}
.q4-nb.club i{background:var(--q-club)}
.q4-nb .q4-t{position:absolute;right:6px;top:50%;transform:translateY(-50%);font-size:10px;font-weight:800;color:var(--q-text)}

/* 4D — une barre par nage, segmentée par corps (NC/jambes/bras) */
.q4-4d{display:flex;flex-direction:column;gap:8px;margin-top:4px}
.q4-4drow{display:grid;grid-template-columns:96px 1fr 72px;align-items:center;gap:10px}
.q4-4dtrack{height:18px;border-radius:6px;background:var(--q-bg);overflow:hidden}
.q4-4dbar{height:100%;display:flex;border-radius:6px;overflow:hidden;min-width:2px}
.q4-4dbar i{height:100%;display:block}
.q4-4dbar .b-nc{background:#10b981}.q4-4dbar .b-jb{background:#0ea5e9}.q4-4dbar .b-br{background:#f97316}
.q4-4dtot{text-align:right;font-size:11.5px;font-weight:800;color:var(--q-text)}

/* par nageur — assiduité & volume regroupés */
.q4-pshead{display:grid;grid-template-columns:150px 1fr 1fr;gap:12px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--q-muted);padding:0 0 6px;margin-top:4px}
.q4-ps{display:flex;flex-direction:column;gap:7px}
.q4-psrow{display:grid;grid-template-columns:150px 1fr 1fr;gap:12px;align-items:center}
.q4-psm{display:flex;align-items:center;gap:8px}
.q4-psm .q4-btrack{flex:1}
.q4-psv{font-size:11.5px;font-weight:800;white-space:nowrap;min-width:54px;text-align:right}
.q4-psv small{font-weight:600;color:var(--q-muted)}
@media(max-width:640px){.q4-pshead,.q4-psrow{grid-template-columns:110px 1fr}.q4-pshead span:nth-child(3),.q4-psrow .q4-psm:last-child{grid-column:2}}

/* volume par mois (graphe) */
.q4-months{display:flex;align-items:flex-end;gap:8px;margin-top:8px;overflow-x:auto;padding-bottom:4px}
.q4-mcol{flex:0 0 52px;display:flex;flex-direction:column;align-items:center;gap:4px}
.q4-mbars{position:relative;width:38px;height:92px;display:flex;align-items:flex-end;justify-content:center;gap:3px}
.q4-mplan{width:15px;border-radius:5px 5px 0 0;background:#bfdbfe;min-height:2px}
.q4-mreal{width:15px;border-radius:5px 5px 0 0;background:var(--q-athlete);min-height:2px}
.q4-mlab{font-size:9.5px;font-weight:700;color:var(--q-muted);white-space:nowrap}

/* compétitions */
.q4-comprow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:7px 0;border-top:1px dashed var(--q-border);font-size:13px}
.q4-comprow:first-of-type{border-top:0}.q4-comprow .q4-cnm{font-weight:800}
.q4-comp{border:1px solid var(--q-border);border-radius:13px;padding:0;margin-top:10px;background:var(--q-bg);overflow:hidden}
.q4-comp>.q4-comp-body{padding:0 14px 12px}
summary.q4-comp-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:11px 14px;cursor:pointer;list-style:none}
summary.q4-comp-head::-webkit-details-marker{display:none}
summary.q4-comp-head::before{content:"▸";color:var(--q-muted);font-size:12px;transition:transform .15s}
details[open]>summary.q4-comp-head::before{transform:rotate(90deg)}
.q4-comp-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px}
.q4-cnm{font-weight:800;font-size:14px}
.q4-stars{color:#f59e0b;font-size:13px;letter-spacing:1px}
.q4-race{padding:9px 0;border-top:1px dashed var(--q-border);display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.q4-race:first-of-type{border-top:0}
.q4-ev{font-weight:800;font-size:13.5px;flex-basis:100%}
.q4-stair{display:flex;align-items:flex-end;gap:10px}
.q4-stair .q4-c{display:flex;flex-direction:column;align-items:center;gap:3px}
.q4-box{padding:5px 10px;border-radius:9px;font-weight:900;font-size:13px}
.q4-box.serie{background:var(--q-border);color:var(--q-text)}
.q4-box.finale{background:linear-gradient(135deg,#0b5cad,#0f74d8);color:#fff}
.q4-cl{font-size:10px;color:var(--q-muted)}
.q4-pb{font-size:11.5px;font-weight:800;border-radius:999px;padding:2px 9px;display:inline-block}
.q4-pb.faster{background:#dcfce7;color:#166534}.q4-pb.near{background:var(--q-card);color:var(--q-text);border:1px solid var(--q-border)}

/* Compétitions — liste compacte cliquable → modale */
.q4-complist{display:flex;flex-direction:column;gap:8px}
.q4-crow{display:flex;align-items:center;gap:11px;width:100%;text-align:left;font:inherit;cursor:pointer;
  padding:9px 11px;border:1px solid var(--q-border);border-radius:12px;background:var(--q-card);transition:.14s}
.q4-crow:hover{border-color:var(--q-primary);box-shadow:0 6px 16px rgba(11,92,173,.12)}
.q4-cdate{flex:none;text-align:center;background:var(--q-bg);border-radius:10px;padding:5px 9px;min-width:50px}
.q4-cdate b{display:block;font-size:1.02rem;color:var(--q-primary);line-height:1}
.q4-cdate span{font-size:.6rem;color:var(--q-muted);text-transform:uppercase;font-weight:800}
.q4-cmid{flex:1;min-width:0}.q4-cmid b{font-size:.9rem;color:var(--q-text)}.q4-cmid span{display:block;font-size:.74rem;color:var(--q-muted)}
.q4-cstars{color:var(--q-warn);font-size:.82rem;letter-spacing:1px}
.q4-cgo{color:var(--q-primary);font-weight:900;font-size:1.2rem}

/* modale (maison, auto-actualisée) */
.q4-modal-bg{position:fixed;inset:0;background:rgba(7,17,33,.55);backdrop-filter:blur(2px);display:none;align-items:flex-start;justify-content:center;padding:5vh 16px;z-index:200}
.q4-modal-bg.on{display:flex}
.q4-modal{background:var(--q-card);border-radius:18px;box-shadow:0 30px 70px rgba(7,29,53,.45);width:min(640px,100%);max-height:90vh;overflow:auto}
.q4-modal-h{position:sticky;top:0;background:linear-gradient(135deg,var(--q-navy),#0b4d83);color:#fff;padding:14px 18px;display:flex;align-items:center;gap:10px}
.q4-modal-h b{font-size:1.02rem}.q4-modal-h span{opacity:.9}
.q4-modal-x{margin-left:auto;background:rgba(255,255,255,.16);border:0;color:#fff;width:30px;height:30px;border-radius:9px;font-size:1.05rem;cursor:pointer}
.q4-modal-b{padding:15px 18px}

/* chrono + bulle de temps de passage (FFN) au survol */
.q4-chrono{position:relative;display:inline-flex;flex-direction:column;align-items:center;gap:3px}
.q4-chrono .q4-box{cursor:help}
.q4-ttip{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%) scale(.96);transform-origin:top center;
  background:var(--q-navy);color:#eaf6ff;border-radius:11px;padding:9px;box-shadow:0 14px 30px rgba(0,0,0,.4);
  opacity:0;visibility:hidden;transition:.13s;z-index:5;min-width:180px}
.q4-chrono:hover .q4-ttip{opacity:1;visibility:visible;transform:translateX(-50%) scale(1)}
.q4-ttip::before{content:"";position:absolute;bottom:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-bottom-color:var(--q-navy)}
.q4-tth{font-size:.62rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase;color:var(--q-aqua);margin-bottom:5px}
.q4-ttab{width:100%;border-collapse:collapse;font-size:.74rem}
.q4-ttab td{padding:2px 5px;font-variant-numeric:tabular-nums}
.q4-ttab td.d{color:#9db8d6;text-align:left}.q4-ttab td.c{text-align:right;font-weight:800}.q4-ttab td.l{text-align:right;color:var(--q-aqua)}

/* Intensité par cycle (réalisé seul : ruban global + colonnes empilées par zone) */
.q4-iglob{margin-bottom:12px}
.q4-igl{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;color:var(--q-muted);margin-bottom:5px}
.q4-iruban{display:flex;height:22px;border-radius:7px;overflow:hidden;border:1px solid var(--q-border)}
.q4-iruban i{display:block;cursor:help}
.q4-ilevel{margin:0 0 12px}
.q4-ievo{display:flex;align-items:flex-end;gap:14px;min-height:190px;padding-top:8px;border-top:1px dashed var(--q-border);overflow-x:auto}
.q4-ecol{flex:1 0 auto;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:46px;max-width:90px}
.q4-estack{width:100%;max-width:52px;display:flex;flex-direction:column-reverse;border-radius:6px 6px 0 0;overflow:hidden;box-shadow:0 2px 6px rgba(15,23,42,.1)}
.q4-estack i{display:block;cursor:help}
.q4-elab{font-size:11px;font-weight:800;color:var(--q-text);text-align:center;line-height:1.15;max-width:84px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.q4-evol{font-size:10.5px;color:var(--q-athlete);font-weight:800;font-variant-numeric:tabular-nums}
.q4-izlegend{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px;font-size:11px;color:var(--q-muted)}
.q4-izlegend span{display:inline-flex;align-items:center;gap:5px}.q4-izlegend i{width:11px;height:11px;border-radius:3px}

/* Objectifs NAGEUR — frise imbriquée par niveau (repère par noeud + bulle au survol + modale) */
.q4-friseobj{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.q4-oline{display:grid;grid-template-columns:74px 1fr;gap:10px;align-items:center}
.q4-olvl{font-size:10.5px;font-weight:900;text-transform:uppercase;letter-spacing:.03em;color:var(--q-muted);text-align:right}
.q4-onodes{display:flex;flex-wrap:wrap;gap:5px;align-items:center;min-height:18px}
.q4-onode{position:relative;border:0;background:none;font:inherit;padding:0}
.q4-onode.empty{width:9px;height:9px;border-radius:50%;background:var(--q-border)}
.q4-onode.filled{cursor:pointer;display:inline-flex;align-items:center;background:var(--q-bg);border:1px solid var(--q-club);border-radius:999px;padding:3px 9px}
.q4-onode.filled:hover{box-shadow:0 3px 10px rgba(37,99,235,.22)}
.q4-onode.filled .q4-onlab{font-size:11.5px;font-weight:800;color:var(--q-club)}
.q4-onode.filled.done{border-color:var(--q-ok)}
.q4-onode.filled.done .q4-onlab{color:var(--q-ok)}
.q4-onode.filled.unread{box-shadow:0 0 0 2px color-mix(in srgb,var(--q-warn) 55%,transparent)}
.q4-obubble{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%) scale(.97);transform-origin:bottom center;
  background:var(--q-navy);color:#eaf6ff;border-radius:11px;padding:9px 11px;width:240px;text-align:left;
  box-shadow:0 14px 30px rgba(0,0,0,.4);opacity:0;visibility:hidden;transition:.12s;z-index:8;pointer-events:none}
.q4-onode.filled:hover .q4-obubble{opacity:1;visibility:visible;transform:translateX(-50%) scale(1)}
.q4-obubble b{display:block;font-size:11px;color:var(--q-aqua);margin-bottom:4px}
.q4-obubble span{display:block;font-size:12px;line-height:1.3}
.q4-obubble span.r{margin-top:6px;color:#bcd4ec}
.q4-obubble::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:var(--q-navy)}

/* Objectifs du GROUPE — résumé anonyme par niveau */
.q4-anonrow{display:grid;grid-template-columns:90px 1fr auto;align-items:center;gap:12px;padding:8px 2px;border-bottom:1px solid var(--q-border)}
.q4-anonrow:last-child{border-bottom:0}
.q4-anlvl{font-weight:800;font-size:13px;color:var(--q-text)}
.q4-anbar{height:11px;border-radius:6px;background:var(--q-bg);overflow:hidden}
.q4-anbar i{display:block;height:100%;background:linear-gradient(90deg,var(--q-club),var(--q-aqua));border-radius:6px}
.q4-anfrac{font-weight:900;font-size:13px;color:var(--q-club);white-space:nowrap}
.q4-anfrac small{color:var(--q-muted);font-weight:700}

/* COACH — les 3 tableaux d'objectifs (onglets + matrice rempli/attendu) */
.q4-otabs{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:10px}
.q4-otab{font:inherit;font-size:12.5px;font-weight:800;border:1px solid var(--q-border);background:var(--q-card);border-radius:10px;padding:8px 12px;cursor:pointer;color:var(--q-muted);display:inline-flex;align-items:center;gap:7px}
.q4-otab .q4-od{width:9px;height:9px;border-radius:50%}
.q4-otab.ax-grp .q4-od{background:var(--q-club)}.q4-otab.ax-ath .q4-od{background:var(--q-athlete)}.q4-otab.ax-c2a .q4-od{background:var(--q-perso)}
.q4-otab.on{color:#fff;border-color:transparent}
.q4-otab.ax-grp.on{background:var(--q-club)}.q4-otab.ax-ath.on{background:var(--q-athlete)}.q4-otab.ax-c2a.on{background:var(--q-perso)}
.q4-otab.on .q4-od{background:#fff}
.q4-owrap{overflow-x:auto}
.q4-opane{display:none}.q4-opane.on{display:block}
.q4-omat{border-collapse:separate;border-spacing:0;font-size:12.5px;width:100%}
.q4-omat th,.q4-omat td{padding:6px 8px;text-align:center;border-bottom:1px solid var(--q-border);white-space:nowrap}
.q4-omat thead th{font-size:10px;letter-spacing:.03em;text-transform:uppercase;color:var(--q-muted);font-weight:900;background:var(--q-bg)}
.q4-omat thead tr.lvl th{border-bottom:0;padding-bottom:2px}
.q4-omat thead tr.sub th{padding-top:2px;font-size:9.5px}
.q4-omat td.grp,.q4-omat th.grp{text-align:left;font-weight:800;color:var(--q-text)}
.q4-omat .lsep{border-left:1px solid var(--q-border)}
.q4-ocell{display:inline-block;border-radius:6px;padding:2px 7px;font-size:12px;font-weight:800;font-variant-numeric:tabular-nums}
.q4-ocell.full{background:#dcfce7;color:#15803d}
.q4-ocell.part{background:#fef3c7;color:#a16207}
.q4-ocell.none{background:#fee2e2;color:#b91c1c}
.q4-ocell.na{background:transparent;color:var(--q-muted);font-weight:700}
.q4-olegend{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px;font-size:11px;color:var(--q-muted)}
.q4-olegend span{display:inline-flex;align-items:center;gap:5px}
html[data-theme="dark"] .q4-ocell.full{background:rgba(22,163,74,.22)}
html[data-theme="dark"] .q4-ocell.part{background:rgba(245,158,11,.22)}
html[data-theme="dark"] .q4-ocell.none{background:rgba(220,38,38,.22)}
.q4-splits{flex-basis:100%}
.q4-lab{font-size:11px;color:var(--q-muted);font-weight:800;margin-bottom:4px}
.q4-splitbars{display:flex;align-items:flex-end;gap:6px;height:74px}
.q4-sb{display:flex;flex-direction:column;align-items:center;gap:3px;justify-content:flex-end}
.q4-bx{width:26px;background:linear-gradient(180deg,#7dd3fc,#0ea5e9);border-radius:6px 6px 0 0}
.q4-tt{font-size:9.5px;font-weight:800;color:#0369a1}
.q4-dd{font-size:9px;color:var(--q-muted)}

/* objectifs avant/après */
.q4-objc{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.q4-obj{border-radius:11px;padding:9px 11px;font-size:12.5px}
.q4-obj.avant{background:rgba(13,148,136,.1);border:1px solid rgba(13,148,136,.3)}
.q4-obj.apres{background:rgba(37,99,235,.1);border:1px solid rgba(37,99,235,.3)}
.q4-who{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--q-muted);margin-bottom:4px;display:flex;justify-content:space-between;gap:6px}
.q4-unread{font-size:9.5px;font-weight:800;color:#7f1d1d;background:#fee2e2;border-radius:999px;padding:1px 6px}
@media(max-width:680px){.q4-objc{grid-template-columns:1fr}}

/* bands (groupe assiduité) */
.q4-bands{position:relative;display:flex;flex-direction:column;gap:9px;margin-top:14px}
.q4-band{display:grid;grid-template-columns:150px 1fr 70px;align-items:center;gap:11px}
.q4-bwho{display:flex;align-items:center;gap:8px;font-weight:700;font-size:13.5px}
.q4-av{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:900;color:#fff;background:var(--q-athlete);flex:0 0 auto}
.q4-btrack{position:relative;height:22px;border-radius:8px;background:var(--q-bg);overflow:hidden}
.q4-btrack i{position:absolute;left:0;top:0;bottom:0;border-radius:8px}
.q4-bpct{font-weight:900;font-size:14px;text-align:right}
.q4-bpct small{font-weight:600;font-size:11px;color:var(--q-muted)}
.q4-avgline{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--q-club);z-index:2}
.q4-avgline span{position:absolute;top:-15px;left:50%;transform:translateX(-50%);font-size:10px;font-weight:800;color:var(--q-club);white-space:nowrap}

/* scatter — bornes internes pour que points + noms restent dans le cadre */
.q4-scatter{position:relative;height:300px;border:1px solid var(--q-border);border-radius:14px;margin-top:8px;background:var(--q-bg);overflow:hidden}
.q4-axv{position:absolute;top:0;bottom:0;left:50%;border-left:1px dashed var(--q-border)}
.q4-axh{position:absolute;left:0;right:0;top:50%;border-top:1px dashed var(--q-border)}
.q4-qy{position:absolute;left:8px;top:50%;transform:rotate(-90deg) translateX(50%);transform-origin:left;font-size:10.5px;font-weight:800;color:var(--q-muted)}
.q4-qx{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);font-size:10.5px;font-weight:800;color:var(--q-muted)}
.q4-pt{position:absolute;transform:translate(-50%,50%);display:flex;flex-direction:column;align-items:center;gap:2px;z-index:1}
.q4-pd{width:15px;height:15px;border-radius:50%;border:2px solid var(--q-card);box-shadow:0 2px 8px rgba(0,0,0,.18);background:var(--q-athlete)}
.q4-pn{font-size:10px;font-weight:800;background:var(--q-card);border:1px solid var(--q-border);border-radius:6px;padding:1px 5px;max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.q4-pt.avg .q4-pd{background:var(--q-club);width:13px;height:13px}
.q4-pt.avg .q4-pn{color:var(--q-club)}

/* heat */
.q4-heat{display:flex;gap:4px;margin-top:8px;flex-wrap:wrap}
.q4-hc{width:36px;text-align:center}
.q4-hb{height:30px;border-radius:5px;background:var(--q-athlete)}
.q4-hw{font-size:9px;color:var(--q-muted);margin-top:2px}

/* tables (renommé .q4-table pour éviter la collision avec le toggle) */
.q4-table{width:100%;border-collapse:collapse;font-size:13px;margin-top:6px;table-layout:fixed}
.q4-table th,.q4-table td{padding:8px 10px;text-align:left;border-bottom:1px solid var(--q-border);vertical-align:middle}
.q4-table th{font-size:11px;text-transform:uppercase;letter-spacing:.03em;color:var(--q-muted);font-weight:800}
.q4-table th:first-child,.q4-table td:first-child{width:42%}
.q4-gname,.q4-nname{font-weight:800}
.q4-nname{display:flex;align-items:center;gap:8px}
.q4-av2{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:900;color:#fff;background:var(--q-athlete);flex:0 0 auto}
.q4-todo{font-weight:800;color:var(--q-warn)}
.q4-okdone{color:var(--q-ok);font-weight:700}

/* tuiles coach */
.q4-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:13px}
.q4-tile{border:1px solid var(--q-border);border-radius:14px;overflow:hidden;background:var(--q-card);box-shadow:var(--q-shadow);cursor:pointer;transition:.12s}
.q4-tile:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(15,23,42,.14)}
.q4-th2{padding:10px 12px;background:linear-gradient(180deg,rgba(37,99,235,.1),transparent);display:flex;align-items:center;justify-content:space-between;gap:8px}
.q4-tnm{font-weight:800;font-size:13.5px}
.q4-tag{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:2px 7px;border-radius:6px;flex:0 0 auto}
.q4-tag.tag-full{background:#dcfce7;color:#166534}.q4-tag.tag-simple{background:#fef3c7;color:#92400e}.q4-tag.tag-modele{background:#ede9fe;color:#5b21b6}
.q4-tbd{padding:11px 12px;display:flex;flex-direction:column;gap:9px}
.q4-miniassid{display:flex;align-items:center;gap:9px}
.q4-mav{font-weight:900;font-size:13px}
.q4-mabar{flex:1;height:9px;border-radius:99px;background:var(--q-bg);overflow:hidden}
.q4-mabar i{display:block;height:100%;border-radius:99px}
.q4-minisp{display:flex;height:12px;border-radius:5px;overflow:hidden}
.q4-tmeta{font-size:11.5px;color:var(--q-muted)}
/* tuile coach : km parcourus + objectifs à gérer (remplace le mini-spectre) */
.q4-tstats{display:flex;gap:8px}
.q4-tstat{flex:1;background:var(--q-bg);border:1px solid var(--q-border);border-radius:9px;padding:6px 8px;text-align:center}
.q4-tstat b{display:block;font-size:13px;color:var(--q-text);font-variant-numeric:tabular-nums}
.q4-tstat span{font-size:10px;color:var(--q-muted);font-weight:700}
/* tuile coach RELOOKÉE (gradient + anneau d'assiduité + stats km/objectifs + Ouvrir) */
.q4-gtile{position:relative;border:1px solid var(--q-border);border-radius:16px;overflow:hidden;background:var(--q-card);box-shadow:var(--q-shadow);cursor:pointer;transition:.16s}
.q4-gtile:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(15,23,42,.16)}
.q4-gthead{padding:12px 13px 10px;background:linear-gradient(135deg,var(--q-primary),var(--q-aqua));color:#fff}
.q4-gtnm{font-weight:900;font-size:1rem}
.q4-gtse{font-size:.74rem;opacity:.92;margin-top:2px}
.q4-gttag{position:absolute;top:10px;right:11px;font-size:.6rem;font-weight:900;letter-spacing:.05em;border-radius:6px;padding:2px 7px;background:rgba(255,255,255,.22);color:#fff}
.q4-gtbd{padding:12px 13px}
.q4-gtring-row{display:flex;align-items:center;gap:13px}
.q4-gtring{--p:0;width:60px;height:60px;border-radius:50%;flex:none;display:grid;place-items:center;background:conic-gradient(var(--rc,#16a34a) calc(var(--p)*1%),var(--q-border) 0)}
.q4-gtring i{width:46px;height:46px;border-radius:50%;background:var(--q-card);display:grid;place-items:center;font-style:normal;font-weight:900;font-size:1rem;color:var(--q-text)}
.q4-gtmeta b{display:block;font-size:.82rem;color:var(--q-text)}
.q4-gtmeta span{font-size:.74rem;color:var(--q-muted)}
.q4-gtmeta .q4-gtlab{font-size:.62rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--q-primary)}
.q4-gstats{display:flex;gap:8px;margin-top:12px}
.q4-gstat{flex:1;background:var(--q-bg);border:1px solid var(--q-border);border-radius:10px;padding:7px 9px;text-align:center}
.q4-gstat b{display:block;font-size:.98rem;color:var(--q-text);font-variant-numeric:tabular-nums}
.q4-gstat span{font-size:.66rem;color:var(--q-muted);font-weight:700}
.q4-gtfoot{display:flex;align-items:center;gap:6px;margin-top:11px;padding-top:9px;border-top:1px dashed var(--q-border);font-size:.74rem;color:var(--q-muted)}
.q4-gtgo{margin-left:auto;color:var(--q-primary);font-weight:800}

/* GROUPE — par nageur en CARTES (assiduité anneau + volume réalisé/prévu) */
.q4-swcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:11px;margin-top:4px}
.q4-swcard{border:1px solid var(--q-border);border-radius:13px;padding:12px;text-align:center;background:var(--q-bg)}
.q4-swcard .q4-av{display:grid;place-items:center;margin:0 auto 7px;width:34px;height:34px;border-radius:50%;background:var(--q-club);color:#fff;font-weight:800;font-size:13px}
.q4-swn{font-weight:800;font-size:13px}
.q4-swlink{display:inline-block;font:inherit;font-weight:800;font-size:13px;border:0;background:none;padding:0;cursor:pointer;color:var(--q-text)}
.q4-swlink:hover{color:var(--q-primary);text-decoration:underline}
.q4-swring{--p:0;width:54px;height:54px;border-radius:50%;margin:9px auto 6px;display:grid;place-items:center;background:conic-gradient(var(--rc,#16a34a) calc(var(--p)*1%),var(--q-border) 0)}
.q4-swring i{width:42px;height:42px;border-radius:50%;background:var(--q-bg);display:grid;place-items:center;font-style:normal;font-weight:800;font-size:13px;color:var(--q-text)}
.q4-swv{font-size:11.5px;color:var(--q-muted)}
.q4-swvol{margin-top:3px}
.q4-swvol b{color:var(--q-athlete);font-size:13.5px}
.q4-swvol small{color:var(--q-muted);font-weight:700}

/* GROUPE — volume par semaine (aire réalisé seul, bulle au survol) */
.q4-wkwrap{position:relative;height:150px;margin-top:6px}
.q4-wkwrap svg{width:100%;height:100%;overflow:visible}
.q4-wkdot{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--q-athlete);border:2px solid var(--q-card);transform:translate(-50%,-50%);z-index:2;cursor:pointer}
.q4-wkdot:hover{transform:translate(-50%,-50%) scale(1.4);background:var(--q-navy)}
.q4-wktip{position:absolute;transform:translate(-50%,-130%);background:var(--q-navy);color:#eaf6ff;border-radius:8px;padding:5px 8px;font-size:11px;white-space:nowrap;box-shadow:0 8px 20px rgba(0,0,0,.3);opacity:0;visibility:hidden;transition:.1s;z-index:6;pointer-events:none}
.q4-wkdot:hover+.q4-wktip{opacity:1;visibility:visible}

/* frise */
.q4-frise{display:flex;align-items:flex-end;gap:5px;margin-top:12px;overflow-x:auto;padding-bottom:6px}
.q4-frwk{flex:0 0 46px;display:flex;flex-direction:column;align-items:center;gap:3px}
.q4-frbars{position:relative;width:34px;height:130px;display:flex;align-items:flex-end;justify-content:center;background:linear-gradient(180deg,transparent,rgba(148,163,184,.06));border-radius:6px}
.q4-frplan{position:absolute;left:2px;right:2px;bottom:0;border-radius:6px 6px 0 0;background:#bfdbfe;opacity:.55;min-height:2px}
.q4-frreal{position:absolute;left:7px;right:7px;bottom:0;border-radius:5px 5px 0 0;background:var(--q-athlete);min-height:2px}
.q4-frsillon{width:34px;height:10px;border-radius:3px;background:var(--q-border)}
.q4-frth{font-size:8.5px;font-weight:800;color:var(--q-muted)}
.q4-frwn{font-size:8.5px;color:var(--q-muted)}
.q4-frflag{position:absolute;top:-14px;left:50%;transform:translateX(-50%);font-size:12px;z-index:1}

/* prochaine compétition */
.q4-jalon{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;background:linear-gradient(135deg,var(--q-navy),#0b4d83);color:#fff;border-radius:14px;padding:14px 17px}
.q4-cd{width:64px;height:64px;border-radius:14px;background:rgba(255,255,255,.14);display:grid;place-items:center;text-align:center}
.q4-jn{font-size:1.4rem;font-weight:900}.q4-ju{font-size:10px;text-transform:uppercase;letter-spacing:.05em}
.q4-jalon h3{font-size:15px}.q4-jmeta{font-size:12.5px;color:#cfe6ff}

/* tooltip (CSS pur) — le parent ne doit PAS avoir overflow:hidden */
.q4-tip{position:relative}
/* Anciennes bulles CSS ::after RETIRÉES : remplacées par une bulle en position FIXE (JS) jamais coupée
   par un conteneur scrollable (modale, intensité par cycle). data-tip = texte ; .q4-tipsrc = HTML (splits). */
.q4-tipsrc{display:none}
/* Couleurs EN DUR (l'élément est hors #q4app, les variables --q-* n'y résolvent pas). */
.q4-fixtip{position:fixed;z-index:9999;display:none;background:#071d35;color:#eaf6ff;border:1px solid rgba(255,255,255,.12);border-radius:11px;padding:9px 11px;
  box-shadow:0 16px 38px rgba(0,0,0,.5);pointer-events:none;max-width:300px}
.q4-fixtip.txt{white-space:nowrap;padding:6px 10px;font-size:11.5px;font-weight:700}
.q4-fixtip .q4-tth{font-size:10px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;color:#29c4d8;margin-bottom:5px}
.q4-fixtip .q4-ttab{width:100%;border-collapse:collapse;font-size:12px;color:#eaf6ff}
.q4-fixtip .q4-ttab td{padding:2px 6px;font-variant-numeric:tabular-nums}
.q4-fixtip .q4-ttab td.d{color:#9db8d6;text-align:left}.q4-fixtip .q4-ttab td.c{text-align:right;font-weight:800;color:#fff}.q4-fixtip .q4-ttab td.l{text-align:right;color:#7fe3f0}

/* ---- réglette de période (par cycle / dates libres) ---- */
.q4-reglette{flex:0 0 auto;margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.q4-reglette .q4-sel select{max-width:230px}
.q4-pcustom{display:inline-flex;align-items:center;gap:6px}
.q4-pcustom input[type=date]{border:1px solid var(--q-border);background:var(--q-card);color:var(--q-text);border-radius:8px;padding:6px 9px;font:inherit;font-size:12.5px;cursor:pointer}
.q4-pcustom input[type=date]:hover{border-color:var(--q-primary)}
.q4-parrow{color:var(--q-muted);font-weight:800}
.q4-papply{border:0;background:var(--q-primary);color:#fff;border-radius:999px;padding:7px 15px;font:inherit;font-size:12px;font-weight:800;cursor:pointer}
.q4-papply:hover{filter:brightness(1.08)}
/* ---- roue ⚙ Affichage (remplace l'ancien Résumé/Détaillé) ---- */
.q4-gearbar{flex:0 0 auto}
.q4-gear{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--q-border);background:var(--q-card);color:var(--q-text);
  border-radius:999px;padding:7px 15px;font:inherit;font-size:12.5px;font-weight:800;cursor:pointer;white-space:nowrap}
.q4-gear:hover{border-color:var(--q-primary);color:var(--q-primary)}
/* ---- modale de réglages d'affichage ---- */
.q4-cfgmodal{width:min(460px,100%)}
#q4cfg-body{display:flex;flex-direction:column;gap:2px}
.q4-cfgrow{display:flex;align-items:center;gap:11px;padding:10px 12px;border:1px solid var(--q-border);border-radius:11px;cursor:pointer}
.q4-cfgrow:hover{border-color:var(--q-primary);background:var(--q-bg)}
.q4-cfgrow input{width:18px;height:18px;flex:0 0 auto;accent-color:var(--q-primary);cursor:pointer}
.q4-cfglab{font-size:13.5px;font-weight:700;color:var(--q-text)}
.q4-cfglab small{font-weight:700;color:var(--q-athlete)}
.q4-cfgfoot{padding:0 18px 16px;display:flex;justify-content:flex-end}
.q4-cfgreset{border:1px solid var(--q-border);background:var(--q-card);color:var(--q-muted);border-radius:999px;padding:7px 14px;font:inherit;font-size:12px;font-weight:800;cursor:pointer}
.q4-cfgreset:hover{border-color:var(--q-primary);color:var(--q-primary)}
/* ---- modale compétition GROUPE : un bloc par nageur engagé ---- */
.q4-gcsw{padding:10px 0;border-top:1px solid var(--q-border)}
.q4-gcsw:first-of-type{border-top:0}
.q4-gcswn{font-size:13.5px;font-weight:900;color:var(--q-primary);margin:0 0 6px}
/* ---- frise imbriquée partagée intégrée dans une carte du suivi ---- */
#q4app .recap-cross{margin-top:6px}
/* survol « détail par nage » sur les zones de corps (vignettes + donut) */
#q4app .q4-bodypct .bp[data-tip]{cursor:help}
/* ---- footer config : reset à gauche, Fermer (primaire) à droite ---- */
.q4-cfgfoot{justify-content:space-between;gap:10px}
.q4-cfgdone{border:0;background:var(--q-primary);color:#fff;border-radius:999px;padding:8px 20px;font:inherit;font-size:12.5px;font-weight:800;cursor:pointer}
.q4-cfgdone:hover{filter:brightness(1.08)}
/* ---- badge MT (meilleurs temps) à côté du nom du nageur ---- */
.q4-mtbadge{display:inline-flex;align-items:center;vertical-align:middle;margin-left:8px;border:1px solid rgba(255,255,255,.5);
  background:rgba(255,255,255,.16);color:#fff;border-radius:8px;padding:2px 9px;font:inherit;font-size:.62em;font-weight:900;letter-spacing:.06em;cursor:pointer}
.q4-mtbadge:hover{background:#fff;color:var(--q-navy)}
/* ---- modale records perso (MT) : bascule bassin + tableau ---- */
.q4-rechd{display:flex;align-items:center;gap:12px;margin:0 0 12px;flex-wrap:wrap}
.q4-recsw button{font-size:12px;padding:6px 16px}
.q4-rectab{width:100%;border-collapse:collapse;font-size:13.5px}
.q4-rectab thead th{font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--q-muted);text-align:left;padding:0 10px 7px;border-bottom:2px solid var(--q-border);font-weight:800}
.q4-rectab thead th.t{text-align:right} .q4-rectab thead th.pt{text-align:right}
.q4-rectab tbody td{padding:7px 10px;border-bottom:1px solid var(--q-border);white-space:nowrap}
.q4-rectab tbody tr:nth-child(even){background:var(--q-bg)}
.q4-rectab tbody tr:last-child td{border-bottom:0}
.q4-rectab td.ev{font-weight:800;color:var(--q-text)}
.q4-rectab td.t{text-align:right;font-variant-numeric:tabular-nums}
.q4-rectab td.pt{text-align:right;color:var(--q-muted)}
.q4-rectab td.dt,.q4-rectab td.lc{color:var(--q-muted);font-size:12.5px}
.q4-rectab .q4-rectime{font-weight:900;color:var(--q-primary);font-variant-numeric:tabular-nums}
.q4-rectab .q4-chrono.q4-rectime{display:inline-block;position:static}
.q4-rectab .q4-chrono.q4-rectime .q4-box{background:none;border:0;padding:0;color:var(--q-primary);font-weight:900;border-bottom:1px dotted var(--q-primary);cursor:help}