/* ============================================================================
   corpinfo.fr — la face CONSULTATION du service.

   ⚠ CE FICHIER NE REDÉFINIT AUCUNE COULEUR. Il vient APRÈS `commun.css` et n'utilise
   que ses variables : même violet, mêmes neutres, mêmes polices, mêmes rayons. Ce qui
   distingue corpinfo, ce n'est pas une autre palette, c'est un fond « ink » sous
   l'en-tête et le hero, et un logo carré plutôt que le cercle-cible de dataseeker.
   Repeindre les mêmes valeurs ici aurait créé un second jeu de couleurs, et les deux
   auraient divergé à la première retouche — la marque aurait alors deux violets.

   Une seule valeur est propre à corpinfo, parce qu'elle n'existe pas ailleurs :
   le fond sombre et ce qui doit rester lisible dessus.
   ============================================================================ */
:root{
  --ci-ink:oklch(0.22 0.025 268);
  --ci-halo:radial-gradient(ellipse 55% 70% at 50% 0%, oklch(0.42 0.16 272 / .55), transparent 70%);
  --ci-sur-ink:rgba(255,255,255,.72);
  --ci-bord-ink:rgba(255,255,255,.16);
  --ci-actif-ink:rgba(255,255,255,.10);
  --ci-lavande:oklch(0.80 0.08 272);
}

