@import url("/static/cadrage-visionnaires.css?v=1793316663");
/* 16/10 soir (patron : « optimise l'espace, le plus propre et le plus beau possible — ultra moche, pas occupé l'espace, pas accrocheur »)
   SIGHT v3 — composants des pages refaites (sight_v3.py) + mise à niveau de l'existant. Chargée EN DERNIER par server.page.
   Charte : noir Sight, or, argent ; amandes (l'œil), jamais de fenêtre carrée ; fonds autocollants laissés VIFS (règle 11/10) :
   la lisibilité vient de panneaux OPAQUES qui remplissent la largeur (moins de « patchwork » entre les blocs). */
:root{--v3-p1:rgba(13,19,34,.97);--v3-p2:rgba(7,11,22,.97);--v3-bd:#222c44;--v3-bd2:#2e3a58;--v3-or:#d4a63a;--v3-or2:#f7c948;--v3-or3:#ffe08a;--v3-tx:#eef1f7;--v3-mu:#93a0b8;
  --v3-vert:#2be3a9;--v3-rouge:#ff5c74;--v3-bleu:#6aa8ff;--v3-r:30px;--v3-gap:20px}
:root[data-theme=light]{--v3-p1:#ffffff;--v3-p2:#f7f9fc;--v3-bd:#dfe5ee;--v3-bd2:#cfd7e4;--v3-or:#b07d12;--v3-or2:#8a6200;--v3-or3:#6b4800;--v3-tx:#0f172a;--v3-mu:#56627a}

/* ---------- page ---------- */
.v3{display:flex;flex-direction:column;gap:var(--v3-gap);min-width:0}
.v3 h1,.v3 h2,.v3 h3{background:none!important;border:0!important;padding:0!important;box-shadow:none!important}
.v3 h3{text-transform:none;letter-spacing:0;font-size:15px;color:var(--v3-tx)}
.v3-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,410px);gap:var(--v3-gap);align-items:start}
.v3-cols.g{grid-template-columns:minmax(330px,420px) minmax(0,1fr)}
.v3-col{display:flex;flex-direction:column;gap:var(--v3-gap);min-width:0}
.v3-side{position:sticky;top:calc(var(--top,60px) + 14px)}
.v3-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,520px),1fr));gap:var(--v3-gap);align-items:start}
.v3-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:var(--v3-gap);align-items:start}
.v3-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--v3-min,320px)),1fr));gap:16px;align-items:stretch}
@media (max-width:1180px){.v3-cols,.v3-cols.g{grid-template-columns:1fr}.v3-side{position:static}}

