/* 16/10 (patron : « austère », « rudimentaire », « toujours au milieu, qu'est-ce que c'est moche ») — CONSOLE SIGHT.
   Habillage commun : Administration (/admin), liaisons, Bêta privée (/admin/beta), Espace bêta-testeur (/beta), Paramètres.
   Charte : noir Sight, or, argent ; fenêtres en amande (œil), chiffres clés en lentille, pictogrammes icones.py, aucun emoji. */
.ax{display:flex;flex-direction:column;gap:22px;--ax-or:#d4a63a;--ax-or2:#f7c948;--ax-ar:#c9d1e0;--ax-p1:rgba(14,20,36,.94);--ax-p2:rgba(8,12,24,.94);--ax-tr:rgba(212,166,58,.22)}

/* ---------- bandeau : une grande amande, l'œil Sight à droite ---------- */
.ax-hero{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(18px,3vw,48px);
  min-height:150px;padding:30px clamp(30px,6vw,110px);border-radius:clamp(70px,14%,260px) / 50%;border:1px solid rgba(212,166,58,.30);
  background:radial-gradient(42% 120% at 86% 50%,rgba(212,166,58,.18),transparent 62%),radial-gradient(36% 90% at 8% 0,rgba(143,176,255,.07),transparent 70%),linear-gradient(180deg,#0e1424,#060a14);
  box-shadow:0 34px 90px -50px rgba(0,0,0,.95),inset 0 1px 0 rgba(255,255,255,.05)}
.ax-hero::before{content:"";position:absolute;z-index:-1;left:10%;right:10%;top:-1px;height:14px;background:var(--oe-cil) center/100% 100% no-repeat;opacity:.9}
.ax-hero::after{content:"";position:absolute;z-index:-1;inset:0;background:repeating-linear-gradient(90deg,rgba(212,166,58,.035) 0 1px,transparent 1px 64px);
  -webkit-mask:radial-gradient(70% 90% at 70% 50%,#000,transparent 75%);mask:radial-gradient(70% 90% at 70% 50%,#000,transparent 75%)}
.ax-k{display:inline-flex;align-items:center;gap:8px;margin:0;font:800 11.5px system-ui;letter-spacing:.3em;text-transform:uppercase;color:var(--ax-or)}
.ax-k .ic,.ax-k .ic .a{stroke:currentColor}.ax-k .ic .af{fill:currentColor}
.ax-hero h1{margin:8px 0 6px!important;padding:0!important;font-size:clamp(26px,2.3vw,38px);line-height:1.15;color:#fff;background:none!important;border:0!important}
.ax-hero h1 em{font-style:normal;background:linear-gradient(180deg,#ffe08a,#d4a63a);-webkit-background-clip:text;background-clip:text;color:transparent}
.ax-hero p{margin:0;max-width:820px;color:#aab3c5;font-size:15px}
.ax-hero .ax-acts{margin-top:16px}
.ax-oeil{width:clamp(150px,15vw,260px);height:auto;filter:drop-shadow(0 18px 40px rgba(212,166,58,.25))}
.ax-oeil svg{display:block;width:100%;height:auto}
.ax-etat{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:6px 14px;border-radius:999px;font:800 12.5px system-ui;letter-spacing:.04em;
  color:#8a95a8;border:1px solid #28324a;background:rgba(0,0,0,.25)}
.ax-etat i{width:8px;height:8px;border-radius:50%;background:#56607a}
.ax-etat.on{color:#2be3a9;border-color:rgba(43,227,169,.45);background:rgba(43,227,169,.07)}.ax-etat.on i{background:#2be3a9;box-shadow:0 0 0 4px rgba(43,227,169,.18);animation:ax-pouls 2.4s infinite}
@keyframes ax-pouls{50%{box-shadow:0 0 0 8px rgba(43,227,169,0)}}

/* ---------- chiffres clés : lentilles ---------- */
.ax-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(178px,1fr));gap:14px}
.ax-kpi{position:relative;display:flex;align-items:center;gap:14px;min-width:0;padding:16px 26px;border-radius:999px;text-decoration:none!important;color:inherit;
  border:1px solid var(--line2,#28324a);background:radial-gradient(60% 90% at 20% 50%,rgba(212,166,58,.10),transparent 70%),linear-gradient(180deg,var(--ax-p1),var(--ax-p2));transition:border-color .2s,transform .2s}
a.ax-kpi:hover{border-color:rgba(212,166,58,.6);transform:translateY(-2px)}
.ax-kpi .ax-ic{flex:none}
.ax-kpi b{display:block;font:800 26px/1.05 system-ui;color:var(--ax-or2);font-variant-numeric:tabular-nums;white-space:nowrap}
.ax-kpi>span:last-child{min-width:0}.ax-kpi>span:last-child>span{display:block;font-size:12.5px;color:var(--muted,#8a95a8);line-height:1.25}
.ax-kpi.alerte{border-color:rgba(255,92,116,.45)}.ax-kpi.alerte b{color:#ff8a95}
.ax-kpi.vert b{color:#2be3a9}

/* ---------- pastille d'icône : l'iris ---------- */
.ax-ic{display:inline-grid;place-items:center;width:52px;height:34px;border-radius:50%;color:var(--ax-or2);
  background:radial-gradient(circle,rgba(247,201,72,.28) 0,rgba(212,166,58,.08) 50%,transparent 74%);box-shadow:inset 0 0 0 1px rgba(212,166,58,.32)}
.ax-ic .ic .a{stroke:var(--ax-or2)}.ax-ic .ic .af{fill:var(--ax-or2)}
.ax-ic.xl{width:72px;height:46px}

/* ---------- mise en page : contenu + colonne de droite ---------- */
.ax-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,400px);gap:22px;align-items:start}
.ax-cols.g{grid-template-columns:minmax(380px,520px) minmax(0,1fr)}
.ax-col{display:flex;flex-direction:column;gap:18px;min-width:0}
.ax-side{position:sticky;top:calc(var(--top,60px) + 14px)}
@media (max-width:1180px){.ax-cols,.ax-cols.g{grid-template-columns:1fr}.ax-side{position:static}}

/* ---------- panneaux en amande ---------- */
.ax-p{position:relative;min-width:0;padding:22px clamp(20px,2.4vw,36px) 24px;border-radius:clamp(30px,6%,70px) / 34px;border:1px solid var(--line2,#28324a);
  background:radial-gradient(46% 60px at 50% 0,rgba(212,166,58,.10),transparent 100%),linear-gradient(180deg,var(--ax-p1),var(--ax-p2))}
.ax-p::before{content:"";position:absolute;left:9%;right:9%;top:-6px;height:12px;background:var(--oe-cil) center/100% 100% no-repeat;pointer-events:none}
.ax-p>h2,.ax-ph h2{display:flex;align-items:center;gap:12px;margin:0 0 14px!important;padding:0!important;font-size:18px;background:none!important;border:0!important}
.ax-ph{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.ax-ph h2{margin:0!important}
.ax-p h3{margin:16px 0 8px}
.ax-p .frm,.ax-p form.frm{display:flex;flex-direction:column;gap:12px}
.ax-p label{display:flex;flex-direction:column;gap:6px;color:var(--muted,#8a95a8);font-size:13px}
.ax-p input:not([type=checkbox]):not([type=radio]),.ax-p select,.ax-p textarea{border-radius:14px}
.ax-p ol{margin:0 0 12px;padding-left:20px;color:#c6ccd8;line-height:1.7}
.ax-p code{padding:1px 7px;border-radius:7px;background:rgba(212,166,58,.08);border:1px solid rgba(212,166,58,.2);color:#ffe08a}
.ax-p.or{border-color:rgba(212,166,58,.45)}
.ax-p.vert{border-color:rgba(43,227,169,.4);background:radial-gradient(46% 60px at 50% 0,rgba(43,227,169,.10),transparent 100%),linear-gradient(180deg,var(--ax-p1),var(--ax-p2))}
.ax-sep{height:1px;margin:14px 0;background:linear-gradient(90deg,transparent,rgba(212,166,58,.3),transparent);border:0}

.ax-trio{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:20px;align-items:start}
@media (max-width:520px){.ax-trio{grid-template-columns:1fr}}
.ax-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width:600px){.ax-2{grid-template-columns:1fr}}
.ax .adm-f input{max-width:none}
.ax .row-btn{display:flex;flex-wrap:wrap;gap:8px}
/* statut réglé / non réglé */
.ax-st{display:inline-flex;align-items:center;gap:7px;padding:4px 12px;border-radius:999px;font:800 12px/1.3 system-ui;max-width:100%}
.ax-st i{flex:none}
.ax-st i{width:7px;height:7px;border-radius:50%;background:currentColor}
.ax-st.ok{color:#2be3a9;background:rgba(43,227,169,.08);border:1px solid rgba(43,227,169,.35)}
.ax-st.ko{color:#ff8a95;background:rgba(255,92,116,.07);border:1px solid rgba(255,92,116,.35)}

/* ---------- grilles de modules (tableau de bord) ---------- */
.ax-sec{display:flex;align-items:center;gap:14px;margin:6px 4px -4px;font:800 12px system-ui;letter-spacing:.24em;text-transform:uppercase;color:var(--ax-ar)}
.ax-sec::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(212,166,58,.35),transparent)}
.ax-mods{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px}
.ax-mod{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;min-height:176px;padding:24px 26px 22px;text-align:center;text-decoration:none!important;color:inherit;
  border-radius:50% / 34%;border:1px solid var(--line2,#28324a);
  background:radial-gradient(50% 46% at 50% 30%,rgba(212,166,58,.12),transparent 100%),linear-gradient(180deg,var(--ax-p1),var(--ax-p2));transition:border-color .25s,transform .25s,box-shadow .25s}
.ax-mod::before{content:"";position:absolute;left:18%;right:18%;top:-6px;height:12px;background:var(--oe-cil) center/100% 100% no-repeat;transform-origin:50% 100%;transition:transform .32s}
.ax-mod:hover{border-color:rgba(212,166,58,.65);transform:translateY(-3px);box-shadow:0 22px 50px -26px rgba(212,166,58,.45)}
.ax-mod:hover::before{transform:translateY(3px) scaleY(.45)}
.ax-mod b{font-size:16px;color:#fff}
.ax-mod small{color:var(--muted,#8a95a8);font-size:12.8px;line-height:1.4;max-width:270px}
.ax-mod .ax-bdg{position:absolute;top:16px;right:22%;min-width:24px;height:24px;padding:0 8px;border-radius:999px;display:grid;place-items:center;font:800 12px system-ui;color:#1a1200;background:linear-gradient(180deg,#ffe08a,#d4a63a)}
.ax-mod .ax-bdg.rouge{color:#fff;background:linear-gradient(180deg,#ff7a8e,#e0405a)}
.ax-mod.bientot{opacity:.6}

/* ---------- onglets en fente ---------- */
.ax-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:8px 14px;border-radius:clamp(30px,8%,90px) / 50%;border:1px solid var(--line2,#28324a);background:rgba(4,7,15,.6);width:fit-content;max-width:100%}
.ax-tabs a{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:50%/50%!important;color:var(--muted,#8a95a8);font:700 14px system-ui;text-decoration:none!important;transition:color .2s,background .2s}
.ax-tabs a:hover{color:#fff;background:rgba(212,166,58,.08)}
.ax-tabs a.on{color:#1a1200!important;background:var(--oe-iris,linear-gradient(180deg,#f7c948,#d4a63a));box-shadow:var(--oe-iris-anneau)}
.ax-tabs a.on .ic .a{stroke:#1a1200}.ax-tabs a.on .ic .af{fill:#1a1200}
.ax-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;background:#ff5c74;color:#fff}

/* ---------- listes, fil d'activité ---------- */
.ax-liste{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}
.ax-liste li{display:flex;align-items:center;gap:12px;padding:10px 18px;border-radius:26px / 50%;line-height:1.35;border:1px solid var(--line,#1a2236);background:rgba(255,255,255,.015);font-size:13.5px;min-width:0}
.ax-liste li>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}
.ax-liste li>span:first-of-type a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ax-liste li small{color:var(--muted,#8a95a8);white-space:nowrap}
.ax-liste a{color:inherit}
.ax-vide{display:flex;flex-direction:column;align-items:center;gap:10px;padding:28px 20px;text-align:center;color:var(--muted,#8a95a8);border:1px dashed #28324a;border-radius:50% / 40%}
.ax-acts{display:flex;flex-wrap:wrap;gap:8px}
.ax-tuiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.ax-tuile{display:flex;align-items:center;gap:12px;padding:14px 20px;border-radius:999px;border:1px solid var(--line2,#28324a);background:linear-gradient(180deg,var(--ax-p1),var(--ax-p2));
  color:inherit;text-decoration:none!important;font-weight:700;font-size:14px;transition:border-color .2s,transform .2s}
.ax-tuile:hover{border-color:rgba(212,166,58,.6);transform:translateY(-2px)}
.ax-tuile.dan{color:#ff8a95;border-color:rgba(255,92,116,.35)}.ax-tuile.dan .ax-ic{color:#ff8a95;box-shadow:inset 0 0 0 1px rgba(255,92,116,.4);background:radial-gradient(circle,rgba(255,92,116,.2),transparent 70%)}
.ax-tuile.dan .ax-ic .ic .a{stroke:#ff8a95}
.ax-tuile small{display:block;font-weight:500;color:var(--muted,#8a95a8);font-size:12px}

/* jauge (anneau de progression) */
.ax-anneau{--v:0;width:118px;height:118px;border-radius:50%;display:grid;place-items:center;flex:none;
  background:radial-gradient(closest-side,#0a0f1c 76%,transparent 77% 100%),conic-gradient(#f7c948 calc(var(--v)*1%),rgba(255,255,255,.07) 0)}
.ax-anneau b{font:800 24px system-ui;color:#fff}.ax-anneau small{display:block;font-size:11px;color:var(--muted);text-align:center;margin-top:-6px}

/* ---------- bêta : invitations en grille, retours ---------- */
.ax .bt-inv,.ax .bt-r{margin:0;border-radius:clamp(26px,6%,56px) / 30px}
.ax-invs{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:16px}
@media (max-width:520px){.ax-invs{grid-template-columns:1fr}}
.ax-retours{display:grid;grid-template-columns:repeat(auto-fill,minmax(460px,1fr));gap:16px}
@media (max-width:560px){.ax-retours{grid-template-columns:1fr}}
.ax .filt{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;padding:12px 22px;border-radius:999px;border:1px solid var(--line2,#28324a);background:rgba(4,7,15,.5)}
.ax .filt label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted)}
.ax .bt-etat{border-radius:clamp(30px,6%,70px) / 34px;padding:20px 30px}
.ax .tbl table{width:100%;border-collapse:collapse;font-size:13px}.ax .tbl th,.ax .tbl td{padding:8px 10px;text-align:left;border-bottom:1px solid var(--line,#1a2236)}
.ax .tbl th{color:var(--muted);font-weight:700}

/* ---------- paramètres ---------- */
.ax-prm .th-g{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.ax-prm .th-g.lg-g{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));max-height:none!important}
.ax-prm .th-c{border-radius:50% / 34%!important}

.ax-col>.card,.ax-col>section.card,.ax>.card{margin:0}
/* signaux : les idées en grille */
main[data-large] .feed.ax-feed{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,460px),1fr));gap:16px;align-items:start}
main[data-large] .feed.ax-feed>*{margin:0}
main[data-large] .feed.ax-feed>p.empty{grid-column:1/-1}
main[data-large] form.card.filt{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px}
main[data-large] form.card.filt label{flex:1 1 220px}
/* classements : podium des 3 premiers */
.rc-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:16px auto 20px;max-width:1500px;align-items:end}
.rc-pod{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:26px 20px 22px;border-radius:50% / 36%;text-decoration:none!important;color:inherit;
  border:1px solid var(--line2,#28324a);background:radial-gradient(50% 50% at 50% 30%,rgba(212,166,58,.14),transparent 100%),linear-gradient(180deg,rgba(14,20,36,.94),rgba(8,12,24,.94));transition:transform .25s,border-color .25s}
.rc-pod:hover{transform:translateY(-3px);border-color:rgba(212,166,58,.6)}
.rc-pod.p1{order:2;min-height:250px;border-color:rgba(247,201,72,.6);box-shadow:0 24px 60px -30px rgba(247,201,72,.5)}.rc-pod.p2{order:1;min-height:215px}.rc-pod.p3{order:3;min-height:195px}
.rc-pod .av.xl{width:84px;height:84px;font-size:30px}
.rc-pod b{font-size:17px;color:#fff}.rc-pod .rcp-sc{font:800 26px system-ui;color:#f7c948}
.rcp-rang{position:absolute;top:14px;left:50%;transform:translateX(-50%);min-width:34px;height:24px;padding:0 10px;border-radius:999px;display:grid;place-items:center;font:900 13px system-ui;color:#1a1200;background:linear-gradient(180deg,#ffe08a,#d4a63a)}
.rc-pod.p2 .rcp-rang{background:linear-gradient(180deg,#eef2f8,#9aa5bb)}.rc-pod.p3 .rcp-rang{background:linear-gradient(180deg,#f0c39a,#b0743e)}
.rc-pod .av.xl{margin-top:16px}
@media (max-width:700px){.rc-podium{grid-template-columns:1fr}.rc-pod{order:0!important;min-height:0!important;border-radius:40px / 30px}}
:root[data-theme=light] .rc-pod b{color:#0f172a}
/* deux colonnes égales (espace créateur, signaux…) */
.ax-2col{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,640px),1fr));gap:22px;align-items:start;margin:14px 0}
.ax-2col>.card{margin:0}
main[data-large] .ec-racs.ax-fill,main[data-large] .ec-racs{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;gap:12px}
main[data-large] .ast-fmts{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;gap:14px}
main[data-large] .ast-fmts .ast-fmt{width:auto!important;max-width:none!important}
main[data-large] .ec-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.ax .sg-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr))}
/* ---------- 16/10 bis : tableau de bord — groupes en colonnes, grilles qui remplissent la largeur ---------- */
.ax-groupes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,860px),1fr));gap:26px 30px;align-items:start}
.ax-groupe{display:flex;flex-direction:column;gap:16px;min-width:0}
.ax-mods.ax-fit{grid-template-columns:repeat(auto-fit,minmax(176px,1fr))}
.ax-mods.ax-fit .ax-mod{padding:22px 18px 20px}

/* ---------- barre de navigation de la console (pages /admin/…) ---------- */
.ax-nav{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 0 18px;padding:8px 16px;border-radius:clamp(30px,6%,80px) / 50%;
  border:1px solid rgba(212,166,58,.25);background:linear-gradient(180deg,rgba(14,20,36,.9),rgba(6,9,18,.9))}
.ax-nav::-webkit-scrollbar{display:none}
.ax-nav a{flex:none;display:inline-flex;align-items:center;gap:7px;padding:8px 15px;border-radius:50% / 50%;color:var(--muted,#8a95a8);font:700 13px system-ui;text-decoration:none!important;white-space:nowrap;transition:color .2s,background .2s}
.ax-nav a:hover{color:#fff;background:rgba(212,166,58,.08)}
.ax-nav a.on{color:#1a1200!important;background:var(--oe-iris,linear-gradient(180deg,#f7c948,#d4a63a));box-shadow:var(--oe-iris-anneau)}
.ax-nav a.on .ic,.ax-nav a.on .ic .a{stroke:#1a1200}.ax-nav a.on .ic .af{fill:#1a1200}
.ax-nav a:first-child{color:var(--ax-or2,#f7c948)}
:root[data-theme=light] .ax-nav{background:#f3f6fb;border-color:#e3d3a6}

/* ---------- bandeau de titre des pages larges : grande amande + œil Sight ---------- */
main[data-large] .pg-hd.ax-pghd{position:relative;isolation:isolate;overflow:hidden;min-height:132px;margin-bottom:20px;
  padding:26px clamp(200px,17vw,330px) 24px clamp(30px,5vw,96px)!important;border-radius:clamp(70px,14%,260px) / 50%!important;border:1px solid rgba(212,166,58,.30)!important;
  background:radial-gradient(40% 130% at 88% 50%,rgba(212,166,58,.17),transparent 62%),radial-gradient(36% 90% at 8% 0,rgba(143,176,255,.07),transparent 70%),linear-gradient(180deg,#0e1424,#060a14)!important;
  box-shadow:0 34px 90px -50px rgba(0,0,0,.95),inset 0 1px 0 rgba(255,255,255,.05)}
main[data-large] .pg-hd.ax-pghd::before{display:none}
main[data-large] .pg-hd.ax-pghd h1{font-size:clamp(24px,2vw,34px);margin:0 0 8px}
main[data-large] .pg-hd.ax-pghd>p,main[data-large] .pg-hd.ax-pghd .mut{max-width:980px;font-size:14.5px}
.ax-pg-oeil{position:absolute;z-index:0;right:clamp(30px,4vw,90px);top:50%;transform:translateY(-50%);width:clamp(130px,12vw,220px);pointer-events:none;filter:drop-shadow(0 16px 36px rgba(212,166,58,.24))}
.ax-pg-oeil svg{display:block;width:100%;height:auto}
.pg-hd:not(.ax-pghd) .ax-pg-oeil{display:none}
:root[data-theme=light] main[data-large] .pg-hd.ax-pghd{background:radial-gradient(40% 130% at 88% 50%,rgba(212,166,58,.18),transparent 62%),linear-gradient(180deg,#fff,#f3f5fa)!important;border-color:#e3d3a6!important}

/* anciennes pages d'administration (une carte) : pleine largeur, titre en bandeau avec l'œil en filigrane */
main[data-large] .card.ax-plein{max-width:none;margin:0 0 18px;padding:0 clamp(22px,3vw,54px) 28px}
main[data-large] .card.ax-plein>h1:first-child,main[data-large] .card.ax-plein>h1:first-of-type{position:relative;margin:0 calc(-1 * clamp(22px,3vw,54px)) 20px;padding:30px clamp(200px,16vw,320px) 26px clamp(30px,4vw,80px);
  font-size:clamp(24px,2vw,34px);border-radius:clamp(40px,10%,200px) / 50px 50px 30px 30px;
  background:radial-gradient(40% 140% at 88% 50%,rgba(212,166,58,.16),transparent 62%),linear-gradient(180deg,#0e1424,#080c18);border-bottom:1px solid rgba(212,166,58,.3)}
main[data-large] .card.ax-plein>h1:first-of-type::after{content:"";position:absolute;right:clamp(30px,4vw,90px);top:50%;width:clamp(110px,10vw,190px);aspect-ratio:2/1;transform:translateY(-50%);
  background:var(--oe-filigrane) center/contain no-repeat;opacity:.55;pointer-events:none}
main[data-large] .card.ax-plein table{width:100%}
main[data-large] .ch{max-width:none}
main[data-large] .card.ax-plein form.frm{max-width:760px}
:root[data-theme=light] main[data-large] .card.ax-plein>h1:first-of-type{background:radial-gradient(40% 140% at 88% 50%,rgba(212,166,58,.18),transparent 62%),linear-gradient(180deg,#fff,#f3f5fa)}
.ax p.warn{margin:0 0 10px}

/* ---------- téléphone ---------- */
@media (max-width:820px){
  .ax-hero{grid-template-columns:1fr;padding:26px 28px;border-radius:44px / 34px;text-align:left}
  .ax-oeil{display:none}
  .ax-kpis{grid-template-columns:1fr 1fr;gap:10px}
  .ax-kpi{padding:10px 16px;gap:8px;border-radius:26px / 50%}.ax-kpi b{font-size:21px}.ax-kpi .ax-ic{display:none}
  .ax-mods{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
  .ax-mod{border-radius:40px / 30px;min-height:0}
  .ax-invs,.ax-retours{grid-template-columns:1fr}
  .ax-prm .th-g{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ax-prm .th-c{padding:12px 6px}.ax-prm .th-c small{display:none}
  .ax-prm .th-g.lg-g{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}
  .ax-tabs{border-radius:26px}
  main[data-large] .pg-hd.ax-pghd{padding:22px 26px!important;border-radius:40px / 30px!important;min-height:0}
  .ax-pg-oeil{display:none}
  main[data-large] .card.ax-plein>h1:first-of-type{padding:22px 24px!important;border-radius:30px 30px 18px 18px}
  main[data-large] .card.ax-plein>h1:first-of-type::after{display:none}
  .rc-podium{margin:10px 0}
  .ax-nav{border-radius:24px}
}
/* ---------- thème clair ---------- */
:root[data-theme=light] .ax{--ax-p1:#ffffff;--ax-p2:#f6f8fc;--ax-ar:#475569}
:root[data-theme=light] .ax-hero{background:radial-gradient(42% 120% at 86% 50%,rgba(212,166,58,.18),transparent 62%),linear-gradient(180deg,#ffffff,#f3f5fa);border-color:#e3d3a6;box-shadow:0 14px 40px -24px rgba(15,23,42,.25)}
:root[data-theme=light] .ax-hero h1,:root[data-theme=light] .ax-mod b{color:#0f172a}
:root[data-theme=light] .ax-hero p{color:#475569}
:root[data-theme=light] .ax-tabs,:root[data-theme=light] .ax .filt{background:#f3f6fb}
:root[data-theme=light] .ax-kpi b{color:#a87a10}
:root[data-theme=light] .ax-anneau{background:radial-gradient(closest-side,#fff 76%,transparent 77% 100%),conic-gradient(#d4a63a calc(var(--v)*1%),#e7ebf3 0)}
:root[data-theme=light] .ax-anneau b{color:#0f172a}
@media (prefers-reduced-motion:reduce){.ax-mod,.ax-kpi,.ax-tuile{transition:none}.ax-mod:hover,.ax-kpi:hover,.ax-tuile:hover{transform:none}.ax-etat.on i{animation:none}}

/* ===================== 18/10 (patron : « repense l'administration, redesigne : pas équilibré, pas bien disposé ») =====================
   chaque famille dans SON panneau (même habillage), tuiles horizontales de hauteur égale (icône en amande à gauche, titre + 2 lignes),
   panneaux rangés en colonnes équilibrées, chiffres clés sur une grille régulière. */
.ax-kpis{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))!important;gap:12px!important}
.ax-groupes{grid-template-columns:repeat(auto-fit,minmax(min(100%,500px),1fr))!important;gap:20px!important}
.ax-groupe{padding:18px 18px 20px;border-radius:30px/26px;border:1px solid rgba(212,166,58,.2);
  background:linear-gradient(180deg,rgba(15,21,40,.94),rgba(8,12,24,.96));box-shadow:0 24px 60px -40px rgba(0,0,0,.9);gap:14px!important}
.ax-groupe .ax-sec{margin:0 4px}
.ax-mods.ax-fit,.ax-mods{grid-template-columns:repeat(auto-fill,minmax(min(100%,215px),1fr))!important;gap:10px!important}
.ax-mod,.ax-mods.ax-fit .ax-mod{display:grid!important;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;row-gap:2px;align-items:center;
  text-align:left!important;min-height:82px!important;padding:12px 16px 12px 12px!important;border-radius:22px/20px!important}
.ax-mod::before{display:none!important}
.ax-mod>.ax-ic{grid-row:1/3;align-self:center;width:52px!important;height:40px!important;border-radius:50%/46%!important;display:grid;place-items:center}
.ax-mod>.ax-ic .ic{width:22px;height:22px}
.ax-mod b{font-size:14.5px!important;line-height:1.25;align-self:end}
.ax-mod small{font-size:12.2px!important;line-height:1.35!important;max-width:none!important;align-self:start;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ax-mod .ax-bdg{top:8px!important;right:10px!important}
.ax-mod:hover{transform:translateY(-2px)}
@media (max-width:640px){.ax-groupe{padding:14px}.ax-mod,.ax-mods.ax-fit .ax-mod{min-height:72px!important}}
:root[data-theme=light] .ax-groupe{background:#fff;border-color:#e3e8f1}
.ax-groupes{align-items:stretch!important}