/* ── Le fond sombre, partagé par l'en-tête et le hero ─────────────────────────── */
.ci-ink{background:var(--ci-ink);background-image:var(--ci-halo);color:#fff}

/* ── L'en-tête ────────────────────────────────────────────────────────────────────
   ⚠ IL REMPLACE `header` DE commun.css, IL NE S'Y AJOUTE PAS. Les deux règles
   portent sur le même élément ; celle-ci gagne parce qu'elle est plus spécifique et
   chargée après. Poser une classe plutôt qu'un second sélecteur `header` évite qu'un
   futur changement dans commun.css déplace silencieusement l'en-tête de corpinfo. */
header.ci-tete{position:sticky;top:0;z-index:70;height:60px;padding:0 24px;gap:28px;
  background:var(--ci-ink);background-image:var(--ci-halo);
  border-bottom:1px solid rgba(255,255,255,.08);color:#fff}
header.ci-tete.compact{height:64px;gap:20px}
.ci-tete a{color:var(--ci-sur-ink)}
.ci-tete a:hover{color:#fff}

/* Le logo : un carré arrondi violet portant un « i » blanc. */
.ci-logo{display:flex;align-items:center;gap:10px;flex:none;background:none;border:0;
  padding:0;cursor:pointer;color:inherit;text-decoration:none}
.ci-logo:hover{color:inherit}
.ci-i{width:30px;height:30px;border-radius:9px;background:var(--ds-accent);
  display:grid;place-items:center;flex:none}
.ci-i span{display:flex;flex-direction:column;align-items:center;gap:3px}
.ci-i span b{width:5px;height:5px;border-radius:50%;background:#fff;display:block}
.ci-i span i{width:5px;height:11px;border-radius:2px;background:#fff;display:block}
.ci-mot{font-family:Sora,sans-serif;font-weight:600;font-size:18px;letter-spacing:-.04em;
  line-height:1.1;white-space:nowrap}
.ci-mot em{font-style:normal;color:var(--ci-lavande)}
.ci-sous{font-family:"Chivo Mono",monospace;font-size:9.5px;letter-spacing:.02em;
  color:rgba(255,255,255,.55);white-space:nowrap}

.ci-nav{display:flex;gap:2px;font-size:13.5px;font-weight:500}
.ci-nav a,.ci-nav button{padding:7px 12px;border-radius:9px;white-space:nowrap;
  background:none;border:0;cursor:pointer;font:inherit;color:var(--ci-sur-ink)}
.ci-nav a:hover,.ci-nav button:hover{color:#fff}
.ci-nav .ici{background:var(--ci-actif-ink);color:#fff}

/* La passerelle vers l'autre marque, à droite de l'en-tête. */
.ci-vers-ds{margin-left:auto;display:inline-flex;align-items:center;gap:8px;height:34px;
  padding:0 12px 0 8px;border-radius:9px;border:1px solid var(--ci-bord-ink);
  color:rgba(255,255,255,.85);font-size:12.5px;white-space:nowrap}
.ci-vers-ds:hover{border-color:rgba(255,255,255,.4);color:#fff}
.ci-cible{width:20px;height:20px;border-radius:50%;background:var(--ds-accent);
  display:grid;place-items:center;flex:none}
.ci-cible i{width:11px;height:11px;border-radius:50%;border:1.5px solid rgba(255,255,255,.6);
  display:grid;place-items:center}
.ci-cible i b{width:4px;height:4px;border-radius:50%;background:#fff;display:block}
.ci-vers-ds b{font-family:Sora,sans-serif;letter-spacing:-.03em;font-weight:600}

/* ── Le hero ─────────────────────────────────────────────────────────────────── */
.ci-hero{max-width:860px;margin:0 auto;padding:76px 48px 84px;display:flex;
  flex-direction:column;align-items:center;text-align:center;gap:20px}
.ci-i-grand{width:64px;height:64px;border-radius:18px;background:var(--ds-accent);
  display:grid;place-items:center;
  box-shadow:0 20px 50px -18px oklch(0.52 0.19 272 / .8)}
.ci-i-grand span{display:flex;flex-direction:column;align-items:center;gap:6px}
.ci-i-grand span b{width:10px;height:10px;border-radius:50%;background:#fff;display:block}
.ci-i-grand span i{width:10px;height:24px;border-radius:4px;background:#fff;display:block}
.ci-mot-grand{font-family:Sora,sans-serif;font-weight:600;font-size:44px;
  letter-spacing:-.045em;line-height:1}
.ci-mot-grand em{font-style:normal;color:var(--ci-lavande)}
.ci-phrase{font-size:18px;line-height:1.5;color:rgba(255,255,255,.78);max-width:46ch;
  text-wrap:pretty}

/* ── La barre de recherche ───────────────────────────────────────────────────── */
.ci-cherche{position:relative;width:100%;max-width:720px;margin-top:10px;text-align:left}
.ci-barre{height:60px;background:var(--surface);border-radius:14px;display:flex;
  align-items:center;gap:12px;padding:0 8px 0 20px;
  box-shadow:0 30px 70px -24px rgba(0,0,0,.7);border:1px solid var(--bord)}
.ci-barre:focus-within{border-color:var(--ds-accent)}
.ci-barre .loupe{color:var(--txt-3);font-size:18px;flex:none}
.ci-barre input{flex:1;min-width:0;border:0;outline:none;background:transparent;
  font-family:inherit;font-size:17px;color:var(--txt)}
.ci-vider{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;
  color:var(--txt-2);cursor:pointer;font-size:16px;background:none;border:0;flex:none}
.ci-vider:hover{background:var(--bord-discret)}
.ci-go{height:44px;padding:0 20px;border-radius:10px;background:var(--ds-accent);
  color:#fff;font-weight:600;font-size:15px;display:inline-flex;align-items:center;
  cursor:pointer;white-space:nowrap;border:0;flex:none}
.ci-go:hover{background:var(--accent-survol)}
/* Version compacte, dans l'en-tête des résultats et de la fiche. */
.ci-cherche.mini{max-width:640px;margin:0 0 0 12px;flex:1}
.ci-cherche.mini .ci-barre{height:42px;border-radius:10px;padding:0 6px 0 14px;gap:10px;
  box-shadow:none}
.ci-cherche.mini .ci-barre input{font-size:14.5px}
.ci-cherche.mini .loupe{font-size:15px}
.ci-cherche.mini .ci-go{height:32px;padding:0 14px;border-radius:7px;font-size:13px}
.ci-cherche.mini .ci-vider{width:26px;height:26px;font-size:15px}

/* ── Les suggestions ─────────────────────────────────────────────────────────── */
.ci-sugg{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--surface);
  border:1px solid var(--bord);border-radius:14px;
  box-shadow:0 30px 70px -24px rgba(0,0,0,.6);overflow:hidden;z-index:50;color:var(--txt)}
.ci-sugg .titre{font-family:"Chivo Mono",monospace;font-size:10.5px;text-transform:uppercase;
  letter-spacing:.1em;color:var(--txt-3);padding:12px 16px 4px}
.ci-sugg .titre+.titre,.ci-sugg .sep{border-top:1px solid var(--bord-discret)}
.ci-sugg a,.ci-sugg button{display:flex;align-items:center;gap:12px;padding:9px 16px;
  color:inherit;width:100%;background:none;border:0;font:inherit;text-align:left;
  cursor:pointer}
.ci-sugg a:hover,.ci-sugg button:hover{background:var(--surface-2);color:inherit}
.ci-sugg .carre{width:26px;height:26px;border-radius:7px;background:var(--accent-fond);
  border:1px solid var(--accent-bord);display:grid;place-items:center;flex:none}
.ci-sugg .carre span{display:flex;flex-direction:column;align-items:center;gap:2px}
.ci-sugg .carre b{width:3px;height:3px;border-radius:50%;background:var(--ds-accent);display:block}
.ci-sugg .carre i{width:3px;height:7px;border-radius:1px;background:var(--ds-accent);display:block}
.ci-sugg .rond{width:26px;height:26px;border-radius:50%;background:var(--accent-fond);
  border:1px solid var(--accent-bord);color:var(--ds-accent);display:grid;place-items:center;
  font-size:10px;font-weight:700;flex:none}
.ci-sugg .corps{flex:1;min-width:0;display:flex;align-items:baseline;gap:8px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ci-sugg .corps b{font-weight:600;font-size:14px}
.ci-sugg .corps span{font-size:12.5px;color:var(--txt-2)}
.ci-sugg .droite{font-family:"Chivo Mono",monospace;font-size:12px;color:var(--txt-3);
  white-space:nowrap;flex:none}
.ci-sugg .rien{padding:14px 16px;font-size:13px;color:var(--txt-2)}
.ci-sugg .tout{display:flex;align-items:center;justify-content:space-between;
  padding:11px 16px;border-top:1px solid var(--bord-discret);background:var(--surface-2);
  font-size:13px;color:var(--ds-accent);cursor:pointer;font-weight:500;width:100%;
  border-left:0;border-right:0;border-bottom:0;font-family:inherit;text-align:left}
.ci-sugg .tout span:last-child{font-family:"Chivo Mono",monospace;font-size:10.5px;
  color:var(--txt-3)}

/* ── Sous la barre : recherche avancée et exemples ───────────────────────────── */
.ci-essais{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center;
  font-size:12.5px;color:rgba(255,255,255,.6)}
.ci-pill{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;
  border-radius:99px;border:1px solid oklch(0.80 0.08 272 / .5);color:oklch(0.86 0.06 272);
  cursor:pointer;white-space:nowrap;font-weight:500;background:none;font:inherit;
  font-size:12.5px}
.ci-pill:hover{border-color:oklch(0.86 0.06 272)}
.ci-essai{display:inline-flex;align-items:center;height:30px;padding:0 12px;
  border-radius:99px;border:1px solid var(--ci-bord-ink);color:#fff;cursor:pointer;
  white-space:nowrap;background:none;font:inherit;font-size:12.5px}
.ci-essai:hover{border-color:rgba(255,255,255,.45)}

/* ── Corps clair ─────────────────────────────────────────────────────────────── */
.ci-large{max-width:1100px;margin:0 auto;padding:0 48px;width:100%}
.ci-reperes{background:var(--surface);border:1px solid var(--bord);border-radius:16px;
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  box-shadow:0 28px 56px -32px oklch(0.30 0.10 272 / .35);margin-top:-28px}
.ci-reperes>div{padding:22px 26px;border-right:1px solid var(--bord-discret)}
.ci-reperes>div:last-child{border-right:0}
.ci-reperes .n{font-family:"Chivo Mono",monospace;font-weight:600;font-size:26px;
  letter-spacing:-.03em;white-space:nowrap}
.ci-reperes .n.accent{color:var(--ds-accent)}
.ci-reperes p{font-size:13px;color:var(--txt-2);margin:6px 0 0;line-height:1.5}

.ci-surtitre{font-family:"Chivo Mono",monospace;font-size:10.5px;text-transform:uppercase;
  letter-spacing:.13em;color:var(--txt-3)}
.ci-h2{font-family:Sora,sans-serif;font-weight:600;font-size:24px;letter-spacing:-.02em;
  margin:8px 0 0}
.ci-rubriques{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;
  margin-top:20px}
.ci-rubriques a{background:var(--surface);border:1px solid var(--bord);border-radius:12px;
  padding:18px 20px;color:inherit;display:flex;flex-direction:column;gap:6px}
.ci-rubriques a:hover{border-color:var(--ds-accent);color:inherit}
.ci-rubriques .num{font-family:"Chivo Mono",monospace;font-size:10.5px;letter-spacing:.08em;
  color:var(--ds-accent)}
.ci-rubriques b{font-size:14.5px}
.ci-rubriques span:last-child{font-size:12.5px;color:var(--txt-2);line-height:1.55}

.ci-passerelle{background:var(--accent-fond);border:1px solid var(--accent-bord);
  border-radius:16px;padding:22px 26px;display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;gap:20px;align-items:center}
.ci-passerelle .rond{width:44px;height:44px;border-radius:50%;background:var(--ds-accent);
  display:grid;place-items:center;flex:none}
.ci-passerelle .rond i{width:25px;height:25px;border-radius:50%;
  border:2px solid rgba(255,255,255,.55);display:grid;place-items:center}
.ci-passerelle .rond i b{width:9px;height:9px;border-radius:50%;background:#fff;display:block}
.ci-passerelle h3{font-family:Sora,sans-serif;font-weight:600;font-size:16px;
  letter-spacing:-.02em;margin:0}
.ci-passerelle p{font-size:13.5px;color:var(--txt-2);margin:4px 0 0;line-height:1.55}
.ci-passerelle p b{color:var(--txt)}
.ci-passerelle .cta{height:40px;padding:0 18px;border-radius:9px;background:var(--ds-accent);
  color:#fff;display:inline-flex;align-items:center;font-weight:600;white-space:nowrap}
.ci-passerelle .cta:hover{background:var(--accent-survol);color:#fff}

.ci-sources{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:40px}
.ci-sources p{font-size:13.5px;color:var(--txt-2);line-height:1.7;text-wrap:pretty;margin:0}

/* ── Les résultats ───────────────────────────────────────────────────────────── */
.ci-onglets{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;
  border-bottom:1px solid var(--bord)}
.ci-onglets .t{display:flex;gap:2px}
.ci-onglets button{padding:10px 14px;font-size:13.5px;cursor:pointer;white-space:nowrap;
  margin-bottom:-1px;border:0;border-bottom:2px solid transparent;background:none;
  font-family:inherit;color:var(--txt-2)}
.ci-onglets button[aria-selected="true"]{border-bottom-color:var(--ds-accent);
  color:var(--ds-accent);font-weight:600}
.ci-onglets button .n{font-family:"Chivo Mono",monospace;font-size:11.5px;
  color:var(--txt-3);font-weight:400;margin-left:4px}
.ci-meta{font-family:"Chivo Mono",monospace;font-size:10.5px;color:var(--txt-3);
  white-space:nowrap;padding-bottom:12px}

.ci-chips{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:14px}
.ci-chip{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;
  border-radius:99px;background:var(--accent-fond);border:1px solid var(--accent-bord);
  color:var(--ds-accent);font-size:12px;white-space:nowrap}
.ci-chip button{cursor:pointer;font-size:14px;line-height:1;background:none;border:0;
  color:inherit;padding:0}
.ci-chips .lien{font-size:12.5px;color:var(--ds-accent);cursor:pointer;background:none;
  border:0;font-family:inherit;white-space:nowrap}
.ci-chips .lien.gris{color:var(--txt-2)}

.ci-liste{display:flex;flex-direction:column;gap:8px;margin-top:16px}
.ci-carte{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;
  background:var(--surface);border:1px solid var(--bord);border-radius:12px;
  padding:15px 20px;color:inherit}
.ci-carte:hover{border-color:var(--ds-accent);color:inherit}
.ci-carte .nom{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ci-carte .nom b{font-size:15.5px;font-weight:600;color:var(--ds-accent)}
.ci-carte .l2{font-family:"Chivo Mono",monospace;font-size:12px;color:var(--txt-3);
  margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ci-carte .l3{font-size:13px;color:var(--txt-2);margin-top:5px;white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis}
.ci-carte .voir{font-size:13px;font-weight:500;color:var(--ds-accent);white-space:nowrap}
.ci-etat{display:inline-flex;align-items:center;gap:5px;height:20px;padding:0 8px;
  border-radius:99px;font-size:11px;font-weight:600;white-space:nowrap}
.ci-etat.vif{background:var(--oui-fond);color:var(--oui-txt)}
.ci-etat.hs{background:oklch(0.95 0.005 268);color:var(--txt-2)}

.ci-pers{background:var(--surface);border:1px solid var(--bord);border-radius:12px;
  padding:16px 20px}
.ci-pers .tete{display:flex;align-items:center;gap:12px}
.ci-pers .rond{width:34px;height:34px;border-radius:50%;background:var(--accent-fond);
  border:1px solid var(--accent-bord);color:var(--ds-accent);display:grid;place-items:center;
  font-size:12px;font-weight:700;flex:none}
.ci-pers .tete b{font-size:15.5px;font-weight:600}
.ci-pers .tete .n{font-family:"Chivo Mono",monospace;font-size:12px;color:var(--txt-3)}
.ci-pers .mandats{display:flex;flex-direction:column;margin-top:10px}
.ci-pers .mandats a{display:grid;grid-template-columns:150px minmax(0,1fr) 150px auto;
  gap:14px;align-items:center;padding:9px 0;border-top:1px solid var(--bord-discret);
  color:inherit;font-size:13.5px}
.ci-pers .mandats a:hover{color:var(--ds-accent)}
.ci-pers .mandats .role{color:var(--txt-2)}
.ci-pers .mandats .soc{font-weight:600}
.ci-pers .mandats .soc span{font-family:"Chivo Mono",monospace;font-size:11.5px;
  color:var(--txt-3);font-weight:400}
.ci-pers .mandats .ou{color:var(--txt-2)}
.ci-pers .mandats>a>*{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.ci-vide{background:var(--surface);border:1px solid var(--bord);border-radius:12px;
  padding:28px;margin-top:16px;text-align:center}
.ci-vide h3{font-family:Sora,sans-serif;font-weight:600;font-size:17px;letter-spacing:-.02em;
  margin:0}
.ci-vide p{font-size:13.5px;color:var(--txt-2);margin:6px 0 0;line-height:1.55}
.ci-vide .boutons{display:flex;justify-content:center;gap:8px;margin-top:16px}

.ci-pages{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:20px;
  font-size:13px;color:var(--txt-2)}
.ci-pages button{height:32px;padding:0 12px;border-radius:9px;border:1px solid var(--bord);
  background:var(--surface);cursor:pointer;font-family:inherit;font-size:13px}
.ci-pages button:hover:not(:disabled){border-color:var(--ds-accent);color:var(--ds-accent)}
.ci-pages button:disabled{opacity:.45;cursor:default}

/* ── Le panneau de recherche avancée ─────────────────────────────────────────── */
.ci-voile{position:fixed;inset:0;z-index:90;background:oklch(0.22 0.025 268 / .45);
  border:0;padding:0}
.ci-panneau{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);
  width:min(1040px, calc(100vw - 48px));z-index:95;background:var(--surface);
  border:1px solid var(--bord);border-radius:16px;
  box-shadow:0 40px 90px -30px oklch(0.22 0.025 268 / .7);padding:22px 28px 20px;
  display:flex;flex-direction:column;gap:16px;
  /* ⚠ LE PANNEAU N'A PAS D'ASCENSEUR — c'est le brief. Les listes déroulantes qu'il
     contient défilent, lui non. `max-height` reste posé en garde-fou : sur un écran
     bas, mieux vaut un panneau qui défile qu'un pied de panneau hors de l'écran, avec
     le bouton « Afficher les résultats » devenu inatteignable. */
  max-height:calc(100vh - 48px);overflow:auto}
.ci-panneau .haut{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.ci-panneau .haut h2{font-family:Sora,sans-serif;font-weight:600;font-size:20px;
  letter-spacing:-.02em;margin:6px 0 0}
.ci-panneau .haut p{font-size:13px;color:var(--txt-2);margin:4px 0 0;line-height:1.55}
.ci-fermer{width:30px;height:30px;border-radius:50%;background:var(--bord-discret);
  color:var(--txt-2);display:grid;place-items:center;cursor:pointer;font-size:17px;
  flex:none;border:0}
.ci-groupe>.tete{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.ci-groupe>.tete span:first-child{font-family:"Chivo Mono",monospace;font-size:10.5px;
  text-transform:uppercase;letter-spacing:.13em;color:var(--ds-accent);white-space:nowrap}
.ci-groupe>.tete .filet{flex:1;height:1px;background:var(--bord-discret)}
.ci-champs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ci-champ{display:grid;gap:5px;position:relative}
.ci-champ>label{font-size:12.5px;font-weight:600;color:var(--txt-2)}
.ci-champ input[type=text],.ci-champ input[type=date]{height:40px;border:1px solid var(--bord);
  border-radius:9px;background:var(--surface);padding:0 12px;outline:none;width:100%;
  font-family:inherit;font-size:14px;color:inherit}
.ci-champ input:focus{border-color:var(--ds-accent)}
.ci-champ input.mono{font-family:"Chivo Mono",monospace}

/* Multi-sélection : déclencheur + panneau déroulant. */
.ci-decl{min-height:40px;border:1px solid var(--bord);border-radius:9px;
  background:var(--surface);padding:5px 10px;display:flex;align-items:center;gap:6px;
  flex-wrap:wrap;cursor:pointer;width:100%;text-align:left;font:inherit;color:var(--txt-3)}
.ci-decl:hover{border-color:var(--accent-bord)}
.ci-decl[aria-expanded="true"]{border-color:var(--ds-accent)}
.ci-decl .cc{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 8px;
  border-radius:99px;background:var(--accent-fond);border:1px solid var(--accent-bord);
  color:var(--ds-accent);font-size:11.5px;white-space:nowrap}
.ci-decl .cc span{cursor:pointer;font-size:13px;line-height:1}
.ci-menu{position:absolute;top:100%;left:0;right:0;margin-top:6px;z-index:20;
  background:var(--surface);border:1px solid var(--bord);border-radius:11px;
  box-shadow:0 28px 56px -24px oklch(0.24 0.02 268 / .45);overflow:hidden}
.ci-menu .filtre{display:flex;align-items:center;gap:8px;padding:8px 10px;
  border-bottom:1px solid var(--bord-discret)}
.ci-menu .filtre input{flex:1;min-width:0;border:0;outline:none;background:transparent;
  font-family:inherit;font-size:13px;color:inherit}
.ci-menu .filtre .cpt{font-family:"Chivo Mono",monospace;font-size:10.5px;
  color:var(--txt-3);white-space:nowrap}
.ci-menu .options{max-height:200px;overflow-y:auto;padding:5px;display:flex;
  flex-direction:column}
.ci-menu .options button{display:flex;align-items:center;gap:9px;padding:7px 8px;
  border-radius:7px;cursor:pointer;background:none;border:0;font:inherit;text-align:left;
  width:100%;color:inherit}
.ci-menu .options button:hover{background:var(--surface-2)}
.ci-menu .case{width:15px;height:15px;border-radius:4px;border:1px solid var(--bord);
  display:grid;place-items:center;color:#fff;font-size:10px;line-height:1;flex:none}
.ci-menu .case.on{background:var(--ds-accent);border-color:var(--ds-accent)}
.ci-menu .code{font-family:"Chivo Mono",monospace;font-size:11px;color:var(--txt-3);
  flex:none}
.ci-menu .lib{flex:1;min-width:0;font-size:13px;white-space:nowrap;overflow:hidden;
  text-overflow:ellipsis}
.ci-menu .rien{padding:10px 8px;font-size:12.5px;color:var(--txt-3)}
.ci-menu .pied{display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:8px 12px;border-top:1px solid var(--bord-discret);font-size:12px}
.ci-menu .pied button{background:none;border:0;cursor:pointer;font:inherit;font-size:12px}
.ci-menu .pied .vider{color:var(--txt-2)}
.ci-menu .pied .fini{color:var(--ds-accent);font-weight:500}

.ci-panneau .pied{display:flex;align-items:center;justify-content:space-between;gap:16px;
  border-top:1px solid var(--bord-discret);padding-top:16px}
.ci-panneau .pied .compte{display:flex;align-items:baseline;gap:6px;white-space:nowrap}
.ci-panneau .pied .compte b{font-family:"Chivo Mono",monospace;font-weight:600;
  font-size:22px;letter-spacing:-.02em;color:var(--ds-accent)}
.ci-panneau .pied .compte span{font-size:13px;color:var(--txt-2)}
.ci-appliquer{height:42px;padding:0 20px;border-radius:9px;background:var(--ds-accent);
  color:#fff;display:inline-flex;align-items:center;font-weight:600;font-size:14.5px;
  cursor:pointer;white-space:nowrap;border:0}
.ci-appliquer:hover{background:var(--accent-survol)}
.ci-reinit{font-size:13px;color:var(--ds-accent);cursor:pointer;font-weight:500;
  white-space:nowrap;background:none;border:0;font-family:inherit}

/* ── Le pied de page ─────────────────────────────────────────────────────────── */
.ci-pied{margin-top:auto;border-top:1px solid var(--bord);padding:20px 48px;display:flex;
  justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12.5px;color:var(--txt-3)}
.ci-pied .gauche{display:flex;align-items:center;gap:6px;white-space:nowrap}
.ci-pied .gauche a{font-family:Sora,sans-serif;font-weight:600;letter-spacing:-.03em}
.ci-pied .liens{display:flex;gap:20px;white-space:nowrap;flex-wrap:wrap}

/* ── Écrans étroits ──────────────────────────────────────────────────────────── */
@media (max-width:1000px){
  .ci-reperes,.ci-rubriques,.ci-champs{grid-template-columns:1fr}
  .ci-sources{grid-template-columns:1fr;gap:16px}
  .ci-passerelle{grid-template-columns:1fr;gap:14px}
  .ci-hero{padding:52px 24px 64px}
  .ci-large{padding:0 24px}
  .ci-pied{padding:20px 24px}
  .ci-pers .mandats a{grid-template-columns:1fr;gap:4px}
}

/* Une étiquette lue par les lecteurs d'écran, invisible à l'œil. `display:none` la
   retirerait aussi de l'arbre d'accessibilité : le champ redeviendrait anonyme. */
.visuellement-cache{position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}

/* ── La fiche société sous l'en-tête corpinfo ─────────────────────────────────────
   La fiche garde SA barre de recherche et SA palette : c'est le même geste sur les deux
   marques, et deux implémentations auraient divergé. Seules les couleurs changent — le
   champ doit rester lisible sur le fond ink, où le gris clair de `commun.css` disparaît.
   ⚠ Ces règles ne s'appliquent QUE sous `header.ci-tete` : la même fiche servie sur
   dataseeker.fr ne charge pas ce fichier, et garde son en-tête clair. */
header.ci-tete .recherche input{background:rgba(255,255,255,.10);
  border-color:var(--ci-bord-ink);color:#fff}
header.ci-tete .recherche input::placeholder{color:rgba(255,255,255,.55)}
header.ci-tete .recherche input:focus{background:var(--surface);color:var(--txt);
  border-color:var(--ds-accent)}
header.ci-tete .recherche .loupe{color:rgba(255,255,255,.6)}
header.ci-tete .recherche input:focus+.loupe,
header.ci-tete .recherche input:focus~.loupe{color:var(--txt-3)}
header.ci-tete .recherche .vider{background:rgba(255,255,255,.18);color:#fff}
header.ci-tete .recherche .vider:hover{background:var(--surface);color:var(--ds-accent)}
/* La palette, elle, retombe sur fond clair : c'est une liste de résultats, pas l'en-tête. */
header.ci-tete .palette{color:var(--txt)}
header.ci-tete .h-actions{margin-left:auto;display:flex;align-items:center;gap:8px}