/* ---------- bandeau ---------- */
.v3-hero{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"l a" "s s";align-items:center;
  gap:18px clamp(18px,3vw,44px);padding:clamp(22px,2.2vw,32px) clamp(24px,3.4vw,54px);border-radius:56px / 46px;border:1px solid rgba(212,166,58,.34);
  background:radial-gradient(38% 120% at 92% 40%,rgba(212,166,58,.20),transparent 64%),radial-gradient(40% 100% at 0 0,rgba(106,168,255,.08),transparent 70%),linear-gradient(180deg,#101830,#060a15);
  box-shadow:0 30px 80px -46px rgba(0,0,0,.95),inset 0 1px 0 rgba(255,255,255,.06)}
.v3-hero::before{content:"";position:absolute;z-index:-1;left:8%;right:8%;top:-1px;height:2px;background:linear-gradient(90deg,transparent,rgba(247,201,72,.85),transparent)}
.v3-hero::after{content:"";position:absolute;z-index:-1;inset:0;background:repeating-linear-gradient(90deg,rgba(212,166,58,.035) 0 1px,transparent 1px 56px);
  -webkit-mask:radial-gradient(60% 100% at 85% 40%,#000,transparent 75%);mask:radial-gradient(60% 100% at 85% 40%,#000,transparent 75%)}
.v3-hero-oeil{position:absolute;z-index:-1;right:clamp(-40px,-1vw,0px);top:50%;width:clamp(260px,24vw,440px);transform:translateY(-58%);opacity:.16;pointer-events:none}
.v3-hero-oeil svg{display:block;width:100%;height:auto}
.v3-hero-l{grid-area:l;display:flex;align-items:center;gap:clamp(14px,1.6vw,24px);min-width:0}
.v3-med{flex:none;display:grid;place-items:center;width:clamp(64px,5vw,84px);height:clamp(44px,3.4vw,56px);border-radius:50%;color:#1a1200;
  background:radial-gradient(circle at 42% 38%,#fff3c4 0,#f7c948 34%,#b0820f 78%,#5c4106 100%);box-shadow:0 0 0 1px rgba(255,224,138,.5),0 0 0 7px rgba(212,166,58,.10),0 14px 34px -10px rgba(247,201,72,.55)}
.v3-med .ic{width:26px;height:26px;stroke:#1a1200}.v3-med .ic .a{stroke:#1a1200}.v3-med .ic .af{fill:#1a1200}
.v3-hero-tx{min-width:0}
.v3-k{margin:0 0 4px!important;font:800 11.5px system-ui;letter-spacing:.28em;text-transform:uppercase;color:var(--v3-or2)}
.v3-hero h1{margin:0!important;font-size:clamp(26px,2.4vw,40px);line-height:1.1;color:#fff;letter-spacing:-.01em}
.v3-hero h1 em{font-style:normal;background:linear-gradient(180deg,#ffe9a8,#d4a63a);-webkit-background-clip:text;background-clip:text;color:transparent}
.v3-sous{margin:8px 0 0!important;max-width:880px;color:#aeb8cc;font-size:15px;line-height:1.5}
.v3-hero-a{grid-area:a;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}
.v3-hero .v3-stats{grid-area:s}
.v3-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
.v3-stat{position:relative;display:flex;align-items:center;gap:12px;min-width:0;padding:14px 18px;border-radius:24px / 22px;color:inherit;text-decoration:none!important;
  border:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.012));transition:border-color .2s,transform .2s}
a.v3-stat:hover{border-color:rgba(212,166,58,.55);transform:translateY(-2px)}
.v3-stat-ic{flex:none;display:grid;place-items:center;width:44px;height:30px;border-radius:50%;color:var(--v3-or2);background:radial-gradient(circle,rgba(247,201,72,.26),rgba(212,166,58,.05) 60%,transparent 75%);box-shadow:inset 0 0 0 1px rgba(212,166,58,.3)}
.v3-stat-ic .ic .a{stroke:var(--v3-or2)}.v3-stat-ic .ic .af{fill:var(--v3-or2)}
.v3-stat-tx{min-width:0;display:flex;flex-direction:column}
.v3-stat b{font:800 24px/1.1 system-ui;color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v3-stat-tx>span{font-size:12.5px;color:var(--v3-mu);line-height:1.3}
.v3-stat small{font-size:11.5px;color:#6f7b93;line-height:1.3}
.v3-stat.or b{color:var(--v3-or2)}.v3-stat.vert b{color:var(--v3-vert)}.v3-stat.rouge b{color:#ff8a95}

/* ---------- panneaux ---------- */
.v3-p{position:relative;min-width:0;display:flex;flex-direction:column;border-radius:var(--v3-r) / 28px;border:1px solid var(--v3-bd);
  background:radial-gradient(50% 70px at 50% 0,rgba(212,166,58,.08),transparent 100%),linear-gradient(180deg,var(--v3-p1),var(--v3-p2));box-shadow:0 24px 60px -44px rgba(0,0,0,.9)}
.v3-p::before{content:"";position:absolute;left:12%;right:12%;top:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(212,166,58,.55),transparent)}
.v3-ph{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:18px 24px 14px;border-bottom:1px solid rgba(255,255,255,.05)}
.v3-ph h2{display:flex;align-items:center;gap:12px;margin:0!important;font-size:17px;color:var(--v3-tx)}
.v3-ph h2 small{display:block;margin-top:2px;font-size:12.5px;font-weight:500;color:var(--v3-mu)}
.v3-ph-ic{display:grid;place-items:center;width:38px;height:26px;border-radius:50%;color:var(--v3-or2);background:rgba(212,166,58,.10);box-shadow:inset 0 0 0 1px rgba(212,166,58,.28)}
.v3-ph-ic .ic .a{stroke:var(--v3-or2)}.v3-ph-ic .ic .af{fill:var(--v3-or2)}
.v3-ph>a,.v3-ph .v3-lien{font-size:13px;font-weight:700;color:var(--v3-or2);text-decoration:none}
.v3-ph>a:hover{text-decoration:underline}
.v3-pb{padding:18px 24px 22px;min-width:0;flex:1}
.v3-pb>*:first-child{margin-top:0}.v3-pb>*:last-child{margin-bottom:0}
.v3-p.or{border-color:rgba(212,166,58,.5)}
.v3-p.flat .v3-pb{padding:0}
.v3-p .frm{display:flex;flex-direction:column;gap:12px}
.v3-p label{display:flex;flex-direction:column;gap:6px;color:var(--v3-mu);font-size:13px}
.v3-p input:not([type=checkbox]):not([type=radio]):not([type=file]),.v3-p select,.v3-p textarea{border-radius:14px}

/* ---------- boutons, onglets, puces ---------- */
.v3-acts{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.v3-btn{display:inline-flex;align-items:center;gap:8px;border-radius:999px!important;padding:10px 20px;font-weight:800}
.v3-btn .ic{width:17px;height:17px}
.btn.pri.v3-btn .ic,.btn.pri.v3-btn .ic .a{stroke:currentColor}.btn.pri.v3-btn .ic .af{fill:currentColor}
.v3-tabs{display:flex;gap:6px;flex-wrap:wrap;width:fit-content;max-width:100%;padding:6px;border-radius:999px;border:1px solid var(--v3-bd);background:rgba(5,8,17,.92)}
.v3-tabs a{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:999px;color:var(--v3-mu);font:700 13.5px system-ui;text-decoration:none!important;white-space:nowrap;transition:background .2s,color .2s}
.v3-tabs a:hover{color:#fff;background:rgba(212,166,58,.09)}
.v3-tabs a.on{color:#1a1200!important;background:linear-gradient(180deg,#ffe08a,#d4a63a);box-shadow:0 6px 18px -8px rgba(247,201,72,.7)}
.v3-tabs a.on .ic,.v3-tabs a.on .ic .a{stroke:#1a1200}.v3-tabs a.on .ic .af{fill:#1a1200}
.v3-tabs em{font-style:normal;min-width:20px;height:20px;padding:0 6px;border-radius:999px;display:inline-grid;place-items:center;font-size:11px;font-weight:800;background:rgba(255,255,255,.08);color:inherit}
.v3-tabs a.on em{background:rgba(26,18,0,.18)}
.v3-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:999px;font:800 11.5px/1.4 system-ui;letter-spacing:.02em;border:1px solid var(--v3-bd2);color:var(--v3-mu);white-space:nowrap}
.v3-chip.or{color:var(--v3-or2);border-color:rgba(212,166,58,.45);background:rgba(212,166,58,.08)}
.v3-chip.vert{color:var(--v3-vert);border-color:rgba(43,227,169,.45);background:rgba(43,227,169,.08)}
.v3-chip.rouge{color:#ff8a95;border-color:rgba(255,92,116,.45);background:rgba(255,92,116,.08)}
.v3-chip.bleu{color:var(--v3-bleu);border-color:rgba(106,168,255,.45);background:rgba(106,168,255,.08)}
.v3-chip i{width:7px;height:7px;border-radius:50%;background:currentColor}
.v3-chip.live i{animation:v3-pouls 1.6s infinite}
@keyframes v3-pouls{50%{opacity:.25}}

/* ---------- état vide accrocheur ---------- */
.v3-vide{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:340px;padding:34px 24px;text-align:center}
.v3-vide.petit{min-height:0;padding:22px 16px}
.v3-vide-oeil{width:clamp(150px,13vw,210px);filter:drop-shadow(0 18px 40px rgba(212,166,58,.28))}
.v3-vide.petit .v3-vide-oeil{width:110px}
.v3-vide-oeil svg{display:block;width:100%;height:auto}
.v3-vide h3{margin:8px 0 0!important;font-size:clamp(18px,1.4vw,22px);color:var(--v3-tx)}
.v3-vide>p{margin:0;max-width:560px;color:var(--v3-mu);font-size:14.5px;line-height:1.55}
.v3-vide .v3-acts{margin-top:8px}
.v3-pts{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;width:100%;max-width:980px;margin:18px 0 0;padding:0;list-style:none;text-align:left}
.v3-pts li{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:22px / 20px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02)}
.v3-pts li .ic{flex:none;margin-top:2px;color:var(--v3-or2)}.v3-pts li .ic .a{stroke:var(--v3-or2)}
.v3-pts li span{font-size:12.8px;color:var(--v3-mu);line-height:1.45}.v3-pts li b{display:block;color:var(--v3-tx);font-size:13.5px;margin-bottom:2px}

/* ---------- listes ---------- */
.v3-list{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}
.v3-row{display:flex;align-items:center;gap:14px;min-width:0;padding:12px 16px;border-radius:22px / 50%;border:1px solid rgba(255,255,255,.05);background:rgba(255,255,255,.02);color:inherit;text-decoration:none!important;transition:border-color .2s,background .2s}
a.v3-row:hover{border-color:rgba(212,166,58,.45);background:rgba(212,166,58,.05)}
.v3-row>.v3-row-tx{flex:1;min-width:0}.v3-row-tx b{display:block;color:var(--v3-tx);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v3-row-tx span{display:block;font-size:12.5px;color:var(--v3-mu);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v3-row-ic{flex:none;display:grid;place-items:center;width:42px;height:30px;border-radius:50%;color:var(--v3-or2);background:rgba(212,166,58,.09);box-shadow:inset 0 0 0 1px rgba(212,166,58,.25)}
.v3-row-ic .ic .a{stroke:var(--v3-or2)}
.v3-row-v{flex:none;text-align:right;font:800 14px system-ui;color:var(--v3-tx);font-variant-numeric:tabular-nums}
.v3-row-v small{display:block;font:500 11.5px system-ui;color:var(--v3-mu)}
.v3-sep{height:1px;margin:16px 0;border:0;background:linear-gradient(90deg,transparent,rgba(212,166,58,.3),transparent)}
.v3-note{display:flex;gap:12px;align-items:flex-start;padding:14px 18px;border-radius:22px / 20px;border:1px solid rgba(212,166,58,.32);background:rgba(212,166,58,.06);font-size:13.5px;line-height:1.5;color:#d6dbe6}
.v3-note>.ic{flex:none;color:var(--v3-or2);margin-top:2px}.v3-note>.ic .a{stroke:var(--v3-or2)}
.v3-note.rouge{border-color:rgba(255,92,116,.4);background:rgba(255,92,116,.06)}
.v3-note.vert{border-color:rgba(43,227,169,.38);background:rgba(43,227,169,.06)}

/* tableaux */
.v3-tbl{width:100%;overflow-x:auto}
.v3-tbl table{width:100%;border-collapse:separate;border-spacing:0 6px;font-size:13.5px}
.v3-tbl th{padding:4px 14px;text-align:left;font:800 11px system-ui;letter-spacing:.14em;text-transform:uppercase;color:#6f7b93;border:0}
.v3-tbl td{padding:12px 14px;background:rgba(255,255,255,.025);border:0;border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04);vertical-align:middle}
.v3-tbl td:first-child{border-radius:18px 0 0 18px;border-left:1px solid rgba(255,255,255,.04)}.v3-tbl td:last-child{border-radius:0 18px 18px 0;border-right:1px solid rgba(255,255,255,.04)}
.v3-tbl tr:hover td{background:rgba(212,166,58,.05)}

/* jauge en anneau */
.v3-anneau{--v:0;--c:#f7c948;width:132px;height:132px;flex:none;border-radius:50%;display:grid;place-items:center;text-align:center;
  background:radial-gradient(closest-side,#0a0f1c 76%,transparent 77% 100%),conic-gradient(var(--c) calc(var(--v)*1%),rgba(255,255,255,.07) 0)}
.v3-anneau b{display:block;font:800 26px system-ui;color:#fff}.v3-anneau small{display:block;font-size:11px;color:var(--v3-mu)}
/* barre de répartition */
.v3-barre{display:flex;height:12px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.06)}
.v3-barre i{display:block;height:100%}
.v3-barre .a{background:linear-gradient(90deg,#1fb985,#2be3a9)}.v3-barre .v{background:linear-gradient(90deg,#ff5c74,#e0405a)}
.v3-leg{display:flex;justify-content:space-between;gap:10px;margin-top:8px;font-size:12.5px;color:var(--v3-mu)}
.v3-leg b{color:var(--v3-tx)}

/* ---------- mise à niveau de l'existant (toutes les pages) ---------- */
/* bandeau .pg-hd.ax-pghd : moins haut, l'œil plus discret → la page commence plus haut */
body.sg main[data-large] .pg-hd.ax-pghd{min-height:0;padding:24px clamp(180px,14vw,280px) 22px clamp(28px,3.4vw,56px)!important;border-radius:56px / 46px!important;margin-bottom:18px}
body.sg main[data-large] .pg-hd.ax-pghd h1{font-size:clamp(24px,2.1vw,34px)}
body.sg .ax-pg-oeil{width:clamp(110px,9vw,170px)}
/* chiffres clés « lentilles » : tuiles lisibles (fini le texte écrasé dans des pilules) */
body.sg .ax-kpi{border-radius:24px / 22px;padding:14px 18px;gap:12px}
body.sg .ax-kpi b{font-size:24px}
/* cartes : opaques, arrondies, sans trou de fond entre elles */
body.sg main[data-large] .card{background-color:rgba(10,15,28,.97)}
:root[data-theme=light] body.sg main[data-large] .card{background-color:#fff}
body.sg main[data-large] .ax-p{background:radial-gradient(46% 60px at 50% 0,rgba(212,166,58,.08),transparent 100%),linear-gradient(180deg,rgba(13,19,34,.97),rgba(7,11,22,.97))}

/* ---------- téléphone ---------- */
@media (max-width:820px){
  .v3-hero{grid-template-columns:1fr;grid-template-areas:"l" "a" "s";border-radius:34px / 30px;padding:22px 20px}
  .v3-hero-a{justify-content:flex-start}
  .v3-hero-oeil{opacity:.08}
  .v3-med{width:56px;height:38px}
  .v3-stats{grid-template-columns:1fr 1fr;gap:8px}.v3-stat{padding:10px 12px;gap:8px}.v3-stat b{font-size:19px}.v3-stat-ic{display:none}
  .v3-p{border-radius:26px / 24px}.v3-ph,.v3-pb{padding-left:16px;padding-right:16px}
  .v3-tabs{border-radius:22px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .v3-vide{min-height:0}
  body.sg main[data-large] .pg-hd.ax-pghd{padding:20px 22px!important;border-radius:34px / 30px!important}
}
/* ---------- thème clair ---------- */
:root[data-theme=light] .v3-hero{background:radial-gradient(38% 120% at 92% 40%,rgba(212,166,58,.20),transparent 64%),linear-gradient(180deg,#ffffff,#f2f5fa);border-color:#e3d3a6;box-shadow:0 18px 50px -30px rgba(15,23,42,.3)}
:root[data-theme=light] .v3-hero h1,:root[data-theme=light] .v3-stat b,:root[data-theme=light] .v3-anneau b{color:#0f172a}
:root[data-theme=light] .v3-sous{color:#475569}
:root[data-theme=light] .v3-stat{background:#f6f8fc;border-color:#e3e8f0}
:root[data-theme=light] .v3-stat.or b{color:#a87a10}
:root[data-theme=light] .v3-tabs{background:#f3f6fb}
:root[data-theme=light] .v3-ph{border-bottom-color:#edf0f5}
:root[data-theme=light] .v3-row,:root[data-theme=light] .v3-pts li,:root[data-theme=light] .v3-tbl td{background:#f7f9fc;border-color:#e6ebf2}
:root[data-theme=light] .v3-note{color:#334155}
:root[data-theme=light] .v3-anneau{background:radial-gradient(closest-side,#fff 76%,transparent 77% 100%),conic-gradient(var(--c) calc(var(--v)*1%),#e7ebf3 0)}
:root[data-theme=light] .v3-tabs a:hover{color:#0f172a}
@media (prefers-reduced-motion:reduce){.v3-stat,.v3-row{transition:none}a.v3-stat:hover{transform:none}.v3-chip.live i{animation:none}}

/* ================= PORTEFEUILLE (paiements.page_portefeuille) ================= */
.pw-solde{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(18px,2.4vw,40px);padding:clamp(24px,2.4vw,36px) clamp(24px,3vw,46px);
  border-radius:48px / 40px;border:1px solid rgba(247,201,72,.45);
  background:radial-gradient(60% 120% at 0 0,rgba(247,201,72,.26),transparent 60%),radial-gradient(50% 90% at 100% 100%,rgba(106,168,255,.10),transparent 70%),linear-gradient(135deg,#1a1508 0,#0d1222 46%,#070b16 100%);
  box-shadow:0 30px 80px -44px rgba(247,201,72,.45),inset 0 1px 0 rgba(255,236,170,.18)}
.pw-solde::after{content:"";position:absolute;z-index:-1;right:-6%;top:-40%;width:52%;aspect-ratio:2/1;border-radius:50%;border:1px solid rgba(247,201,72,.16);box-shadow:0 0 0 26px rgba(247,201,72,.035),0 0 0 60px rgba(247,201,72,.02)}
.pw-puce{display:block;width:54px;height:40px;margin-bottom:16px;border-radius:12px;background:linear-gradient(135deg,#ffe9a8,#c9951c 55%,#8a6200);box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);
  background-image:linear-gradient(90deg,transparent 30%,rgba(0,0,0,.18) 30% 32%,transparent 32% 68%,rgba(0,0,0,.18) 68% 70%,transparent 70%),linear-gradient(0deg,transparent 45%,rgba(0,0,0,.18) 45% 55%,transparent 55%),linear-gradient(135deg,#ffe9a8,#c9951c 55%,#8a6200)}
.pw-montant{margin:4px 0 6px!important;font:900 clamp(40px,4.2vw,64px)/1 system-ui;letter-spacing:-.02em;color:#fff;font-variant-numeric:tabular-nums}
.pw-montant span{font-size:.5em;color:var(--v3-or2);font-weight:800}
.pw-solde-s{margin:0 0 18px!important;color:#c3cad8;font-size:14px}
.pw-solde-a{display:flex;flex-wrap:wrap;gap:10px}
.pw-solde-r{min-width:0;padding:18px 20px;border-radius:30px / 26px;background:rgba(3,6,14,.55);border:1px solid rgba(255,255,255,.06)}
.pw-solde-t{display:flex;align-items:center;gap:8px;margin:0 0 12px!important;font:800 14px system-ui;color:var(--v3-tx)}
.pw-solde-t a{margin-left:auto;font-size:12.5px;color:var(--v3-or2)}
.pw-solde-r .v3-vide{min-height:0;padding:10px}
.pw-solde-r .v3-vide-oeil{width:96px}
.pw .v3-tbl{margin:0}.pw .pw-adr .frm>p{margin:0}
.pw-det{margin:10px 0 14px;padding:10px 16px;border-radius:18px;border:1px solid var(--v3-bd);background:rgba(255,255,255,.02)}
.pw-det summary{cursor:pointer;font-weight:700;font-size:13.5px;color:var(--v3-or2)}
.pw-h3{margin:0 0 8px!important;font-size:14px}
.pw-fact{margin:0;padding-left:18px;font-size:13px;line-height:1.8}
/* portefeuilles connectés en v3 : connexion à gauche, sécurité à droite */
.wl-v3-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);gap:22px}
.wl-v3 .wl-btns .btn.wl-w{border-radius:999px;padding:10px 18px}
.wl-v3 .wl-item{border-radius:26px / 50%;padding:12px 18px}
.wl-v3-sec{height:100%;padding:18px 20px;border-radius:28px / 24px;border:1px solid rgba(212,166,58,.32);background:linear-gradient(160deg,rgba(212,166,58,.12),rgba(212,166,58,.02));font-size:13.5px;line-height:1.5}
.wl-v3-sec .wl-conseil-ic{width:52px;height:36px;border-radius:50%;margin-bottom:10px}
.wl-v3-sec>b{display:block;font-size:15px;margin-bottom:4px}.wl-v3-sec>p{margin:0 0 8px;color:#c3cad8}
.wl-v3-sec .wl-jamais{border-radius:16px}
@media (max-width:980px){.pw-solde,.wl-v3-g{grid-template-columns:1fr}}
:root[data-theme=light] .pw-solde{background:radial-gradient(60% 120% at 0 0,rgba(247,201,72,.35),transparent 60%),linear-gradient(135deg,#fff8e4,#ffffff 50%,#f3f6fb);border-color:#e3c77a}
:root[data-theme=light] .pw-montant{color:#0f172a}:root[data-theme=light] .pw-solde-s,:root[data-theme=light] .wl-v3-sec>p{color:#475569}
:root[data-theme=light] .pw-solde-r{background:rgba(255,255,255,.7);border-color:#ece3c8}

/* ================= SIGNAUX (refonte.page_signaux) ================= */
.sgx-filt{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 12px 10px 10px;border-radius:999px;border:1px solid var(--v3-bd);background:linear-gradient(180deg,var(--v3-p1),var(--v3-p2))}
.sgx-seg,.sgx-uts{display:flex;gap:4px;padding:4px;border-radius:999px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05)}
.sgx-seg a,.sgx-uts a{padding:8px 16px;border-radius:999px;font:800 13px system-ui;color:var(--v3-mu);text-decoration:none!important;transition:background .2s,color .2s}
.sgx-uts a{padding:8px 11px;font-size:12.5px}
.sgx-seg a:hover,.sgx-uts a:hover{color:#fff;background:rgba(255,255,255,.05)}
.sgx-seg a.on,.sgx-uts a.on{color:#1a1200;background:linear-gradient(180deg,#ffe08a,#d4a63a)}
.sgx-seg a.a.on{color:#032118;background:linear-gradient(180deg,#5ff0c2,#1fb985)}.sgx-seg a.v.on{color:#fff;background:linear-gradient(180deg,#ff7a8e,#e0405a)}
.sgx-sym{flex:1 1 220px;display:flex!important;flex-direction:row!important;align-items:center;gap:8px;padding:0 6px 0 14px;border-radius:999px;border:1px solid var(--v3-bd2);background:rgba(0,0,0,.25)}
.sgx-sym input{flex:1;border:0!important;background:none!important;box-shadow:none!important;padding:10px 0!important;text-transform:uppercase;min-width:0}
.sgx-raz{font-size:13px;color:var(--v3-mu)}
.sgx-grid{--v3-min:400px}
.sgx-c{position:relative;display:flex;flex-direction:column;gap:10px;min-width:0;padding:20px 22px 16px;border-radius:30px / 28px;border:1px solid var(--v3-bd);overflow:hidden;
  background:linear-gradient(180deg,var(--v3-p1),var(--v3-p2));transition:border-color .2s,transform .2s,box-shadow .2s}
.sgx-c::before{content:"";position:absolute;inset:0 0 auto 0;height:3px}
.sgx-c.a::before{background:linear-gradient(90deg,transparent,#2be3a9,transparent)}.sgx-c.v::before{background:linear-gradient(90deg,transparent,#ff5c74,transparent)}
.sgx-c.a{background:radial-gradient(60% 90px at 50% 0,rgba(43,227,169,.10),transparent),linear-gradient(180deg,var(--v3-p1),var(--v3-p2))}
.sgx-c.v{background:radial-gradient(60% 90px at 50% 0,rgba(255,92,116,.10),transparent),linear-gradient(180deg,var(--v3-p1),var(--v3-p2))}
.sgx-c:hover{transform:translateY(-3px);border-color:rgba(212,166,58,.45);box-shadow:0 24px 50px -30px rgba(0,0,0,.9)}
.sgx-top{display:flex;align-items:center;gap:10px}
.sgx-symb{font:900 22px/1 system-ui;letter-spacing:.02em;color:#fff;text-decoration:none!important}
.sgx-sens{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;font:900 12.5px system-ui;letter-spacing:.06em;text-transform:uppercase}
.sgx-sens.a{color:#032118;background:linear-gradient(180deg,#5ff0c2,#1fb985)}.sgx-sens.v{color:#fff;background:linear-gradient(180deg,#ff7a8e,#e0405a)}
.sgx-sens .ic,.sgx-sens .ic .a{stroke:currentColor}
.sgx-t{font:800 16.5px/1.35 system-ui;color:var(--v3-tx);text-decoration:none!important}
.sgx-t:hover{color:var(--v3-or2)}
.sgx-x{margin:0;color:var(--v3-mu);font-size:13.5px;line-height:1.5}
.sgx-img{display:block;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.06)}
.sgx-img img{display:block;width:100%;aspect-ratio:16/8;object-fit:cover}
.sgx-ft{display:flex;align-items:center;gap:14px;margin-top:auto;padding-top:12px;border-top:1px solid rgba(255,255,255,.05);font-size:12.5px;color:var(--v3-mu)}
.sgx-who{display:flex;align-items:center;gap:10px;min-width:0;color:inherit;text-decoration:none!important;margin-right:auto}
.sgx-who b{display:block;font-size:13.5px;color:var(--v3-tx)}.sgx-who small{display:block;font-size:11.5px;color:var(--v3-mu)}
.sgx-m{display:inline-flex;align-items:center;gap:5px}
.sgx-go{font-weight:800;color:var(--v3-or2);text-decoration:none!important}
.sgx-senti{display:flex;align-items:center;gap:18px}
.sgx-senti-t{margin:0 0 4px!important;font:800 18px system-ui;color:var(--v3-tx)}
.sgx-sr .v3-barre{display:flex;height:6px;margin-top:6px;width:100%}
.sgx-sr .v3-row-tx span{overflow:visible}
.sgx-utg{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px}
.sgx-utc{display:flex;flex-direction:column;align-items:center;padding:10px 6px;border-radius:50% / 40%;border:1px solid var(--v3-bd);background:rgba(255,255,255,.02);text-decoration:none!important;color:inherit}
.sgx-utc b{font:900 15px system-ui;color:var(--v3-tx)}.sgx-utc small{font-size:11.5px;color:var(--v3-mu)}
.sgx-utc:hover,.sgx-utc.on{border-color:rgba(212,166,58,.55);background:rgba(212,166,58,.08)}
@media (max-width:700px){.sgx-filt{border-radius:26px}.sgx-grid{--v3-min:280px}}
:root[data-theme=light] .sgx-symb{color:#0f172a}
:root[data-theme=light] .sgx-sym{background:#fff}

/* ================= MES RENDEZ-VOUS (membres.page_rdv) ================= */
.rdv-ved{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(18px,2.4vw,36px);
  padding:clamp(24px,2.4vw,34px) clamp(24px,3vw,44px);border-radius:48px / 40px;border:1px solid rgba(247,201,72,.45);
  background:radial-gradient(50% 120% at 0 50%,rgba(247,201,72,.18),transparent 60%),radial-gradient(40% 90% at 100% 0,rgba(106,168,255,.10),transparent 70%),linear-gradient(135deg,#141224,#0b1020 50%,#070b16);
  box-shadow:0 30px 80px -44px rgba(247,201,72,.4)}
.rdv-ved-av{width:clamp(96px,8vw,130px);aspect-ratio:1;border-radius:50%;overflow:hidden;display:grid;place-items:center;color:var(--v3-or2);
  background:radial-gradient(circle,rgba(247,201,72,.22),rgba(10,15,28,.9));box-shadow:0 0 0 3px rgba(247,201,72,.55),0 0 0 10px rgba(247,201,72,.08)}
.rdv-ved-av img{width:100%;height:100%;object-fit:cover}
.rdv-ved h2{margin:2px 0 4px!important;font-size:clamp(22px,2vw,30px);color:#fff}
.rdv-ved-q{margin:0 0 8px!important;color:#c3cad8;font-size:14.5px}
.rdv-ved-d{display:flex;align-items:center;gap:8px;margin:0 0 16px!important;font:800 15px system-ui;color:var(--v3-or3)}
.rdv-ved-d small{font-weight:500;color:var(--v3-mu)}
.rdv-cd{display:flex;flex-direction:column;align-items:center;justify-content:center;width:clamp(110px,9vw,140px);aspect-ratio:1/1.1;border-radius:50% / 46%;
  border:1px solid rgba(247,201,72,.5);background:linear-gradient(180deg,rgba(247,201,72,.16),rgba(247,201,72,.03))}
.rdv-cd b{font:900 clamp(40px,3.6vw,56px)/1 system-ui;color:#fff}.rdv-cd span{font:800 13px system-ui;letter-spacing:.2em;text-transform:uppercase;color:var(--v3-or2)}
.rdv-cd small{margin-top:6px;font:800 15px system-ui;color:#c3cad8}
.rdv-frise{display:flex;flex-direction:column;gap:10px}
.rdv-j{display:flex;align-items:baseline;gap:10px;margin:8px 0 2px;padding-left:4px}
.rdv-j b{font:900 24px system-ui;color:var(--v3-or2)}.rdv-j span{font:800 12px system-ui;letter-spacing:.16em;text-transform:uppercase;color:var(--v3-mu)}
.rdv-it{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 18px;border-radius:26px / 50%;border:1px solid rgba(255,255,255,.05);background:rgba(255,255,255,.02);border-left:3px solid rgba(247,201,72,.6)}
.rdv-h{font:900 16px system-ui;color:var(--v3-tx);min-width:52px}
.rdv-av{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:none}
.rdv-act{display:flex;flex-wrap:wrap;gap:6px;margin-left:auto}
.rdv-act .v3-btn,.rdv-ved .v3-btn{padding:8px 16px;font-size:13px}
.rdv-cal{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;text-align:center}
.rdv-cal em{font:800 11px system-ui;font-style:normal;color:#6f7b93;padding-bottom:4px}
.rdv-cal span{display:grid;place-items:center;aspect-ratio:1.25;border-radius:50%;font:700 13px system-ui;color:#c3cad8;background:rgba(255,255,255,.02)}
.rdv-cal span.rv{color:#1a1200;background:linear-gradient(180deg,#ffe08a,#d4a63a);box-shadow:0 4px 14px -4px rgba(247,201,72,.7)}
.rdv-cal span.auj{box-shadow:inset 0 0 0 2px var(--v3-bleu);color:#fff}
.rdv-pt{display:inline-block;width:10px;height:10px;border-radius:50%;background:#d4a63a;vertical-align:-1px;margin-right:4px}.rdv-pt.auj{background:none;box-shadow:inset 0 0 0 2px var(--v3-bleu)}
.rdv-histo summary{cursor:pointer;font-weight:700;color:var(--v3-or2)}
@media (max-width:900px){.rdv-ved{grid-template-columns:1fr;text-align:left}.rdv-cd{display:none}}
:root[data-theme=light] .rdv-ved{background:radial-gradient(50% 120% at 0 50%,rgba(247,201,72,.25),transparent 60%),linear-gradient(135deg,#fffaf0,#fff 50%,#f3f6fb)}
:root[data-theme=light] .rdv-ved h2,:root[data-theme=light] .rdv-cd b{color:#0f172a}:root[data-theme=light] .rdv-ved-q,:root[data-theme=light] .rdv-cd small{color:#475569}
:root[data-theme=light] .rdv-cal span{color:#334155;background:#f3f6fb}

/* ================= SERVICE CLIENT (membres.page_support / page_ticket) ================= */
.sup-hero{background:radial-gradient(40% 130% at 92% 40%,rgba(212,166,58,.24),transparent 64%),radial-gradient(50% 120% at 0 100%,rgba(43,227,169,.07),transparent 70%),linear-gradient(180deg,#101830,#060a15)}
.sup-t{display:flex;align-items:center;gap:14px;min-width:0;padding:14px 18px;border-radius:24px / 50%;border:1px solid rgba(255,255,255,.05);background:rgba(255,255,255,.02);color:inherit;text-decoration:none!important;transition:border-color .2s,background .2s}
.sup-t:hover{border-color:rgba(212,166,58,.45);background:rgba(212,166,58,.05)}
.sup-t.nouv{border-color:rgba(247,201,72,.55);box-shadow:inset 3px 0 0 #f7c948}
.sup-t-n{flex:none;min-width:54px;font:900 14px system-ui;color:var(--v3-or2)}
.sup-step{display:flex;align-items:center;gap:10px;margin:8px 0 2px!important;font:800 14.5px system-ui;color:var(--v3-tx)}
.sup-step b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;font-size:13px;color:#1a1200;background:linear-gradient(180deg,#ffe08a,#d4a63a)}
.sup-step small{font-weight:500;color:var(--v3-mu)}
.sup-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}
.sup .sup-cat{position:relative;display:block!important;cursor:pointer;margin:0}
.sup-cat input{position:absolute;opacity:0;pointer-events:none}
.sup-cat>span{display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;padding:16px 12px;text-align:center;border-radius:50% / 38%;border:1px solid var(--v3-bd);background:rgba(255,255,255,.02);transition:border-color .2s,background .2s,transform .2s}
.sup-cat>span .ic{color:var(--v3-mu)}
.sup-cat b{font-size:13.5px;color:var(--v3-tx)}.sup-cat small{font-size:11.5px;color:var(--v3-mu);line-height:1.35}
.sup-cat:hover>span{border-color:rgba(212,166,58,.45);transform:translateY(-2px)}
.sup-cat input:checked+span{border-color:#f7c948;background:radial-gradient(60% 60% at 50% 30%,rgba(247,201,72,.18),transparent),rgba(247,201,72,.04);box-shadow:0 10px 30px -16px rgba(247,201,72,.7)}
.sup-cat input:checked+span .ic{color:var(--v3-or2)}.sup-cat input:checked+span .ic .a{stroke:var(--v3-or2)}
.sup-cat input:focus-visible+span{outline:2px solid #f7c948;outline-offset:2px}
.sup .sup-drop{position:relative;display:flex!important;flex-direction:row!important;align-items:center;justify-content:center;gap:10px;padding:20px;border-radius:26px / 50%;border:1.5px dashed rgba(212,166,58,.45);background:rgba(212,166,58,.04);color:var(--v3-or2)!important;cursor:pointer;font-weight:700}
.sup .sup-drop.petit{padding:10px 16px}
.sup-drop input{position:absolute;inset:0;opacity:0;cursor:pointer}
.sup-drop:hover{background:rgba(212,166,58,.09)}
.sup-send{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:6px}
.sup-etapes{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;position:relative}
.sup-etapes li{display:flex;gap:14px;padding:10px 0;position:relative}
.sup-etapes li:not(:last-child)::after{content:"";position:absolute;left:15px;top:44px;bottom:-6px;width:2px;background:linear-gradient(180deg,rgba(212,166,58,.5),rgba(212,166,58,.08))}
.sup-n{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;font:900 14px system-ui;color:#1a1200;background:linear-gradient(180deg,#ffe08a,#d4a63a)}
.sup-etapes li span:last-child{font-size:13px;color:var(--v3-mu);line-height:1.45}.sup-etapes b{display:block;color:var(--v3-tx);font-size:14px}
.sup-fil{display:flex;flex-direction:column;gap:16px;margin-bottom:18px}
.sup-msg{display:flex;gap:12px;align-items:flex-end;max-width:min(860px,92%)}
.sup-msg.adm{flex-direction:row-reverse;margin-left:auto}
.sup-msg-av{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;font:800 15px system-ui;color:#c3cad8;background:#161f36;border:1px solid var(--v3-bd2)}
.sup-msg.adm .sup-msg-av{color:#1a1200;background:linear-gradient(180deg,#ffe08a,#d4a63a);border:0}
.sup-msg.adm .sup-msg-av .ic,.sup-msg.adm .sup-msg-av .ic .a{stroke:#1a1200}
.sup-bul{min-width:0;padding:14px 18px;border-radius:24px 24px 24px 6px;border:1px solid var(--v3-bd);background:rgba(255,255,255,.035)}
.sup-msg.adm .sup-bul{border-radius:24px 24px 6px 24px;border-color:rgba(247,201,72,.45);background:linear-gradient(160deg,rgba(247,201,72,.12),rgba(247,201,72,.03))}
/* 18/10 soir : réponses de l'assistant IA du service client (support_ia.py) — iris violet, distinctes de l'équipe */
.sup-msg.ia .sup-msg-av{background:linear-gradient(180deg,#c4b5fd,#7c5cf0)}.sup-msg.ia .sup-bul{border-color:rgba(167,139,250,.45);background:linear-gradient(160deg,rgba(167,139,250,.12),rgba(167,139,250,.03))}
.sup-msg-qui{font-size:12px;color:var(--v3-mu)}.sup-msg-qui b{color:var(--v3-tx)}
.sup-msg.adm .sup-msg-qui b{color:var(--v3-or2)}
.sup-bul p{margin:6px 0 0;white-space:pre-wrap;word-wrap:break-word;line-height:1.55;font-size:14px}
.sup-bul img{max-width:100%;max-height:420px;border-radius:16px;margin-top:10px;display:block}
.sup-rep{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:26px / 24px;border:1px solid var(--v3-bd);background:rgba(0,0,0,.2)}
.sup-rep textarea{border-radius:18px;min-height:90px}
.sup-rep-b{display:flex;justify-content:space-between;align-items:center;gap:10px}
.sup .v3-row-tx>span:first-child+b{margin-top:2px}
:root[data-theme=light] .sup-hero{background:radial-gradient(40% 130% at 92% 40%,rgba(212,166,58,.22),transparent 64%),linear-gradient(180deg,#fff,#f2f5fa)}
:root[data-theme=light] .sup-msg-av{background:#eef2f8;color:#334155}:root[data-theme=light] .sup-bul{background:#f7f9fc}
:root[data-theme=light] .sup-rep{background:#f7f9fc}

/* chiffres du bandeau : n colonnes égales (sight_v3._cols) */
.v3-hero .v3-stats{grid-template-columns:repeat(var(--n,4),minmax(0,1fr))}
@media (max-width:1280px){.v3-hero .v3-stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}

/* ================= BÊTA (beta.py : espace testeur + administration) ================= */
.v3 .ax-p{border-radius:var(--v3-r) / 28px;border-color:var(--v3-bd);background:radial-gradient(50% 70px at 50% 0,rgba(212,166,58,.08),transparent 100%),linear-gradient(180deg,var(--v3-p1),var(--v3-p2));box-shadow:0 24px 60px -44px rgba(0,0,0,.9)}
.v3 .ax-p::before{left:12%;right:12%;top:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(212,166,58,.55),transparent)}
.v3 .ax-p.or{border-color:rgba(212,166,58,.5)}
.v3 .ax-sec{margin:4px 2px 0}
.v3 .ax-vide{border-radius:30px / 26px;padding:34px 20px}
.v3 .ax-invs{grid-template-columns:repeat(auto-fill,minmax(min(100%,440px),1fr))}
.v3 .bt-inv,.v3 .bt-r{border-radius:28px / 26px!important;border:1px solid var(--v3-bd);background:linear-gradient(180deg,var(--v3-p1),var(--v3-p2))}
.v3 .filt{border-radius:999px;background:linear-gradient(180deg,var(--v3-p1),var(--v3-p2));border-color:var(--v3-bd)}
.v3 .bt-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.v3 .bt-stats .card{border-radius:26px / 24px;margin:0}
.v3 .bt-sec{border-radius:30px / 28px}
.bt-bascule{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px}
.bt-acts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:16px}
.bt-act{--c:247,201,72;position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;gap:6px;min-height:200px;padding:24px 24px 20px;border-radius:34px / 30px;
  color:inherit;text-decoration:none!important;border:1px solid rgba(var(--c),.32);
  background:radial-gradient(70% 70% at 0 0,rgba(var(--c),.18),transparent 70%),linear-gradient(180deg,var(--v3-p1),var(--v3-p2));transition:transform .25s,border-color .25s,box-shadow .25s}
.bt-act.rouge{--c:255,92,116}.bt-act.bleu{--c:106,168,255}.bt-act.vert{--c:43,227,169}
.bt-act:hover{transform:translateY(-4px);border-color:rgba(var(--c),.7);box-shadow:0 26px 60px -30px rgba(var(--c),.55)}
.bt-act-ic{display:grid;place-items:center;width:66px;height:46px;margin-bottom:10px;border-radius:50%;color:rgb(var(--c));background:radial-gradient(circle,rgba(var(--c),.3),rgba(var(--c),.06) 65%,transparent);box-shadow:inset 0 0 0 1px rgba(var(--c),.45)}
.bt-act-ic .ic,.bt-act-ic .ic .a{stroke:rgb(var(--c))}.bt-act-ic .ic .af{fill:rgb(var(--c))}
.bt-act b{font-size:18px;color:var(--v3-tx)}.bt-act small{font-size:13.5px;line-height:1.5;color:var(--v3-mu)}
.bt-act-go{margin-top:auto;padding-top:12px;font:800 13px system-ui;color:rgb(var(--c))}
/* 18/10 (patron : « bêta privée administration, pas joli ») : médaillon OR de la charte (le violet sortait de la charte) */.bt-hero .v3-med{}
.bt-hero .v3-med .ic,.bt-hero .v3-med .ic .a{stroke:#1a1200}
:root[data-theme=light] .bt-act{background:radial-gradient(70% 70% at 0 0,rgba(var(--c),.16),transparent 70%),#fff}

/* ================= CLASSEMENTS ================= */
.rc .rc-podium{max-width:none;margin:0}
.rc-tbl td:first-child{font:900 16px system-ui;color:var(--v3-or2);width:46px;text-align:center}
.rc-tbl td.num{font:900 18px system-ui;color:var(--v3-tx)}
.rc-tbl tr:nth-child(-n+3) td:first-child{color:#1a1200;background:linear-gradient(180deg,#ffe08a,#d4a63a)}

/* ================= BIBLIOTHÈQUE (bibliotheque.page_liste) ================= */
.bbx .bb-filt{margin:0!important;border-radius:999px!important;padding:8px 10px 8px 16px!important;border:1px solid var(--v3-bd)!important;background:linear-gradient(180deg,var(--v3-p1),var(--v3-p2))!important}
.bbx .bb-filt input,.bbx .bb-filt select{border-radius:999px}
.bbx .bb-dossiers{margin:0}
.bbx .bb-up,.bbx .bb-rap{margin:0!important;border-radius:30px / 28px;padding:20px 22px}
.bbx .bb-drop{min-height:160px;border-radius:30px / 50%;border-color:rgba(212,166,58,.45);background:radial-gradient(60% 80% at 50% 50%,rgba(212,166,58,.08),transparent),rgba(0,0,0,.2)}
.bbx .bb-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.bbx .bb-c{border-radius:26px / 24px!important}
.bbx .bb-grid>.v3-vide{grid-column:1/-1}

/* ================= LIVES DES SIGHT WATCHERS (live_eclaireurs_vitrine.page) ================= */
.lw-hero{background:radial-gradient(40% 130% at 92% 40%,rgba(212,166,58,.22),transparent 64%),radial-gradient(50% 120% at 0 100%,rgba(255,92,116,.08),transparent 70%),linear-gradient(180deg,#101830,#060a15)}
.lw .lw-grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:14px}
.lw .lev-carte{border-radius:28px / 26px;margin:0}
.lw-direct{border-color:rgba(255,92,116,.5)}
.lw-ws{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:12px}
.lw-w{display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none!important;color:inherit}
.lw-w img{width:76px;height:76px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px rgba(247,201,72,.65),0 0 0 7px rgba(247,201,72,.08);transition:transform .2s}
.lw-w:hover img{transform:scale(1.06)}
.lw-w b{font-size:13px;color:var(--v3-tx)}

/* ================= ESPACE CRÉATEUR (espace_createur.page_hub) ================= */
.ecx-tabs{margin:var(--v3-gap) 0}
.ecx .ac-tuiles{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:700px){.ecx .ac-tuiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ecx-stats{grid-template-columns:repeat(var(--n,6),minmax(0,1fr))}
@media (max-width:1280px){.ecx-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:700px){.ecx-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
.v3-stats>.v3-stat{min-height:84px}
.ecx-stats .v3-stat{background:radial-gradient(70% 90% at 0 0,rgba(212,166,58,.10),transparent 70%),linear-gradient(180deg,var(--v3-p1),var(--v3-p2));border-color:var(--v3-bd)}
.ecx .v3-stat small .ec-up{color:var(--v3-vert)}.ecx .v3-stat small .ec-dn{color:#ff8a95}

/* ================= MES CONTENUS (studio_contenus / contenus2.css) : panneaux opaques ================= */
body.sg main .mc2-create,body.sg main .mc2-lib{background:radial-gradient(50% 70px at 50% 0,rgba(212,166,58,.08),transparent 100%),linear-gradient(180deg,var(--v3-p1),var(--v3-p2))!important;border:1px solid var(--v3-bd)!important}
body.sg main .mc2-acts{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px}
@media (max-width:900px){body.sg main .mc2-acts{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:560px){body.sg main .mc2-acts{grid-template-columns:1fr!important}}
body.sg main .mc2-vide{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}

/* ================= SIGHT ADS (ads.page_hub) ================= */
.adx{margin-top:var(--v3-gap)}
.adx .adx-ofs{display:flex!important;flex-direction:column;gap:12px}
.adx .adx-ofs .card{margin:0;border-radius:26px / 24px!important}
.adx .ads-cg .card{margin:0}
@media (max-width:1100px){.adx .v3-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* ================= LIVE (live.page_studio) : 2 colonnes sous le bandeau ================= */
.lvx-cols{margin-top:var(--v3-gap)}
.lvx-cols .card{margin:0!important;border-radius:30px / 28px!important}
.lvx-cols .v3-side .lvs-etapes{display:flex!important;flex-direction:column;gap:10px}
.lvx-cols .v3-side .lvs-etapes li{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;align-items:start}
.lvx-cols .v3-side .lvs-etapes li .mut{grid-column:2}
.lvx-cols .v3-side .row-btn{display:flex;flex-direction:column;gap:8px}
.lvx-cols .v3-side .row-btn .btn{width:100%;justify-content:center}
.lvx-cols .v3-side .lvx-eclr{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.lvx-cols .v3-side .lvx-eclr .btn{width:100%;justify-content:center}
.lvx-cols .v3-side .lvx-eclr .lvx-kick{white-space:normal;line-height:1.5}
.lvx-cols .v3-side .lvx-eclr-tx{min-width:0;max-width:100%}
.lvx-cols .lev-grille{grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr))}

/* ================= GROUPES : cartes en colonne partout (liste, profils) ================= */
body.sg main .grp-list{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr))!important;gap:14px!important}
body.sg main .card.grp{display:grid!important;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px 14px;margin:0!important;padding:18px 18px 16px!important;
  border-radius:28px / 26px!important;border:1px solid var(--v3-bd)!important;background:radial-gradient(70% 60% at 0 0,rgba(212,166,58,.10),transparent 70%),linear-gradient(180deg,var(--v3-p1),var(--v3-p2))!important;transition:border-color .2s,transform .2s}
body.sg main .card.grp:hover{border-color:rgba(212,166,58,.5)!important;transform:translateY(-2px)}
body.sg main .card.grp .grp-ic{width:52px;height:52px;border-radius:50%;font-size:24px;display:grid;place-items:center;background:radial-gradient(circle,rgba(247,201,72,.2),rgba(10,15,28,.9));box-shadow:inset 0 0 0 1px rgba(212,166,58,.35)}
body.sg main .card.grp .grp-tx{min-width:0}
body.sg main .card.grp .grp-tx .who{font-size:16px;font-weight:800}
body.sg main .card.grp .grp-tx p{margin:8px 0 0;line-height:1.45}
body.sg main .card.grp>.grp-tx~*{grid-column:1/-1;margin:0}
body.sg main .card.grp>.grp-tx~* .btn,body.sg main .card.grp>a.btn{width:100%;justify-content:center;border-radius:999px}
body.sg main .card.grp>form.inl{display:block}
:root[data-theme=light] body.sg main .card.grp{background:#fff!important}

/* ================= ACCUEIL / MON ESPACE (refonte.page_espace) ================= */
.ac-prof{position:relative;overflow:hidden;border-radius:48px / 40px;border:1px solid rgba(212,166,58,.34);background:linear-gradient(180deg,#0e1528,#070b16);box-shadow:0 30px 80px -46px rgba(0,0,0,.95)}
.ac-ban{height:clamp(120px,11vw,190px);background-size:cover!important;background-position:center!important;-webkit-mask:linear-gradient(#000 55%,transparent);mask:linear-gradient(#000 55%,transparent)}
.ac-in{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:22px;padding:0 clamp(22px,3vw,44px) 26px;margin-top:-62px;position:relative}
.ac-in .av.xl{width:124px;height:124px;font-size:44px;border:4px solid #0b1020;box-shadow:0 0 0 2px rgba(247,201,72,.7),0 18px 40px -14px rgba(0,0,0,.9)}
.ac-tx{padding-top:58px}
.grx #creer input:not([type=radio]):not([type=checkbox]),.grx #creer textarea{width:100%}
.ac-tx h1{margin:2px 0 2px!important;font-size:clamp(26px,2.3vw,36px);color:#fff}
.ac-dep{margin:0 0 10px!important;color:var(--v3-mu);font-size:14px}
.ac-a{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;padding-bottom:6px}
.ac-ban{height:clamp(110px,9vw,160px)!important;min-height:0!important;aspect-ratio:auto!important;padding:0!important}
.ac-tuiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
@media (min-width:1800px){.ac-tuiles{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media (max-width:700px){.ac-tuiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ac-t{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:16px 18px;border-radius:26px / 24px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02);color:inherit;text-decoration:none!important;transition:border-color .2s,transform .2s,background .2s}
.ac-t:hover{border-color:rgba(212,166,58,.55);background:rgba(212,166,58,.05);transform:translateY(-2px)}
.ac-t-ic{display:grid;place-items:center;width:46px;height:32px;margin-bottom:6px;border-radius:50%;color:var(--v3-or2);background:radial-gradient(circle,rgba(247,201,72,.24),transparent 72%);box-shadow:inset 0 0 0 1px rgba(212,166,58,.3)}
.ac-t-ic .ic .a{stroke:var(--v3-or2)}
.ac-t b{font-size:14px;color:var(--v3-tx)}.ac-t small{font-size:12px;color:var(--v3-mu);line-height:1.35}
.ac-feed{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:16px;align-items:start}.ac-feed>.card{margin:0}
.ac-kr>*{margin:0!important;border-radius:30px / 28px!important}
@media (max-width:900px){.ac-in{grid-template-columns:1fr;margin-top:-50px}.ac-a{justify-content:flex-start}.ac-in .av.xl{width:96px;height:96px}}
:root[data-theme=light] .ac-prof{background:#fff;border-color:#e3d3a6}:root[data-theme=light] .ac-tx h1{color:#0f172a}:root[data-theme=light] .ac-in .av.xl{border-color:#fff}
/* 25/10 (patron : « il n'y a pas de couleur ») — Accueil : une couleur par type de contenu, reprise partout (chiffres, vignettes, panneaux) */
.ac{--ac-or:#f7c948;--ac-bleu:#6aa8ff;--ac-violet:#b48cff;--ac-vert:#2be3a9;--ac-orange:#ff8a5c;--ac-rouge:#ff5c74;--ac-argent:#c3cede}
:root[data-theme=light] .ac{--ac-or:#8a6200;--ac-bleu:#1f5fc4;--ac-violet:#6b3fc9;--ac-vert:#08795a;--ac-orange:#b4471a;--ac-rouge:#c41f3c;--ac-argent:#4d5a70}
.ac .ac-or{--c:var(--ac-or)}.ac .ac-bleu{--c:var(--ac-bleu)}.ac .ac-violet{--c:var(--ac-violet)}.ac .ac-vert{--c:var(--ac-vert)}
.ac .ac-orange{--c:var(--ac-orange)}.ac .ac-rouge{--c:var(--ac-rouge)}.ac .ac-argent{--c:var(--ac-argent)}
.ac ::selection{background:rgba(247,201,72,.35);color:inherit}
.ac a:focus-visible{outline:2px solid var(--c,var(--ac-or));outline-offset:3px}
/* profil : nom + EN DIRECT, chiffres en bas du bandeau */
.ac .ac-tx{padding-top:62px}
.ac .ac-tx h1{display:flex;flex-wrap:wrap;align-items:center;gap:10px;text-wrap:balance}
.ac-direct{display:inline-flex;align-items:center;gap:7px;padding:4px 12px;border-radius:999px;font:800 11.5px system-ui;letter-spacing:.08em;color:#fff;background:#d81f3c;box-shadow:0 6px 18px -6px rgba(216,31,60,.8)}
.ac-direct i{width:7px;height:7px;border-radius:50%;background:#fff;animation:ac-pouls 1.6s ease-out infinite}
@keyframes ac-pouls{0%{box-shadow:0 0 0 0 rgba(255,255,255,.8)}100%{box-shadow:0 0 0 8px rgba(255,255,255,0)}}
@media (prefers-reduced-motion:reduce){.ac-direct i{animation:none}}
.ac-chs{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-top:1px solid var(--v3-bd)}
.ac-ch{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:16px 8px 18px;color:var(--v3-mu);font-size:12.5px;text-decoration:none!important;transition:background .25s}
.ac-ch+.ac-ch{border-left:1px solid var(--v3-bd)}
.ac-ch i{position:absolute;top:-1px;left:30%;right:30%;height:2px;border-radius:2px;background:var(--c);opacity:.85}
.ac-ch b{font:800 24px/1.1 system-ui;font-variant-numeric:tabular-nums;color:var(--c)}
.ac-ch:hover{background:color-mix(in srgb,var(--c) 9%,transparent)}
.ac-ch:hover i{left:12%;right:12%;opacity:1;transition:left .3s cubic-bezier(.16,1,.3,1),right .3s cubic-bezier(.16,1,.3,1)}
/* panneaux teintés : pictogramme d'en-tête et filet du haut à la couleur du panneau */
.ac .ac-p::before{background:linear-gradient(90deg,transparent,var(--c),transparent);opacity:.7}
.ac .ac-p{background:radial-gradient(50% 80px at 50% 0,color-mix(in srgb,var(--c) 11%,transparent),transparent 100%),linear-gradient(180deg,var(--v3-p1),var(--v3-p2))}
.ac .ac-p .v3-ph-ic{color:var(--c);background:color-mix(in srgb,var(--c) 13%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 40%,transparent)}
.ac .ac-p .v3-ph-ic .ic .a{stroke:var(--c)}.ac .ac-p .v3-ph-ic .ic .af{fill:var(--c)}
.ac .ac-p .v3-ph>a{color:var(--c)}
/* espace créateur : raccourcis en amandes colorées */
.ac-hub{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
@media (min-width:1560px){.ac-hub{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media (max-width:620px){.ac-hub{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ac-hl{display:flex;align-items:center;gap:10px;min-width:0;padding:8px 18px 8px 8px;border-radius:999px;border:1px solid color-mix(in srgb,var(--c) 30%,var(--v3-bd));color:var(--v3-tx);font:700 13.5px system-ui;text-decoration:none!important;transition:border-color .2s,background .2s}
.ac-hl>span{display:grid;place-items:center;width:40px;height:28px;border-radius:50%;background:color-mix(in srgb,var(--c) 16%,transparent);color:var(--c)}
.ac-hl .ic .a{stroke:var(--c)}.ac-hl .ic .af{fill:var(--c)}
.ac-hl:hover{border-color:var(--c);background:color-mix(in srgb,var(--c) 8%,transparent)}
/* contenus récents : vignettes avec étiquette de type */
.ac-cg{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,190px),1fr));gap:16px}
.ac-c{display:flex;flex-direction:column;gap:8px;min-width:0;color:var(--v3-tx);text-decoration:none!important}
.ac-c-v{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;border-radius:26px / 22px;border:1px solid color-mix(in srgb,var(--c) 30%,var(--v3-bd));background:color-mix(in srgb,var(--c) 10%,var(--v3-p2));box-shadow:0 14px 30px -20px rgba(0,0,0,.8)}
.ac-c-v img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.16,1,.3,1)}
.ac-c-ph{display:grid;place-items:center;width:100%;height:100%;color:var(--c)}.ac-c-ph .ic .a{stroke:var(--c)}.ac-c-ph .ic .af{fill:var(--c)}
.ac-c-t{position:absolute;left:10px;top:10px;display:inline-flex;align-items:center;gap:5px;padding:3px 10px 3px 8px;border-radius:999px;font:800 11px system-ui;color:#0a0f1c;background:var(--c)}
.ac-c-t .ic .a{stroke:#0a0f1c}.ac-c-t .ic .af{fill:#0a0f1c}
:root[data-theme=light] .ac-c-t{color:#fff}:root[data-theme=light] .ac-c-t .ic .a{stroke:#fff}:root[data-theme=light] .ac-c-t .ic .af{fill:#fff}
.ac-c-v em{position:absolute;right:10px;bottom:9px;padding:2px 8px;border-radius:999px;font:700 11px system-ui;font-style:normal;font-variant-numeric:tabular-nums;color:#fff;background:rgba(4,7,15,.72)}
.ac-c b{padding:0 6px;font-size:13.5px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ac-c:hover .ac-c-v{border-color:var(--c)}.ac-c:hover img{transform:scale(1.04)}
/* lives à venir */
.ac-lv{display:flex;align-items:center;gap:12px;padding:10px 14px 10px 10px;border-radius:999px;color:var(--v3-tx);text-decoration:none!important;transition:background .2s}
.ac-lv+.ac-lv{margin-top:6px}
.ac-lv:hover{background:color-mix(in srgb,var(--ac-rouge) 8%,transparent)}
.ac-lv-ic{flex:none;display:grid;place-items:center;width:44px;height:30px;border-radius:50%;background:color-mix(in srgb,var(--ac-rouge) 12%,transparent);color:var(--ac-rouge)}
.ac-lv-ic .ic .a{stroke:var(--ac-rouge)}.ac-lv-ic .ic .af{fill:var(--ac-rouge)}
.ac-lv.on{background:color-mix(in srgb,var(--ac-rouge) 14%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ac-rouge) 45%,transparent)}
.ac-lv.on .ac-lv-ic{background:var(--ac-rouge)}.ac-lv.on .ac-lv-ic .ic .a{stroke:#fff}
.ac-lv b{display:block;font-size:14px}.ac-lv small{font-size:12px;color:var(--v3-mu)}.ac-lv.on small{color:var(--ac-rouge);font-weight:800;letter-spacing:.06em}
/* thème clair : le bleu des liens globaux ne doit pas recolorer les titres (la couleur vient de l'étiquette) */
:root[data-theme=light] body .ac a.ac-c,:root[data-theme=light] body .ac a.ac-hl,:root[data-theme=light] body .ac a.ac-lv{color:var(--v3-tx)}:root[data-theme=light] body .ac a.ac-ch{color:var(--v3-mu)}
/* téléphone */
@media (max-width:900px){.ac-chs{grid-template-columns:repeat(4,minmax(0,1fr))}.ac-ch:nth-child(5){border-left:0}.ac-ch:nth-child(n+5){border-top:1px solid var(--v3-bd)}.ac .ac-tx{padding-top:0}}
@media (max-width:520px){.ac-ch{padding:12px 4px 14px;font-size:11.5px}
  .ac-ch b{font-size:20px}.ac-cg{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ac-hl{padding-right:14px;font-size:13px}.ac-a .v3-btn{flex:1 1 auto;justify-content:center}}

/* 26/10 (patron : « plus coloré, plus design ») — chaque chiffre porte son pictogramme et sa teinte ; chaque panneau prend la couleur de son format */
.ac-chs{gap:8px;padding:14px clamp(14px,2vw,26px) 18px;border-top:1px solid var(--v3-bd)}
.ac-ch+.ac-ch{border-left:0}
.ac-ch{gap:4px;padding:12px 6px 13px;border-radius:26px / 22px;border:1px solid color-mix(in srgb,var(--c) 26%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--c) 15%,transparent),color-mix(in srgb,var(--c) 4%,transparent));transition:background .25s,border-color .25s,transform .25s cubic-bezier(.16,1,.3,1)}
.ac-ch:hover{transform:translateY(-2px);border-color:var(--c);background:linear-gradient(180deg,color-mix(in srgb,var(--c) 24%,transparent),color-mix(in srgb,var(--c) 7%,transparent))}
.ac-ch-ic{display:grid;place-items:center;width:38px;height:24px;border-radius:50%;background:color-mix(in srgb,var(--c) 20%,transparent)}
.ac-ch-ic .ic .a{stroke:var(--c)}.ac-ch-ic .ic .af{fill:var(--c)}
.ac-ch b{font-size:26px}
.ac .ac-p{border-color:color-mix(in srgb,var(--c) 30%,var(--v3-bd))}
.ac .ac-p .v3-ph{background:linear-gradient(100deg,color-mix(in srgb,var(--c) 12%,transparent),transparent 65%);border-bottom-color:color-mix(in srgb,var(--c) 18%,transparent)}
.ac .ac-p .v3-vide{padding:16px 12px 8px;gap:8px}.ac .ac-p .v3-vide-oeil{width:84px}.ac .ac-p .v3-vide h3{font-size:17px}.ac .ac-p .v3-vide>p{font-size:13.5px}
.ac .ac-p .v3-vide .v3-btn{border-color:color-mix(in srgb,var(--c) 45%,transparent);background:color-mix(in srgb,var(--c) 12%,transparent)}
.ac-kr .kr-tags .chip{white-space:nowrap}.ac-kr .kr-g2{display:block}.ac-kr .kr-g2>div+div{margin-top:10px}.ac-kr .kr-conseil{gap:14px}
@media (max-width:900px){.ac-chs{grid-template-columns:repeat(4,minmax(0,1fr))}.ac-ch:nth-child(n+5){border-top:1px solid color-mix(in srgb,var(--c) 26%,transparent)}}
@media (max-width:520px){.ac-chs{gap:6px;padding:12px 12px 14px}.ac-ch{padding:9px 2px 10px}.ac-ch b{font-size:20px}.ac-ch-ic{width:32px;height:20px}}
/* ================= SIGNAUX (signaux.py) : cartes compactes ================= */
.sgn-grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:16px;align-items:start}
.sgn-w{display:flex;flex-direction:column;min-width:0;border-radius:28px / 26px;border:1px solid var(--v3-bd);background:linear-gradient(180deg,var(--v3-p1),var(--v3-p2));overflow:hidden;transition:border-color .2s,transform .2s,box-shadow .2s}
.sgn-w:hover{transform:translateY(-3px);border-color:rgba(212,166,58,.5);box-shadow:0 24px 50px -30px rgba(0,0,0,.9)}
.sgn{position:relative;display:flex;flex-direction:column;gap:12px;padding:18px 20px 14px;color:inherit;text-decoration:none!important}
.sgn::before{content:"";position:absolute;inset:0 0 auto 0;height:3px}
.sgn.a::before{background:linear-gradient(90deg,transparent,#2be3a9,transparent)}.sgn.v::before{background:linear-gradient(90deg,transparent,#ff5c74,transparent)}
.sgn.a{background:radial-gradient(70% 90px at 50% 0,rgba(43,227,169,.10),transparent)}.sgn.v{background:radial-gradient(70% 90px at 50% 0,rgba(255,92,116,.10),transparent)}
.sgn.st-sl,.sgn.st-expire,.sgn.st-annule{opacity:.72}
.sgn.grand{border-radius:30px / 28px;border:1px solid var(--v3-bd);background:linear-gradient(180deg,var(--v3-p1),var(--v3-p2));padding:24px 26px 18px}
.sgn-hd{display:flex;align-items:center;gap:10px}
.sgn-sym{font:900 21px/1 system-ui;letter-spacing:.02em;color:var(--v3-tx)}
.sgn-sens{margin-left:auto;padding:6px 14px;border-radius:999px;font:900 12px system-ui;letter-spacing:.08em;text-transform:uppercase}
.sgn-sens.a{color:#032118;background:linear-gradient(180deg,#5ff0c2,#1fb985)}.sgn-sens.v{color:#fff;background:linear-gradient(180deg,#ff7a8e,#e0405a)}
.sgn-corps{display:grid;grid-template-columns:minmax(0,1fr) 46px;gap:14px;align-items:stretch}
.sgn-ls{display:flex;flex-direction:column;gap:6px}
.sgn-l{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:8px 12px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05)}
.sgn-l span{font:800 11px system-ui;letter-spacing:.12em;text-transform:uppercase;color:var(--v3-mu)}
.sgn-l b{font:800 15px system-ui;color:var(--v3-tx);font-variant-numeric:tabular-nums}
.sgn-l.tp{border-left:3px solid #2be3a9}.sgn-l.tp b{color:#2be3a9}.sgn-l.z{border-left:3px solid #f7c948}.sgn-l.sl{border-left:3px solid #ff5c74}.sgn-l.sl b{color:#ff8a95}
.sgn-ech{position:relative;border-radius:12px;background:rgba(255,255,255,.03);overflow:hidden;min-height:130px}
.sgn-ech i{position:absolute;left:8px;right:8px;display:block;border-radius:4px}
.sgn-ech-r{background:rgba(255,92,116,.35)}.sgn-ech-g{background:rgba(43,227,169,.3)}.sgn-ech-z{background:#f7c948;box-shadow:0 0 12px rgba(247,201,72,.6)}
.sgn-ech b{position:absolute;left:3px;right:3px;height:2px;margin-top:-1px}.sgn-ech-tp{background:#2be3a9}.sgn-ech-sl{background:#ff5c74}
.sgn-rr{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;color:var(--v3-mu)}
.sgn-rr b{font:900 18px system-ui;color:var(--v3-or2);margin-left:4px}
.sgn-sc{font:700 12px system-ui;color:var(--v3-or2)}
.sgn-ctx{margin:0!important;font-size:12.8px;line-height:1.5;color:#c3cad8}
.sgn-ctx em{display:block;font:800 10.5px system-ui;font-style:normal;letter-spacing:.14em;text-transform:uppercase;color:var(--v3-or2);margin-bottom:2px}
.sgn-avt{margin:4px 0 0!important;font-size:11.5px;color:var(--v3-mu);font-style:italic}
.sgn-ft{display:flex;align-items:center;gap:10px;padding:10px 20px 14px;border-top:1px solid rgba(255,255,255,.05);font-size:12.5px}
.sgn.grand .sgn-ft{padding:12px 0 0}
.sgn-who{display:flex;align-items:center;gap:10px;min-width:0;margin-right:auto;color:inherit;text-decoration:none!important}
.sgn-who b{display:block;font-size:13.5px;color:var(--v3-tx)}.sgn-who small{display:block;font-size:11.5px;color:var(--v3-mu)}
.sgn-ia{font-style:normal;margin-left:6px;padding:1px 7px;border-radius:999px;font:900 10px system-ui;color:#1a1200;background:linear-gradient(180deg,#ffe08a,#d4a63a)}
.sgn-go{font-weight:800;color:var(--v3-or2);text-decoration:none!important}
.sgn-illus{overflow:hidden;padding:0!important}.sgn-illus img{display:block;width:100%;height:auto}
.sgn-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
/* formulaire d'envoi */
.sgn-form .sgn-f3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end}
.sgn-sens-f>div{display:flex;gap:8px;margin-top:6px}
.sgn-sb{position:relative;flex:1;display:block!important;cursor:pointer}
.sgn-sb input{position:absolute;opacity:0}
.sgn-sb span{display:block;padding:11px 0;text-align:center;border-radius:999px;border:1.5px solid var(--v3-bd2);font:900 13px system-ui;letter-spacing:.06em;text-transform:uppercase;color:var(--v3-mu)}
.sgn-sb.a input:checked+span{color:#032118;background:linear-gradient(180deg,#5ff0c2,#1fb985);border-color:transparent}
.sgn-sb.v input:checked+span{color:#fff;background:linear-gradient(180deg,#ff7a8e,#e0405a);border-color:transparent}
.sgn-rr-live{display:flex;flex-direction:column;gap:2px;padding:10px 16px;border-radius:18px;border:1px solid rgba(212,166,58,.4);background:rgba(212,166,58,.06)}
.sgn-rr-live b{font:900 24px system-ui;color:var(--v3-or2)}.sgn-rr-live b.bas{color:#ff8a95}.sgn-rr-live b.ok{color:#2be3a9}
.sgn-dests>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-top:6px}
.sgn-form .sgn-dest{position:relative;display:block!important;margin:0}
.sgn-dest>span{display:flex;flex-direction:column;gap:4px;height:100%;padding:12px 16px;border-radius:22px / 20px;border:1.5px solid var(--v3-bd2);background:rgba(255,255,255,.02)}
.sgn-dest input[type=checkbox]{position:absolute;top:14px;right:14px;width:18px;height:18px}
.sgn-dest b{color:var(--v3-tx);font-size:14px}.sgn-dest small{color:var(--v3-mu);font-size:12px}
.sgn-dest:has(input:checked)>span{border-color:#f7c948;background:rgba(247,201,72,.07)}
.sgn-dest.off{opacity:.6}
/* 16/10 nuit : signal « tout simplement » — 4 champs + l'image du ratio dessinée en direct */
.sgn-pub .v3-p{max-width:880px;margin-inline:auto}
.sgn-simple{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:18px;align-items:stretch}
.sgn-champs{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:start}
.sgn-champs label{margin:0!important}
.sgn-champs label.tp input{border-color:rgba(43,227,169,.55)!important}.sgn-champs label.sl input{border-color:rgba(255,92,116,.55)!important}
.sgn-ratio{margin:0;display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:24px / 22px;border:1px solid var(--v3-bd2);background:rgba(4,8,18,.6)}
.sgn-ratio svg{width:100%;height:auto;display:block}
.sgn-ratio figcaption{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;justify-content:center}
.sgn-ratio figcaption b{font:900 26px system-ui;color:var(--v3-or2)}.sgn-ratio figcaption b.ok{color:#2be3a9}.sgn-ratio figcaption b.bas{color:#ff8a95}
.sgn-ratio [data-sgn-sens]{font-weight:800;font-size:12px;letter-spacing:.06em;text-transform:uppercase;padding:3px 10px;border-radius:99px;background:rgba(255,255,255,.06)}
.sgn-ratio [data-sgn-sens].a{background:rgba(43,227,169,.16);color:#2be3a9}.sgn-ratio [data-sgn-sens].v{background:rgba(255,92,116,.16);color:#ff8a95}
.sgn-ratio small{width:100%;text-align:center}
.sgn-dest select{margin-top:4px;max-width:100%}
@media (max-width:700px){.sgn-simple{grid-template-columns:1fr}.sgn-champs{grid-template-columns:1fr 1fr}}
/* 21/10 (patron) : type d'exécution + plusieurs TP ; niveaux rangés dans l'ordre des prix (vente : stop en haut, TP en bas) */
.sgn-champs>label:first-child,.sgn-ordres,.sgn-niv{grid-column:1/-1}
.sgn-ordres{border:0;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.sgn-ordres legend{padding:0;margin-bottom:6px;font-size:13px;font-weight:700;color:var(--v3-mu)}
.sgn-o{position:relative;display:block!important;margin:0!important;cursor:pointer}
.sgn-o input{position:absolute;opacity:0;pointer-events:none}
.sgn-o span{display:block;padding:10px 6px;text-align:center;border-radius:999px;border:1.5px solid var(--v3-bd2);font:800 12.5px system-ui;letter-spacing:.04em;color:var(--v3-mu);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sgn-o.achat span{color:#7fe9c8}.sgn-o.vente span{color:#ff9aa8}
.sgn-o.achat input:checked+span{color:#032118;background:linear-gradient(180deg,#5ff0c2,#1fb985);border-color:transparent}
.sgn-o.vente input:checked+span{color:#fff;background:linear-gradient(180deg,#ff7a8e,#e0405a);border-color:transparent}
.sgn-o input:focus-visible+span{outline:2px solid #f7c948;outline-offset:2px}
.sgn-niv{display:flex;flex-direction:column;gap:10px}
.sgn-niv>label{margin:0!important}
.sgn-tps{display:flex;flex-direction:column-reverse;gap:10px}
.sgn-niv[data-sens=vente]{flex-direction:column-reverse}
.sgn-niv[data-sens=vente] .sgn-tps{flex-direction:column}
.sgn-niv[data-sens=vente] .sgn-plus{order:-1}
.sgn-tps label{position:relative;margin:0!important}
.sgn-niv label.tp input{border-color:rgba(43,227,169,.55)!important;padding-right:40px}.sgn-niv label.sl input{border-color:rgba(255,92,116,.55)!important}.sgn-niv label.pe input{border-color:rgba(247,201,72,.55)!important}
.sgn-moins{position:absolute;right:8px;bottom:7px;width:28px;height:28px;border-radius:50%;border:0;background:rgba(255,92,116,.14);color:#ff9aa8;font:800 16px system-ui;cursor:pointer}
.sgn-plus{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;border:1.5px dashed rgba(43,227,169,.5);background:transparent;color:#7fe9c8;font:700 12.5px system-ui;cursor:pointer}
.sgn-plus[hidden],.sgn-moins[hidden]{display:none}
.sgn-l.tp small{font-weight:700;color:var(--v3-mu);margin-left:4px}
.sgn-l.tp.ok b{text-decoration:line-through;text-decoration-color:rgba(43,227,169,.6)}
@media (min-width:701px){.sgn-ordres{grid-template-columns:repeat(3,minmax(0,1fr))}}
.sgn-capt{display:flex!important;flex-direction:row!important;align-items:center;gap:12px}.sgn-capt img{width:120px;border-radius:10px}
@media (max-width:700px){.sgn-form .sgn-f3{grid-template-columns:1fr}}
:root[data-theme=light] .sgn-l{background:#f7f9fc;border-color:#e6ebf2}:root[data-theme=light] .sgn-ctx{color:#334155}:root[data-theme=light] .sgn-ech{background:#f1f4f9}

/* ================= MON AGENDA DE COURS (google_lien.page_agenda) ================= */
.agx-sem{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}
.agx-j{display:flex;flex-direction:column;gap:8px;padding:12px 10px;border-radius:22px / 20px;border:1px solid var(--v3-bd);background:rgba(255,255,255,.02)}
.agx-j.on{border-color:rgba(247,201,72,.5);background:linear-gradient(180deg,rgba(247,201,72,.1),rgba(247,201,72,.02))}
.agx-j b{text-align:center;font:900 13px system-ui;letter-spacing:.08em;text-transform:uppercase;color:var(--v3-or2)}
.agx-p{display:flex;flex-direction:column;align-items:stretch;gap:2px;padding:6px;border-radius:14px;border:1px dashed var(--v3-bd2)}
.agx-p.on{border:1px solid rgba(43,227,169,.45);background:rgba(43,227,169,.06)}
.agx-p span{text-align:center;font-size:11px;color:var(--v3-mu);line-height:1}
.agx-p input{width:100%;min-width:0;padding:5px 4px!important;font-size:12.5px!important;border-radius:10px!important;text-align:center}
.agx-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.agx .agx-sw{display:flex!important;flex-direction:row!important;align-items:center;gap:12px;cursor:pointer;color:var(--v3-tx)!important;font-size:14px!important}
.agx-sw input{position:absolute;opacity:0}
.agx-sw span{position:relative;width:46px;height:26px;border-radius:999px;background:#2a3550;transition:background .2s}
.agx-sw span::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s}
.agx-sw input:checked+span{background:linear-gradient(180deg,#5ff0c2,#1fb985)}.agx-sw input:checked+span::after{transform:translateX(20px)}
.agx-offs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.agx .agx-off{display:inline-flex!important;flex-direction:row!important;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:1px solid var(--v3-bd2);font-size:12.5px}
.agx-save{display:flex;justify-content:flex-end}
.agx-det{margin-top:12px}.agx-det summary{cursor:pointer;font-weight:700;font-size:13px;color:var(--v3-or2)}
.agx .ag-url code{display:block;padding:8px 12px;border-radius:14px;font-size:12px;overflow-wrap:anywhere;background:rgba(0,0,0,.25);border:1px solid var(--v3-bd2)}
@media (max-width:1100px){.agx-sem{grid-template-columns:repeat(4,minmax(0,1fr))}.agx-4{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.agx-sem{grid-template-columns:repeat(2,minmax(0,1fr))}}
.bbx .bb-selbar{margin-bottom:14px}
.bbx .bb-rap .btn.big{width:100%;justify-content:center;border-radius:999px}

/* 16/10 nuit (patron) : FIL — barre « Traders à suivre » sur toute la largeur, notation par étoiles (fil_mixte.barre_traders) */
.fx-trbar{margin:0 0 16px;padding:14px 16px 16px;border-radius:30px / 26px;border:1px solid rgba(247,201,72,.28);background:radial-gradient(60% 140% at 0% 0%,rgba(247,201,72,.10),transparent 60%),linear-gradient(160deg,rgba(18,20,28,.94),rgba(8,10,16,.94));box-shadow:0 10px 30px rgba(0,0,0,.35)}
.fx-trbar-hd{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:0 4px 12px}
.fx-trbar-hd b{font:800 16px system-ui;color:#fff}.fx-trbar-hd a{margin-left:auto;font-size:13px}
.fx-trbar-row{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 8px;scrollbar-width:thin}
.fx-tr2{flex:0 0 172px;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:14px 12px;border-radius:26px / 22px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03)}
.fx-tr2:hover{border-color:rgba(247,201,72,.45)}
.fx-tr2-av .av,.fx-tr2-av img{width:58px!important;height:58px!important;border-radius:50%}
.fx-tr2-n{font-weight:800;color:#fff;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:5px}
.fx-ia{font-style:normal;font-size:10px;font-weight:900;padding:1px 6px;border-radius:99px;background:linear-gradient(90deg,#f7c948,#7c4dff);color:#0b0b10}
.fx-st{display:inline-flex;align-items:center;gap:1px;font-size:15px;line-height:1}
.fx-st i{font-style:normal;color:rgba(255,255,255,.18)}.fx-st i.on{color:#f7c948}
.fx-st i.mi{background:linear-gradient(90deg,#f7c948 50%,rgba(255,255,255,.18) 50%);-webkit-background-clip:text;background-clip:text;color:transparent}
.fx-st b{margin-left:6px;font-size:12px;color:#f7c948}
.fx-tr2-d{font-size:11.5px;color:var(--v3-mu,#9aa3b5);min-height:2.6em}
.fx-tr2 form{margin:0}.fx-tr2 .btn{border-radius:99px!important}
@media (max-width:560px){.fx-tr2{flex-basis:150px}}

/* 17/10 (patron) : FIL — actualités du monde + calendrier économique de la semaine (fil_infos.py) */
.fi-row{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 8px;scroll-snap-type:x mandatory}
.fi-c{flex:0 0 250px;scroll-snap-align:start;display:flex;flex-direction:column;gap:6px;padding:12px 14px;border-radius:22px / 18px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:inherit;text-decoration:none}
.fi-c:hover,.fi-l:hover{border-color:rgba(247,201,72,.45)}
.fi-c b{font-size:13.5px;line-height:1.35;color:#fff;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.fi-c small,.fi-l small{color:var(--v3-mu,#9aa3b5);font-size:11.5px}
.fi-cat{align-self:flex-start;font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#f7c948;padding:2px 8px;border-radius:99px;background:rgba(247,201,72,.1)}
.fi-liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}
.fi-l{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-radius:22px / 18px;border:1px solid rgba(255,255,255,.08);background:rgba(10,13,22,.85);color:inherit;text-decoration:none}
.fi-l b{color:#fff;font-size:14.5px;line-height:1.35}
.fi-cal-hd{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 16px;margin-bottom:10px;border-radius:22px / 18px;background:rgba(10,13,22,.85);border:1px solid rgba(255,255,255,.08)}
.fi-cal-hd b{color:#fff}.fi-cal-hd a{margin-left:auto;font-size:13px}
.fi-leg{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--v3-mu,#9aa3b5)}.fi-leg i{width:9px;height:9px;border-radius:50%;display:inline-block;margin-left:6px}
.fi-leg i.fort,.fi-ev.fort .fi-imp i{background:#ff5c74}.fi-leg i.moy,.fi-ev.moy .fi-imp i{background:#f7a948}.fi-leg i.faible,.fi-ev.faible .fi-imp i{background:#6b7790}.fi-ev.ferie .fi-imp i{background:#7c4dff}
.fi-jour{margin:0 0 12px;padding:12px 14px;border-radius:24px / 20px;background:rgba(10,13,22,.85);border:1px solid rgba(255,255,255,.08)}
.fi-jour.auj{border-color:rgba(247,201,72,.55);box-shadow:0 0 0 1px rgba(247,201,72,.15)}
.fi-jour h3{margin:2px 4px 8px;font-size:15px;color:#fff;display:flex;align-items:baseline;gap:8px;text-transform:none}
.fi-jour h3 small{color:var(--v3-mu,#9aa3b5);font-weight:500}.fi-jour h3 em{font-style:normal;font-size:11px;color:#f7c948;font-weight:800;text-transform:uppercase}
.fi-evs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.fi-ev{display:grid;grid-template-columns:52px 74px minmax(0,1fr) auto;gap:10px;align-items:center;padding:7px 10px;border-radius:14px;background:rgba(255,255,255,.025);font-size:13px}
.fi-ev.passe{opacity:.55}.fi-ev time{font-weight:800;color:#fff;font-variant-numeric:tabular-nums}
.fi-ev b{font-weight:600;color:#e8ecf5;overflow:hidden;text-overflow:ellipsis}
.fi-pays{font-size:12px;color:var(--v3-mu,#9aa3b5);white-space:nowrap}
.fi-imp{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:var(--v3-mu,#9aa3b5)}.fi-imp i{width:9px;height:9px;border-radius:50%}
.fi-vals{grid-column:3 / -1;display:flex;gap:12px;font-size:12px;color:#cfd6e4}.fi-vals:empty{display:none}.fi-vals em{font-style:normal;color:var(--v3-mu,#9aa3b5);margin-right:4px}
.fi-ev.fort{background:rgba(255,92,116,.07)}
@media (max-width:560px){.fi-ev{grid-template-columns:46px minmax(0,1fr) auto}.fi-pays{display:none}.fi-c{flex-basis:220px}}
.fx-feed.fx-t-actus,.fx-feed.fx-t-calendrier{display:block!important}
.fx-feed .fi-band,.fx-feed .fi-ag{grid-column:1 / -1}
.fi-ev.passe{opacity:.72}.fi-ev{background:rgba(6,9,16,.55)}

/* 18/10 (patron) : panneau « Aujourd'hui sur les marchés » en haut du fil — calendrier du jour filtrable + actualité chaude notée /100 */
.fj{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:16px;padding:16px 18px;margin:12px 0 16px;border:1px solid rgba(247,201,72,.28);border-radius:26px;background:linear-gradient(160deg,rgba(247,201,72,.06),rgba(6,9,16,.6) 45%)}
.fj-hd{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:8px}.fj-hd b{font-size:15px}.fj-hd small{color:var(--v3-mu,#9aa3b5);font-size:12px}.fj-hd a{margin-left:auto;font-size:12.5px}
.fj-f{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.fj-sep{width:1px;background:rgba(255,255,255,.12);margin:0 4px}
.fj-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:transparent;color:var(--v3-mu,#9aa3b5);font-size:12px;cursor:pointer}
.fj-chip.on{border-color:rgba(247,201,72,.6);color:#fff;background:rgba(247,201,72,.12)}.fj-chip i{width:8px;height:8px;border-radius:50%}
.fj-chip i.fort{background:#ff5c74}.fj-chip i.moy{background:#f7a948}.fj-chip i.faible{background:#6b7790}
.fj-evs{max-height:320px;overflow:auto}.fj-act{display:flex;flex-direction:column;gap:6px}
.fj-hot{display:grid;grid-template-columns:52px minmax(0,1fr);gap:10px;align-items:center;padding:8px 10px;border-radius:16px;background:rgba(255,255,255,.03);color:inherit;text-decoration:none}
.fj-hot:hover{background:rgba(247,201,72,.08)}.fj-hot b{display:block;font-size:13px;font-weight:600;line-height:1.3}.fj-hot small{color:var(--v3-mu,#9aa3b5);font-size:11.5px}
.fj-sc{display:flex;align-items:baseline;justify-content:center;font-weight:800;font-size:17px;color:#f7c948}.fj-sc small{font-size:10px;font-weight:600;color:var(--v3-mu,#9aa3b5)}
.fj-note{margin-top:2px}
:root[data-theme=light] .fj{background:linear-gradient(160deg,rgba(176,125,18,.08),#fff 45%);border-color:rgba(176,125,18,.35)}
:root[data-theme=light] .fj-hot{background:rgba(0,0,0,.03)}:root[data-theme=light] .fj-chip.on{color:#1a1a1a}:root[data-theme=light] .fj-sc{color:#8a6200}
@media (max-width:900px){.fj{grid-template-columns:1fr}}

/* 18/10 (patron : « un picto design par groupe, dans la charte ») — l'amande dessinée remplace la boîte à emoji */
.grp-ic.gp,body.sg main .card.grp .grp-ic.gp,.mx-tu.gp{width:auto!important;height:auto!important;background:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding:0;display:inline-grid;place-items:center}
.gpic{display:block;filter:drop-shadow(0 6px 14px rgba(0,0,0,.45));transition:transform .2s ease,filter .2s ease}
a:hover>.gpic,a:hover .grp-ic.gp .gpic{transform:translateY(-1px) scale(1.04);filter:drop-shadow(0 8px 18px rgba(212,166,58,.35))}

/* 18/10 : bêta privée — les 8 chiffres sur UNE rangée compacte (au lieu de deux grandes rangées de zéros) */
.bt-hero .v3-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important}.bt-hero .v3-stat{padding:10px 12px!important;min-height:0!important}.bt-hero .v3-stat b{font-size:20px!important}

/* ═══ 25/10 (patron : « le jeu de design et de couleur du Portefeuille, le mettre dans toutes les pages […] un peu de couleur, ce n'est pas
   contradictoire ») — LANGAGE PORTEFEUILLE PARTAGÉ. Base or/nuit inchangée ; six accents (or, vert, cyan, violet, orange, rose) posés sur
   les CHIFFRES et les PICTOGRAMMES : carte teintée de sa couleur, liseré, chiffre et anneau du pictogramme dans la même couleur.
   Une seule variable --sx-c par élément : couleur donnée par la position (cycle) ou par le sens (.or/.vert/.rouge, .pw-c-*, --k de la page).
   Préfixe « body » : passe devant les feuilles de page chargées après celle-ci, sans !important. ═══ */
:root{--sx-or:#f7c948;--sx-vert:#2be3a9;--sx-cyan:#4cc9f0;--sx-violet:#a78bfa;--sx-orange:#ff9f43;--sx-rose:#ff6b9a;--sx-rouge:#ff5c74;
  --sx-video:#6aa8ff;--sx-sc:#b48cff;--sx-audio:#2be3a9;--sx-photo:#ff8a5c;--sx-live:#ff5c74}

/* 1. couleur par position : cartes de chiffres, tuiles d'administration, lignes à pictogramme, en-têtes de panneaux */
body :is(.v3-stats>.v3-stat,.ax-kpis>.ax-kpi,.ax-mods>.ax-mod,.ax-tuiles>.ax-tuile,.v3-row){--sx-c:var(--sx-or)}
body :is(.v3-stats>.v3-stat,.ax-kpis>.ax-kpi,.ax-mods>.ax-mod,.ax-tuiles>.ax-tuile,.v3-row):nth-child(6n+2){--sx-c:var(--sx-vert)}
body :is(.v3-stats>.v3-stat,.ax-kpis>.ax-kpi,.ax-mods>.ax-mod,.ax-tuiles>.ax-tuile,.v3-row):nth-child(6n+3){--sx-c:var(--sx-cyan)}
body :is(.v3-stats>.v3-stat,.ax-kpis>.ax-kpi,.ax-mods>.ax-mod,.ax-tuiles>.ax-tuile,.v3-row):nth-child(6n+4){--sx-c:var(--sx-violet)}
body :is(.v3-stats>.v3-stat,.ax-kpis>.ax-kpi,.ax-mods>.ax-mod,.ax-tuiles>.ax-tuile,.v3-row):nth-child(6n+5){--sx-c:var(--sx-orange)}
body :is(.v3-stats>.v3-stat,.ax-kpis>.ax-kpi,.ax-mods>.ax-mod,.ax-tuiles>.ax-tuile,.v3-row):nth-child(6n){--sx-c:var(--sx-rose)}
/* couleur par sens (gagne sur la position) */
body .v3-stats>.v3-stat.pw-c-or{--sx-c:var(--sx-or)}body .v3-stats>.v3-stat.pw-c-vert{--sx-c:var(--sx-vert)}body .v3-stats>.v3-stat.pw-c-cyan{--sx-c:var(--sx-cyan)}
body .v3-stats>.v3-stat.pw-c-violet{--sx-c:var(--sx-violet)}body .v3-stats>.v3-stat.pw-c-orange{--sx-c:var(--sx-orange)}body .v3-stats>.v3-stat.pw-c-rose{--sx-c:var(--sx-rose)}
body .v3-stats>.v3-stat.vert:not([class*=pw-c-]),body .ax-kpis>.ax-kpi.vert{--sx-c:var(--sx-vert)}
body .v3-stats>.v3-stat.rouge,body .ax-kpis>.ax-kpi.alerte,body .ax-tuiles>.ax-tuile.dan{--sx-c:var(--sx-rouge)}
body :is(.adx-kpi,.mb-t,.mc3-k){--sx-c:var(--k)}
body .v3-ph-ic,body .ax-p>h2 .ax-ic{--sx-c:var(--sx-or)}
body :is(.v3-p,.ax-p):nth-of-type(6n+2) .v3-ph-ic,body .ax-p:nth-of-type(6n+2)>h2 .ax-ic{--sx-c:var(--sx-cyan)}
body :is(.v3-p,.ax-p):nth-of-type(6n+3) .v3-ph-ic,body .ax-p:nth-of-type(6n+3)>h2 .ax-ic{--sx-c:var(--sx-violet)}
body :is(.v3-p,.ax-p):nth-of-type(6n+4) .v3-ph-ic,body .ax-p:nth-of-type(6n+4)>h2 .ax-ic{--sx-c:var(--sx-vert)}
body :is(.v3-p,.ax-p):nth-of-type(6n+5) .v3-ph-ic,body .ax-p:nth-of-type(6n+5)>h2 .ax-ic{--sx-c:var(--sx-orange)}
body :is(.v3-p,.ax-p):nth-of-type(6n) .v3-ph-ic,body .ax-p:nth-of-type(6n)>h2 .ax-ic{--sx-c:var(--sx-rose)}

/* 2. la carte de chiffre du Portefeuille */
/* la teinte se pose PAR-DESSUS la couleur de modules choisie dans Paramètres (--v3-p1/--v3-p2, imposée en !important par #sg-couleurs) */
body :is(.v3-stats>.v3-stat:not(.s3c),.ax-kpi,.adx-kpi,.mb-t,.mc3-k){background:linear-gradient(160deg,color-mix(in srgb,var(--sx-c) 14%,transparent),transparent 70%),linear-gradient(180deg,var(--v3-p1),var(--v3-p2))!important;
  border:1px solid color-mix(in srgb,var(--sx-c) 34%,transparent);transition:border-color .2s,transform .2s}
body :is(.mb-t,.mc3-k){background:linear-gradient(160deg,color-mix(in srgb,var(--sx-c) 16%,transparent),transparent 75%)!important}   /* posées dans un bandeau déjà coloré : pas de fond de module */
body :is(.v3-stats>a.v3-stat:not(.s3c),a.ax-kpi,.adx-kpi,.mb-t,.mc3-k):hover{border-color:color-mix(in srgb,var(--sx-c) 70%,transparent)}
body :is(.v3-stats>.v3-stat:not(.s3c),.ax-kpi,.adx-kpi,.mb-t,.mc3-k) b{color:var(--sx-c)}
body :is(.v3-stats>.v3-stat:not(.s3c),.ax-kpi,.adx-kpi,.mb-t,.mc3-k) small{color:color-mix(in srgb,var(--sx-c) 55%,#9aa6bf)}
/* 3. l'anneau du pictogramme (même couleur que son chiffre / sa ligne) */
body :is(.v3-stats>.v3-stat:not(.s3c) .v3-stat-ic,.ax-kpi .ax-ic,.ax-mod>.ax-ic,.ax-tuile .ax-ic,.v3-row>.v3-row-ic,.v3-ph-ic,.ax-p>h2 .ax-ic){color:var(--sx-c);
  background:radial-gradient(circle,color-mix(in srgb,var(--sx-c) 30%,transparent),transparent 72%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sx-c) 45%,transparent)}
body :is(.v3-stats>.v3-stat:not(.s3c) .v3-stat-ic,.ax-kpi .ax-ic,.ax-mod>.ax-ic,.ax-tuile .ax-ic,.v3-row>.v3-row-ic,.v3-ph-ic,.ax-p>h2 .ax-ic) .ic .a{stroke:var(--sx-c)}
body :is(.v3-stats>.v3-stat:not(.s3c) .v3-stat-ic,.ax-kpi .ax-ic,.ax-mod>.ax-ic,.ax-tuile .ax-ic,.v3-row>.v3-row-ic,.v3-ph-ic,.ax-p>h2 .ax-ic) .ic .af{fill:var(--sx-c)}
body :is(.ax-mod,.ax-tuile):not(.dan):hover{border-color:color-mix(in srgb,var(--sx-c) 60%,transparent)}

/* 4. filtres colorés : une couleur par format dans le Fil (charte), une par marché en Formation / Cours */
body .fx-f{--sx-c:var(--sx-or)}
body .fx-f[href*="type=signaux"]{--sx-c:var(--sx-vert)}body .fx-f[href*="type=graphiques"]{--sx-c:var(--sx-cyan)}body .fx-f[href*="type=analyses"]{--sx-c:var(--sx-violet)}
body .fx-f[href*="type=photos"]{--sx-c:var(--sx-photo)}body .fx-f[href*="type=videos"]{--sx-c:var(--sx-video)}body .fx-f[href*="type=podcasts"]{--sx-c:var(--sx-audio)}
body .fx-f[href*="type=sightcasts"]{--sx-c:var(--sx-sc)}body .fx-f[href*="type=actus"]{--sx-c:var(--sx-orange)}body .fx-f[href*="type=calendrier"]{--sx-c:var(--sx-rose)}
:root body .fx-f:not(.on){border-color:color-mix(in srgb,var(--sx-c) 34%,transparent);background:linear-gradient(160deg,color-mix(in srgb,var(--sx-c) 14%,transparent),transparent 75%),linear-gradient(180deg,var(--v3-p1),var(--v3-p2))!important}
:root body .fx-f.on{background:linear-gradient(135deg,#f7c948,#d4a63a)!important;color:#1a1305}   /* l'onglet actif restait noir sur noir avec une couleur de modules perso */
body .fx-f:not(.on) .ic{color:var(--sx-c)}body .fx-f:not(.on) .ic .a{stroke:var(--sx-c)}body .fx-f:not(.on) .ic .af{fill:var(--sx-c)}
body .fx-f:not(.on):hover{border-color:var(--sx-c)}
body .pc-fm{--sx-c:var(--sx-or)}
body .pc-fm[href*="marche=matieres"]{--sx-c:var(--sx-orange)}body .pc-fm[href*="marche=forex"]{--sx-c:var(--sx-cyan)}body .pc-fm[href*="marche=indices"]{--sx-c:var(--sx-violet)}
body .pc-fm[href*="marche=actions"]{--sx-c:var(--sx-vert)}body .pc-fm[href*="marche=crypto"]{--sx-c:var(--sx-rose)}
body .pc-fm:not(.on){border-color:color-mix(in srgb,var(--sx-c) 40%,transparent);background:color-mix(in srgb,var(--sx-c) 10%,rgba(15,22,40,.6))}
body .pc-fm:not(.on) .ic .a{stroke:var(--sx-c)}body .pc-fm:not(.on):hover{border-color:var(--sx-c);color:#fff}
/* fiches des SIGHT Visionnaires (Formation, Cours privés) : la couleur de leur spécialité (--pc) teinte le bas de la fiche, comme une carte du Portefeuille */
:root:not([data-theme=light]) body .pc-grid>.card.pc{background:linear-gradient(0deg,color-mix(in srgb,var(--pc,#f7c948) 15%,transparent),transparent 62%),linear-gradient(180deg,var(--v3-p1),var(--v3-p2))!important}
body .pc-grid>.card.pc:hover{border-color:color-mix(in srgb,var(--pc,#f7c948) 75%,transparent)!important}
/* étapes numérotées (Cours privés « Comment ça marche ») : un numéro, une couleur */
body .pc-how ol>li::marker{font-weight:800;color:var(--sx-or)}
body .pc-how ol>li:nth-child(2)::marker{color:var(--sx-vert)}body .pc-how ol>li:nth-child(3)::marker{color:var(--sx-cyan)}
body .pc-how ol>li:nth-child(4)::marker{color:var(--sx-violet)}body .pc-how ol>li:nth-child(5)::marker{color:var(--sx-orange)}body .pc-how ol>li:nth-child(6)::marker{color:var(--sx-rose)}

/* 5. thème clair : mêmes couleurs, cartes blanches teintées, chiffres assombris pour rester lisibles */
:root[data-theme=light] body :is(.v3-stats>.v3-stat:not(.s3c),.ax-kpi,.adx-kpi,.mb-t,.mc3-k){background:linear-gradient(160deg,color-mix(in srgb,var(--sx-c) 12%,#fff),#fff 70%)!important}
:root[data-theme=light] body :is(.v3-stats>.v3-stat:not(.s3c),.ax-kpi,.adx-kpi,.mb-t,.mc3-k) b{color:color-mix(in srgb,var(--sx-c) 60%,#0f172a)}
:root[data-theme=light] body :is(.v3-stats>.v3-stat:not(.s3c),.ax-kpi,.adx-kpi,.mb-t,.mc3-k) small{color:color-mix(in srgb,var(--sx-c) 45%,#475569)}
:root[data-theme=light] body :is(.v3-stats>.v3-stat:not(.s3c) .v3-stat-ic,.ax-kpi .ax-ic,.ax-mod>.ax-ic,.ax-tuile .ax-ic,.v3-row>.v3-row-ic,.v3-ph-ic,.ax-p>h2 .ax-ic){color:color-mix(in srgb,var(--sx-c) 70%,#0f172a)}
:root[data-theme=light] body :is(.v3-stats>.v3-stat:not(.s3c) .v3-stat-ic,.ax-kpi .ax-ic,.ax-mod>.ax-ic,.ax-tuile .ax-ic,.v3-row>.v3-row-ic,.v3-ph-ic,.ax-p>h2 .ax-ic) .ic .a{stroke:color-mix(in srgb,var(--sx-c) 70%,#0f172a)}
:root[data-theme=light] body .fx-f:not(.on),:root[data-theme=light] body .pc-fm:not(.on){background:color-mix(in srgb,var(--sx-c) 10%,#fff)!important;color:#1e293b}
:root[data-theme=light] body :is(.fx-f,.pc-fm):not(.on) .ic .a{stroke:color-mix(in srgb,var(--sx-c) 70%,#0f172a)}
:root[data-theme=light] body .pc-how ol>li::marker{color:#8a5a00}
@media (prefers-reduced-motion:reduce){body :is(.v3-stats>.v3-stat,.ax-kpi,.adx-kpi,.mb-t,.mc3-k){transition:none}}

/* ═══ 25/10 (patron : « mal proportionné […] des grandes photos […] les vidéos, tutoriels et préparations sont trop petites, faire des cadres plus grands »)
   FIL — proportions. Les vidéos passent devant : bandes et lecteurs sur toute la largeur du fil (16:9), photos bornées en 16:10.
   Vidéo courte verticale (9:16) reconnue par ses dimensions en base (videos.hauteur > videos.largeur) : fil_mixte.tuile_video la rend
   sans la classe .w (vignette) et carte_analyse ajoute .vert au lecteur — ici un cadre vertical propre, jamais étiré. */
body .fx-feed{--fx-vid:#6aa8ff;--fx-vid-2:#4cc9f0}
:root[data-theme=light] body .fx-feed{--fx-vid:#1f5fc4;--fx-vid-2:#0b7fa6}
/* 1. photos : cadre 16:10 borné, recadrage centré (clic = image entière dans la visionneuse) */
body .fx-feed .fx-photo .fx-img>img,body .fx-feed .fx-pt img{aspect-ratio:16/10;max-height:300px;width:100%;object-fit:cover;object-position:50% 30%}
body .fx-feed .fx-mgrid{max-height:300px}
/* 2. vidéos à la une : carrousels (préparations, tutos, vidéos sociales), analyses vidéo et SightCasts sur toute la largeur en grand écran */
@media (min-width:1100px){
  body .fx-feed>.fx-strip,body .fx-feed>.fx-ana:not(:has(.fx-player.vert)){grid-column:1/-1}
  body .fx-feed .fx-strip .fx-vt.w{width:266px}   /* 25/10 soir (patron : « un petit peu trop grand ») : 312 → 266 px */
}
body .fx-feed .fx-strip{border-color:color-mix(in srgb,var(--fx-vid) 40%,transparent)!important;
  background:radial-gradient(120% 70% at 0 0,color-mix(in srgb,var(--fx-vid) 12%,transparent),transparent 60%),var(--v3-p2,#0f1628)!important}
body .fx-feed .fx-strip .fx-sh-ic{color:var(--fx-vid);background:color-mix(in srgb,var(--fx-vid) 14%,transparent);border-color:color-mix(in srgb,var(--fx-vid) 45%,transparent)}
body .fx-feed .fx-strip[data-type=prepa] .fx-sh-ic{color:#f7c948;background:rgba(247,201,72,.12);border-color:rgba(247,201,72,.4)}
body .fx-feed .fx-strip-row{gap:14px;align-items:flex-start;scroll-padding-inline:14px}
body .fx-feed .fx-vt.w{width:min(74%,300px);border-radius:22px;border-color:color-mix(in srgb,var(--fx-vid) 28%,transparent)}
body .fx-feed .fx-vt.w:hover{border-color:var(--fx-vid)}
body .fx-feed .fx-vt.w .fx-vt-im{border-radius:21px 21px 0 0}
body .fx-feed .fx-vt-cap{padding:9px 13px 11px;gap:3px}
body .fx-feed .fx-vt-cap b{font-size:13.5px}
body .fx-feed .fx-vt-cap em{font-size:12px}
body .fx-feed .fx-vt.w .fx-vt-pl{left:12px;top:auto;bottom:10px;width:42px;height:42px;margin:0;font-size:0;opacity:.92;box-shadow:0 6px 18px rgba(0,0,0,.5)}
body .fx-feed .fx-vt.w .fx-vt-pl::before{content:"";margin-left:3px;border-style:solid;border-width:8px 0 8px 13px;border-color:transparent transparent transparent #1a1200}
body .fx-feed .fx-vt.w:hover .fx-vt-pl,body .fx-feed .fx-vt.w:focus-visible .fx-vt-pl{opacity:1}
body .fx-feed .fx-vt-type.tuto{background:var(--fx-vid);color:#04122b}
body .fx-feed .fx-vt-type.social{background:var(--fx-vid-2);color:#03202b}
body .fx-feed .fx-vt:focus-visible{outline:2px solid var(--fx-vid);outline-offset:3px}
/* 3. vidéo courte verticale 9:16 dans un carrousel : grand cadre portrait (≈ 390 px de haut), titre sur l'image */
body .fx-feed .fx-strip .fx-vt:not(.w):not(.fx-vt-add){width:min(52%,186px);aspect-ratio:9/16;border-radius:26px;border-color:color-mix(in srgb,var(--fx-vid-2) 35%,transparent)}
body .fx-feed .fx-strip .fx-vt-add{width:min(52%,186px);aspect-ratio:9/16;border-radius:26px}
body .fx-feed .fx-strip .fx-vt:not(.w) .fx-vt-b b{font-size:14px}
body .fx-feed .fx-vt.vert .fx-vt-top{top:34px}
/* filtre « Vidéos » : grandes vignettes 16:9 sur deux colonnes ; une vidéo verticale prend une colonne étroite en 9:16 */
body .fx-feed .fx-grid:has(.fx-vt){grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;grid-auto-flow:row dense;align-items:start}
body .fx-feed .fx-grid .fx-vt.sq{grid-column:span 2;aspect-ratio:16/9;border-radius:22px}
body .fx-feed .fx-grid .fx-vt.sq.vert{grid-column:span 1;aspect-ratio:9/16;border-radius:26px}
body .fx-feed .fx-grid .fx-vt.sq .fx-vt-b b{font-size:14px}
body .fx-feed .fx-grid .fx-vt.sq .fx-vt-g{background:linear-gradient(180deg,rgba(4,7,15,.45) 0,transparent 22%,transparent 50%,rgba(4,7,15,.94) 100%)}
body .fx-feed .fx-grid .fx-vt.sq .fx-vt-b em{color:#cfd6e6}
/* lecteurs (analyse vidéo, SightCast) : 16:9 plein cadre ; vertical = cadre portrait centré, l'anneau doré épouse la vidéo */
body .fx-feed .fx-player:not(.vert){aspect-ratio:16/9;max-height:none}
body .fx-feed .fx-player.vert{aspect-ratio:9/16;height:min(64vh,560px);width:auto;max-height:none}
body .fx-feed .fx-player.vert video{object-fit:cover}
body .fx-feed .fx-ana-cadre:has(.fx-player.vert){width:fit-content;margin-inline:auto;border-radius:46px / 34px}
body .fx-feed .fx-ana-cadre:has(.fx-player.vert) .fx-player{border-radius:42px / 31px}
@media (min-width:1100px){body .fx-feed>.fx-ana:not(:has(.fx-player.vert)) .fx-ana-cadre{margin:6px 18px 4px}}
@media (max-width:760px){
  body .fx-feed .fx-vt.w{width:74%}
  body .fx-feed .fx-strip .fx-vt:not(.w):not(.fx-vt-add),body .fx-feed .fx-strip .fx-vt-add{width:54%}
  body .fx-feed .fx-photo .fx-img>img,body .fx-feed .fx-pt img{max-height:240px}
  body .fx-feed .fx-player.vert{height:min(70vh,520px)}
  body .fx-feed .fx-grid:has(.fx-vt){grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
}
:root[data-theme=light] body .fx-feed .fx-strip{background:radial-gradient(120% 70% at 0 0,color-mix(in srgb,var(--fx-vid) 9%,#fff),#fff 60%)!important}
:root[data-theme=light] body .fx-feed .fx-vt.w{background:#fff}
:root[data-theme=light] body .fx-feed .fx-vt-cap b{color:#0f172a}
:root[data-theme=light] body .fx-feed .fx-vt-cap em{color:#475569}
:root[data-theme=light] body .fx-feed :is(.fx-vt-type.tuto,.fx-vt-type.social){color:#fff}
:root[data-theme=light] body .fx-feed .fx-vt:not(.w) .fx-vt-b em{color:#e3e7ef}

/* 26/10 (patron : « plus de couleurs ») — GROUPES : une couleur par marché (métaux or, forex bleu, indices violet, actions vert, crypto orange, matières cyan) */
.grx .grp{--m:#f7c948}.grx .grp.m-forex{--m:#6aa8ff}.grx .grp.m-indices{--m:#b48cff}.grx .grp.m-actions{--m:#2be3a9}.grx .grp.m-crypto{--m:#ff8a5c}.grx .grp.m-matieres{--m:#49d6e8}
:root[data-theme=light] .grx .grp{--m:#9a6b00}:root[data-theme=light] .grx .grp.m-forex{--m:#2f6fd6}:root[data-theme=light] .grx .grp.m-indices{--m:#7a4fd6}
:root[data-theme=light] .grx .grp.m-actions{--m:#0f8a66}:root[data-theme=light] .grx .grp.m-crypto{--m:#c94a17}:root[data-theme=light] .grx .grp.m-matieres{--m:#0b7f95}
body.sg main .grx .card.grp{border-color:color-mix(in srgb,var(--m) 30%,transparent)!important;background:radial-gradient(70% 90px at 50% 0,color-mix(in srgb,var(--m) 14%,transparent),transparent),linear-gradient(180deg,var(--v3-p1),var(--v3-p2))!important}
body.sg main .grx .card.grp:hover{border-color:var(--m)!important;box-shadow:0 18px 40px -26px color-mix(in srgb,var(--m) 70%,transparent)}
body.sg main .grx .card.grp::before{background:linear-gradient(90deg,transparent,var(--m),transparent)!important}
body.sg main .grx .card.grp .grp-tx .who{color:var(--v3-tx)}
.grx .grp .grp-tx>div.mut{color:color-mix(in srgb,var(--m) 55%,var(--v3-mu))!important;font-weight:700;font-size:12.5px}
body.sg main .grx .card.grp .grp-tx p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.grx .grp .gpic{filter:drop-shadow(0 6px 14px color-mix(in srgb,var(--m) 40%,transparent))}
:root[data-theme=light] body.sg main .grx .card.grp{background:radial-gradient(70% 90px at 50% 0,color-mix(in srgb,var(--m) 10%,transparent),transparent),#fff!important}
/* 26/10 (patron : « ergonomique ») — FORMATION / COURS : 4 Visionnaires par rangée au lieu de 3, portraits moins hauts (la page faisait 17 000 px) */
body.sg main[data-large] .pc-grid,body.sg main .pc-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:16px}
body.sg main .pc-grid>.card.pc:not(.pc-big) .pc-img{aspect-ratio:5/4;background-position:center 22%}
body.sg main .pc-grid>.card.pc .pc-bd p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:520px){body.sg main .pc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}body.sg main .pc-grid>.card.pc .pc-bd{padding:8px 10px 10px}body.sg main .pc-grid>.card.pc .pc-bd b{font-size:14px}}
/* 26/10 — LIVE : la carte « Visionnaire en live » ne s'étire plus (trou vide sous le texte) ; panneaux teintés rouge live */
body.sg main .lvx-eclr{flex-wrap:nowrap!important;height:auto!important}body.sg main .lvx-eclr-tx{flex-grow:0!important}
body.sg main .lvx-sec:first-child{border-color:rgba(255,92,116,.32)!important;background:radial-gradient(60% 120px at 0 0,rgba(255,92,116,.12),transparent),linear-gradient(180deg,var(--v3-p1),var(--v3-p2))!important}
body.sg main .lvs-entree{background:radial-gradient(60% 120px at 100% 0,rgba(247,201,72,.10),transparent),linear-gradient(180deg,var(--v3-p1),var(--v3-p2))!important}
:root[data-theme=light] body.sg main .lvx-sec:first-child{background:radial-gradient(60% 120px at 0 0,rgba(196,31,60,.08),transparent),#fff!important}
:root[data-theme=light] body.sg main .lvs-entree{background:radial-gradient(60% 120px at 100% 0,rgba(176,125,18,.08),transparent),#fff!important}
/* 26/10 — CLASSEMENTS au téléphone : le score reste visible (le détail se lit sur le profil), podium sur une rangée */
@media (max-width:620px){.rc .rc-tbl th:nth-child(4),.rc .rc-tbl td:nth-child(4){display:none}.rc .rc-tbl table{min-width:0!important;width:100%}
  .rc .rc-tbl td.num{font-size:17px;font-weight:800;text-align:right}
  .rc-podium{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;align-items:end}
  .rc-podium .rc-pod{padding:12px 6px!important;min-width:0}.rc-podium .rc-pod .av.xl{width:52px!important;height:52px!important;font-size:20px!important}
  .rc-podium .rc-pod b{font-size:12.5px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rc-podium .rcp-sc{font-size:22px!important}.rc-podium small{font-size:10.5px}}
@media (max-width:620px){.rc .rc-tbl td:nth-child(2) .rc-tx .mut{display:none}.rc .rc-tbl td,.rc .rc-tbl th{padding-left:8px!important;padding-right:8px!important}
  .rc .rc-tbl td:nth-child(2) b{white-space:normal;word-break:break-word}}
/* 26/10 — bandeau v3 au téléphone : la colonne ne s'élargit plus sous l'effet des boutons (texte et périodes coupés) */
@media (max-width:700px){.v3-hero{grid-template-columns:minmax(0,1fr)!important}.v3-hero-l,.v3-hero-a{min-width:0;max-width:100%}
  .v3-hero-a{flex-wrap:wrap}.v3-hero-a>*{max-width:100%;overflow-x:auto;scrollbar-width:none}}

/* ═══ 26/10 (2e passe, patron : « tous les onglets avec la même qualité ») ═══ */
/* TROUVER UN COACH — cartes portrait en amande, une couleur par style de trading (filtres en fente) */
.co{--c:var(--sx-or)}
.co .c-or{--c:var(--sx-or)}.co .c-bleu{--c:var(--sx-video)}.co .c-rose{--c:var(--sx-rose)}.co .c-vert{--c:var(--sx-vert)}
.co .c-violet{--c:var(--sx-violet)}.co .c-orange{--c:var(--sx-orange)}.co .c-cyan{--c:var(--sx-cyan)}
.co-q{display:flex;align-items:center;gap:10px;padding:12px 20px;border-radius:999px;border:1px solid var(--v3-bd);background:var(--v3-p1)}
.co-q input{flex:1;min-width:0;background:none!important;border:0!important;box-shadow:none!important;color:var(--v3-tx);font:inherit;outline:0;padding:0!important}
.co-q:focus-within{border-color:color-mix(in srgb,var(--sx-or) 60%,transparent)}
.co-f{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.co-f a{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid color-mix(in srgb,var(--c,var(--sx-or)) 35%,transparent);
  color:var(--v3-tx);font:700 13px system-ui;text-decoration:none!important;background:color-mix(in srgb,var(--c,var(--sx-or)) 7%,transparent);transition:background .2s,border-color .2s}
.co-f a i{width:8px;height:8px;border-radius:50%;background:var(--c)}
.co-f a em{font-style:normal;font-size:11px;font-weight:800;color:var(--v3-mu);font-variant-numeric:tabular-nums}
.co-f a:hover{border-color:var(--c,var(--sx-or))}
.co-f a.on{background:var(--c,var(--sx-or));border-color:transparent;color:#120d00}.co-f a.on em{color:rgba(18,13,0,.65)}.co-f a.on i{background:#120d00}
.co-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:16px}
.co-c{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:1fr auto;gap:12px 16px;padding:18px 18px 14px;border-radius:34px / 30px;
  border:1px solid color-mix(in srgb,var(--c) 26%,transparent);
  background:radial-gradient(80% 90px at 0 0,color-mix(in srgb,var(--c) 13%,transparent),transparent),linear-gradient(180deg,var(--v3-p1),var(--v3-p2));transition:border-color .2s,transform .2s,box-shadow .2s}
.co-c::before{content:"";position:absolute;left:14%;right:14%;top:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--c),transparent)}
.co-c:hover{border-color:color-mix(in srgb,var(--c) 70%,transparent);transform:translateY(-2px);box-shadow:0 22px 44px -30px color-mix(in srgb,var(--c) 75%,transparent)}
.co-av .av{display:grid;place-items:center;width:84px;height:62px;border-radius:50%;object-fit:cover;object-position:center 25%;box-shadow:0 0 0 2px var(--c),0 10px 24px -10px color-mix(in srgb,var(--c) 70%,transparent)}
.co-tx{min-width:0;display:flex;flex-direction:column;gap:3px}
.co-nom{font-weight:800;font-size:15.5px;color:var(--v3-tx)!important;text-decoration:none!important}
.co-spec{color:var(--c);font-size:13.5px}
.co-tx p{margin:4px 0 0;color:var(--v3-mu);font-size:13px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.co-pro{font-style:normal;font-size:10px;font-weight:800;padding:1px 7px;border-radius:999px;background:var(--c);color:#120d00;margin-left:6px;vertical-align:2px}
.co-pied{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:12px;border-top:1px solid color-mix(in srgb,var(--c) 16%,transparent)}
.co-inf{display:flex;align-items:center;gap:8px;min-width:0;color:var(--v3-mu);font-size:12.5px;font-variant-numeric:tabular-nums}
.co-inf em{font-style:normal;font-weight:800;color:var(--c);padding:2px 9px;border-radius:999px;background:color-mix(in srgb,var(--c) 12%,transparent)}
.co-go.btn{flex:none;display:inline-flex;align-items:center;gap:7px;border-radius:999px!important;padding:8px 16px}
.co-vide{margin:0;color:var(--v3-mu);font-size:14px;line-height:1.55}
.co-pv .v3-pb{padding-top:14px}
:root[data-theme=light] .co .c-or,:root[data-theme=light] .co{--c:#a87a10}:root[data-theme=light] .co .c-bleu{--c:#2f6fd6}:root[data-theme=light] .co .c-rose{--c:#c8326b}
:root[data-theme=light] .co .c-vert{--c:#0f8a66}:root[data-theme=light] .co .c-violet{--c:#7a4fd6}:root[data-theme=light] .co .c-orange{--c:#c25a12}:root[data-theme=light] .co .c-cyan{--c:#0b7f95}
:root[data-theme=light] .co-f a.on,:root[data-theme=light] .co-pro{color:#fff}:root[data-theme=light] .co-f a.on i{background:#fff}:root[data-theme=light] .co-f a.on em{color:rgba(255,255,255,.8)}
@media (max-width:520px){.co-c{padding:14px 14px 12px;gap:10px 12px}.co-av .av{width:68px;height:50px}.co-f{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-4px;padding:0 4px 4px}.co-f a{flex:none}}
/* MA PROGRESSION — l'échelle des 8 niveaux SIGHT (pastilles en amande, niveau atteint en or, niveau en cours cerclé) + jauge vers le suivant */
.prg-pal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;counter-reset:none}
.prg-pal li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:9px 14px 9px 9px;border-radius:999px;border:1px solid var(--v3-bd);background:rgba(255,255,255,.02);color:var(--v3-mu)}
.prg-pal li i{display:grid;place-items:center;width:34px;height:24px;border-radius:50%;font:800 12px system-ui;font-style:normal;color:var(--v3-mu);box-shadow:inset 0 0 0 1px var(--v3-bd2)}
.prg-pal li b{font-size:13px;color:inherit;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.prg-pal li small{font-size:11.5px;font-variant-numeric:tabular-nums;color:var(--v3-mu)}
.prg-pal li.ok{color:var(--v3-tx);border-color:color-mix(in srgb,var(--sx-or) 38%,transparent);background:color-mix(in srgb,var(--sx-or) 7%,transparent)}
.prg-pal li.ok i{color:#1a1200;background:radial-gradient(circle at 42% 38%,#fff3c4,#f7c948 45%,#b0820f);box-shadow:none}
.prg-pal li.on{border-color:var(--sx-or);box-shadow:0 0 0 3px color-mix(in srgb,var(--sx-or) 16%,transparent)}
.prg-pal li.on b{color:var(--v3-or2)}
.prg-jauge{height:10px;margin:18px 0 8px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.07)}
.prg-jauge span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#b0820f,#f7c948,#ffe08a)}
.prg-jt{margin:0;font-size:13px;color:var(--v3-mu)}.prg-jt b{color:var(--v3-or2);font-variant-numeric:tabular-nums}
.prg .prg-raz{padding:16px 22px}.prg .prg-raz h2{font-size:15px;color:var(--v3-tx)}.prg .prg-raz .sub{color:var(--v3-mu);font-size:13px;line-height:1.5}
.prg .v3-p .prg-comp,.prg .v3-p .prg-tw{margin-top:0}
:root[data-theme=light] .prg-pal li{background:#f7f9fc}:root[data-theme=light] .prg-jauge{background:#e6ebf3}
@media (max-width:520px){.prg-pal{grid-template-columns:1fr}}
.prg-pal li{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"i b" "i s";row-gap:0;padding:8px 14px 8px 9px;border-radius:26px / 50%}
.prg-pal li i{grid-area:i}.prg-pal li b{grid-area:b;white-space:normal}.prg-pal li small{grid-area:s}
/* bandeau v3 au téléphone : chiffres clés sur DEUX colonnes compactes (la règle ≤1280 px les empilait un par rangée → bandeau de 700 px) */
@media (max-width:700px){body .v3-hero .v3-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px}
  body .v3-hero .v3-stat{padding:10px 12px;gap:8px;min-width:0}body .v3-hero .v3-stat b{font-size:18px}
  body .v3-hero .v3-stat-tx>span{font-size:12px}body .v3-hero .v3-stat small{font-size:11px}}
/* FIL — les 11 filtres tiennent en entier sur grand écran (« Vidéos », « Podcasts », « SightCasts »… étaient coupés au bord) */
@media (min-width:900px){body .fx-filtres{flex-wrap:wrap;overflow:visible;row-gap:8px}}
/* PARAMÈTRES — les langues en pilules compactes (drapeau · nom natif · code) : la liste de 40+ langues ne fait plus 5 écrans */
body .ax-prm .th-g.lg-g{grid-template-columns:repeat(auto-fill,minmax(min(100%,168px),1fr));gap:8px}
body .ax-prm .th-g.lg-g .lg-c{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 14px!important;border-radius:999px!important;text-align:left;min-height:0}
body .ax-prm .th-g.lg-g .lg-c .th-i{font-size:18px!important;margin:0;line-height:1}
body .ax-prm .th-g.lg-g .lg-c b{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body .ax-prm .th-g.lg-g .lg-c small{display:block!important;font:800 10.5px system-ui;letter-spacing:.06em;color:var(--v3-mu)}
body .ax-prm .th-g.lg-g .lg-c.on{box-shadow:0 0 0 3px color-mix(in srgb,var(--sx-or) 18%,transparent)}
.ax-prm>.v3-hero{margin-bottom:20px}
.adx-v3{margin-bottom:16px}
/* IDÉES & SIGNAUX au téléphone : la rangée des unités de temps (M1 → MN) défile dans sa fente au lieu d'élargir la page */
@media (max-width:700px){.sgx-uts,.sgx-seg{max-width:100%;overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap}.sgx-uts a,.sgx-seg a{flex:none}}
/* PROFIL PUBLIC au téléphone : le palmarès ne dépasse plus de l'écran (colonne minmax(0,1fr), badges qui passent à la ligne) */
@media (max-width:900px){body .pp-pal{grid-template-columns:minmax(0,1fr)}body .pp-pal .pp-bdg{white-space:normal}body .pp-ver{padding:18px 18px!important}
  body .pp-lenses{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* =====================================================================================================================
   26/10 — COQUILLE & SYSTÈME (architecture) : jetons partagés, pastilles de format / d'état, focus clavier,
   barre du haut (menu du compte), menu de gauche sur une ligne, dock des boutons flottants (Bêta + œil assistant).
   ===================================================================================================================== */
:root{--fmt-video:#6aa8ff;--fmt-cast:#b48cff;--fmt-audio:#2be3a9;--fmt-photo:#ff8a5c;--fmt-live:#ff5c74;
  --etat-ok:#2be3a9;--etat-att:#f7c948;--etat-ref:#ff5c74;--etat-info:#6aa8ff;--etat-neutre:#93a0b8;
  --r-oeil:56px / 46px;--r-carte:30px / 28px;--r-tuile:24px / 22px;--r-pill:999px;--tap:44px}
:root[data-theme=light]{--fmt-video:#1f5fc4;--fmt-cast:#7444d6;--fmt-audio:#0b8a64;--fmt-photo:#c4501f;--fmt-live:#c81e3c;
  --etat-ok:#0b8a64;--etat-att:#8a6200;--etat-ref:#c0263d;--etat-info:#1f5fc4;--etat-neutre:#56627a}
/* pastilles : <span class="v3-fmt video">Vidéo</span> · <span class="v3-etat publie">Publié</span> (une couleur par format / par état) */
.v3-fmt,.v3-etat{--c:var(--etat-neutre);display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:var(--r-pill);font:800 11.5px/1.4 system-ui;letter-spacing:.02em;white-space:nowrap;
  color:var(--c);border:1px solid color-mix(in srgb,var(--c) 45%,transparent);background:color-mix(in srgb,var(--c) 11%,transparent)}
.v3-fmt .ic{width:14px;height:14px}.v3-fmt .ic .a{stroke:currentColor}.v3-fmt .ic .af{fill:currentColor}
.v3-fmt.video{--c:var(--fmt-video)}.v3-fmt.cast{--c:var(--fmt-cast)}.v3-fmt.audio,.v3-fmt.podcast{--c:var(--fmt-audio)}.v3-fmt.photo{--c:var(--fmt-photo)}.v3-fmt.live{--c:var(--fmt-live)}
.v3-etat::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.v3-etat.publie,.v3-etat.ok{--c:var(--etat-ok)}.v3-etat.attente{--c:var(--etat-att)}.v3-etat.refuse{--c:var(--etat-ref)}.v3-etat.info{--c:var(--etat-info)}

/* surfaces du navigateur : focus clavier visible partout, sélection aux couleurs Sight */
body.sg :is(a,button,summary,select,[tabindex]):focus-visible{outline:2px solid var(--v3-or2);outline-offset:2px}
body.sg ::selection{background:rgba(247,201,72,.34);color:#fff}
:root[data-theme=light] body.sg ::selection{background:rgba(176,125,18,.24);color:#0f172a}

/* barre du haut : « Accéder au graphique » (le style était en ligne dans server.page) */
.top .gr-top{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;padding:9px 18px;border-radius:var(--r-pill);color:#1a1200!important;font-weight:900;font-size:14.5px;text-decoration:none!important;white-space:nowrap}
.top .burger .ic{width:22px;height:22px}
/* menu du compte (avatar) : profil, arrière-plan de l'espace, Déconnexion — fini le lien « Déconnexion » nu dans la barre */
details.sg-pm{position:relative}
.sg-pm>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;min-height:var(--tap);padding:4px 12px 4px 4px;border-radius:var(--r-pill);border:1px solid transparent;user-select:none}
.sg-pm>summary::-webkit-details-marker{display:none}
.sg-pm>summary:hover,.sg-pm[open]>summary{border-color:var(--v3-bd2);background:rgba(255,255,255,.04)}
.sg-pm-fl{width:7px;height:7px;margin:0 2px 3px 2px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);opacity:.55;transition:transform .2s}
.sg-pm[open] .sg-pm-fl{transform:rotate(225deg);margin-bottom:-3px}
.sg-pm-m{position:absolute;right:0;top:calc(100% + 10px);z-index:45;width:min(286px,calc(100vw - 20px));padding:8px;border-radius:28px / 26px;border:1px solid var(--v3-bd2);
  background:radial-gradient(60% 60px at 50% 0,rgba(212,166,58,.10),transparent 100%),linear-gradient(180deg,var(--v3-p1),var(--v3-p2));box-shadow:0 26px 60px -18px rgba(0,0,0,.75)}
.sg-pm-hd{display:flex;align-items:center;gap:12px;padding:10px 12px 14px;margin-bottom:6px;border-bottom:1px solid rgba(255,255,255,.07)}
.sg-pm-hd .av{width:44px;height:44px;font-size:17px;flex:none}
.sg-pm-hd b{display:block;color:var(--v3-tx);font-size:15px;line-height:1.2}.sg-pm-hd small{display:block;margin-top:2px;color:var(--v3-or2);font:800 11px system-ui;letter-spacing:.12em;text-transform:uppercase}
.sg-pm-m a,.sg-pm-out button{display:flex;align-items:center;gap:12px;width:100%;min-height:var(--tap);padding:0 14px;border-radius:var(--r-pill);border:0;background:none;color:var(--v3-tx)!important;font:600 14px system-ui;text-align:left;text-decoration:none!important;cursor:pointer}
.sg-pm-m a .ic,.sg-pm-out .ic{width:19px;height:19px;color:var(--v3-mu)}
.sg-pm-m a:hover,.sg-pm-out button:hover{background:rgba(212,166,58,.10)}.sg-pm-m a:hover .ic{color:var(--v3-or2)}
.sg-pm-out{margin:6px 0 0;padding-top:6px;border-top:1px solid rgba(255,255,255,.07)}
.sg-pm-out button,.sg-pm-out .ic{color:#ff8a95!important}.sg-pm-out .ic .a{stroke:currentColor}.sg-pm-out button:hover{background:rgba(255,92,116,.10)}
:root[data-theme=light] .sg-pm>summary:hover,:root[data-theme=light] .sg-pm[open]>summary{background:#f3f6fb}
:root[data-theme=light] .sg-pm-m{box-shadow:0 22px 50px -18px rgba(15,23,42,.35)}
:root[data-theme=light] .sg-pm-hd,:root[data-theme=light] .sg-pm-out{border-color:#e6ebf2}
:root[data-theme=light] .sg-pm-out button,:root[data-theme=light] .sg-pm-out .ic{color:#c0263d!important}
@media (max-width:820px){.sg-pm>summary{padding:2px;gap:0}.sg-pm-fl{display:none}.sg-pm-m{right:-6px}}

/* menu de gauche : un libellé = une ligne, cible de clic confortable */
.sg-nav a{min-height:42px}
.sg-nav .ml{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* dock des boutons flottants : Bêta empilé AU-DESSUS de l'œil assistant (même coin) au lieu de mordre sur le contenu en bas à gauche */
/* 06/11 (patron) : tout en bas à droite, L'ŒIL (Vision IA) le plus bas, le bouton Bêta juste au-dessus ; les deux se replient, se déplacent, s'éteignent (dock-sight.js) */
body #sa-b{left:auto;top:auto;right:18px;bottom:14px;width:46px;height:30px;border-width:1.5px;box-shadow:0 6px 16px rgba(0,0,0,.5),0 0 12px rgba(247,201,72,.25)}
body #sa-b svg{width:34px;height:21px}
body .bt-fab{left:auto;right:18px;bottom:52px}
body .bt-tir{justify-content:flex-end}
@media (min-width:821px){body .bt-tir{padding:16px 18px 16px 16px}}
body #sa-t{bottom:100px}
body.sg:has(section.chat) .bt-fab{top:auto;bottom:164px}
@media (max-width:820px){
  body #sa-b{right:12px;bottom:calc(var(--bot,62px) + 10px);width:42px;height:28px}
  body #sa-b svg{width:31px;height:19px}
  body .bt-fab{left:auto;right:12px;bottom:calc(var(--bot,62px) + 46px + env(safe-area-inset-bottom));width:50px;height:36px;padding:0;justify-content:center}
  body #sa-t{bottom:calc(var(--bot,62px) + 96px)}
  body.sg:has(section.chat) .bt-fab{bottom:calc(var(--bot,62px) + 140px)}
}
/* états du dock : replié = point or avec son bouton de pliage ; éteint = masqué ; interrupteurs de Paramètres */
.dk-el{touch-action:none;cursor:pointer}
.dk-el.dk-drag{cursor:grabbing!important;opacity:.9}
.dk-off{display:none!important}
.dk-min{width:24px!important;height:24px!important;min-width:0!important;padding:0!important;border-radius:50%!important;overflow:visible!important;justify-content:center!important;gap:0!important;box-shadow:0 4px 12px rgba(0,0,0,.5)!important}
.dk-min>*:not(.dk-fold){display:none!important}
.dk-fold{position:absolute;left:-9px;top:-9px;width:20px;height:20px;margin:0;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid #f7c948;background:#0b0b0d;color:#f7c948;cursor:pointer;z-index:2;box-shadow:0 2px 8px rgba(0,0,0,.5)}
.dk-fold:hover{background:#f7c948;color:#141006}
.dk-min .dk-fold{left:0;top:0;width:100%;height:100%;border:0;background:#f7c948;color:#141006}
.dk-sw,.ax-p .dk-sw{display:flex!important;flex-direction:row!important;align-items:center;justify-content:flex-start;text-align:left;gap:14px;padding:12px 0;cursor:pointer;font-weight:700;width:auto}
.dk-sw>span{flex:1;min-width:0}
.dk-sw small{display:block;margin-top:2px;color:var(--v3-mu,#8a95a8);font-weight:500;font-size:12.5px}
.dk-sw input{appearance:none;-webkit-appearance:none;flex:none;width:48px;height:27px;margin:0;border-radius:999px;background:#2a2f3d;border:1px solid #3b4252;position:relative;cursor:pointer;transition:background .2s}
.dk-sw input::after{content:'';position:absolute;top:3px;left:3px;width:19px;height:19px;border-radius:50%;background:#e6ebf5;transition:transform .2s}
.dk-sw input:checked{background:#f7c948;border-color:#f7c948}
.dk-sw input:checked::after{transform:translateX(21px);background:#141006}
.dk-sw input:focus-visible{outline:2px solid #f7c948;outline-offset:3px}
/* ils ne couvrent jamais : le tiroir du menu ouvert, la barre de commandes de la salle de visio */
body.drawer-on #sa-b,body.drawer-on #sa-t,body.drawer-on .bt-fab,
body:has(.sc-bas) #sa-b,body:has(.sc-bas) #sa-t,body:has(.sc-bas) .bt-fab{display:none!important}
/* BIBLIOTHÈQUE — barre de filtres rangée : recherche (pictogramme Sight) + 6 menus + Filtrer sur une ligne en grand écran, grille 2 colonnes au téléphone */
body .bbx .bb-filt{display:grid!important;grid-template-columns:minmax(200px,2fr) repeat(6,minmax(0,1fr)) auto auto;gap:8px;align-items:center;border-radius:40px / 50%!important;padding:10px 12px!important}
body .bbx .bb-filt>a.btn:last-child:not(.pri){padding-inline:14px}
body .bbx .bb-filt select{max-width:none;width:100%;min-width:0}
.bb-q{display:flex;align-items:center;gap:8px;min-width:0;padding:0 14px;border-radius:999px;border:1px solid var(--v3-bd);background:rgba(255,255,255,.03);color:var(--v3-mu)}
.bb-q input{flex:1;min-width:0;border:0!important;background:none!important;box-shadow:none!important;padding:10px 0!important;color:var(--v3-tx)}
.bb-q:focus-within{border-color:color-mix(in srgb,var(--sx-or) 60%,transparent)}
@media (max-width:1300px){body .bbx .bb-filt{grid-template-columns:repeat(4,minmax(0,1fr));border-radius:30px!important}body .bbx .bb-filt .bb-q{grid-column:1/-1}}
@media (max-width:620px){body .bbx .bb-filt{grid-template-columns:repeat(2,minmax(0,1fr));border-radius:28px!important}body .bbx .bb-filt .btn{width:100%;justify-content:center}}
.v3-vide.petit .v3-vide-oeil{width:84px}.v3-vide.petit h3{font-size:16px}
/* NOTIFICATIONS — rangées par jour, lignes en amande, nouvelles teintées or */
.ntx .nt-j{display:flex;align-items:center;gap:10px;margin:18px 0 8px!important;font:800 12px system-ui!important;letter-spacing:.12em;text-transform:uppercase;color:var(--v3-mu)!important}
.ntx .nt-j:first-child{margin-top:0!important}
.ntx .nt-j em{font-style:normal;padding:1px 8px;border-radius:999px;background:rgba(255,255,255,.06);letter-spacing:0;color:var(--v3-tx)}
.ntx .nt-j::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--v3-bd),transparent)}
.ntx .nts-l{display:flex;flex-direction:column;gap:6px}
body .ntx .nts .nt{border:1px solid rgba(255,255,255,.05);border-radius:24px / 50%;padding:10px 16px;background:rgba(255,255,255,.02);transition:border-color .2s,background .2s}
body .ntx .nts .nt:hover{border-color:color-mix(in srgb,var(--sx-or) 45%,transparent);background:color-mix(in srgb,var(--sx-or) 5%,transparent)}
body .ntx .nts .nt.new{border-color:color-mix(in srgb,var(--sx-or) 40%,transparent);background:color-mix(in srgb,var(--sx-or) 7%,transparent)}
:root[data-theme=light] body .ntx .nts .nt{background:#fff;border-color:#e3e8f0}
body .pp-pal.seul{grid-template-columns:minmax(0,1fr)}body .pp-pal.seul .pp-lenses{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}
@media (max-width:700px){body .v3-hero .v3-stats>.v3-stat:last-child:nth-child(odd){grid-column:1/-1}}
@media (max-width:520px){body .ax-prm .cl-ps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}body .ax-prm .cl-p span{width:100%;max-width:54px;height:36px}body .ax-prm .cl-p small{font-size:10.5px}}
/* menu de gauche entre 821 et 1180 px (fenêtre ~1176 px du patron) : colonne 210 → 228 px, texte 14.5 px — « Analyses graphiques » et
   « Espace bêta-testeur » tiennent sur une ligne sans être coupés */
@media (min-width:821px) and (max-width:1180px){:root{--side:228px}body .sg-nav a{gap:10px;padding-left:10px;padding-right:10px}body .sg-nav .ml{font-size:14.5px}}
/* (Chrome du patron : la barre de défilement du menu mange ~12 px) — barre fine + libellés 14.5 px à toutes les largeurs */
body .sg-side{scrollbar-width:thin;scrollbar-color:rgba(212,166,58,.35) transparent;scrollbar-gutter:auto}
@media (min-width:821px){body .sg-nav .ml{font-size:14.5px}body .sg-nav a{gap:10px}}
.prg .v3-pts{grid-template-columns:repeat(2,minmax(0,1fr));max-width:640px}@media (max-width:520px){.prg .v3-pts{grid-template-columns:1fr}}

/* 04/11 : libelle long du menu « SIGHT Prop Firm Simulator » sur une seule ligne */
a[href="/prop"] .ml{white-space:normal!important;text-overflow:clip!important;overflow:visible!important;line-height:1.15;font-size:13.5px}

/* 07/11 : page Installer — étapes numérotées en pastilles ovales (or Sight), boutons d'installation, « bientôt » */
.v3-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;counter-reset:st}
.v3-steps li{counter-increment:st;display:flex;gap:12px;align-items:flex-start;line-height:1.5;min-width:0;overflow-wrap:anywhere}
.v3-steps li::before{content:counter(st);flex:0 0 30px;height:30px;display:grid;place-items:center;border-radius:50% / 42%;background:#f7c948;color:#070b16;font-weight:800;font-size:14px}
.v3-inst-act{margin:6px 0 14px;display:flex;flex-wrap:wrap;gap:10px}
.v3-soon{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;border:1px dashed var(--v3-bd);color:var(--v3-mu);font-weight:600}