/* Zodiac Intelligence — menus déroulants custom « Liquid Glass » (rendu identique tous navigateurs).
   Le <select> natif reste dans le DOM (source de vérité) mais masqué ; un widget le pilote.
   Le menu est en position:fixed (échappe à tout stacking-context → jamais masqué). */

/* le <select> natif enrichi : retiré du flux, mais accessible au JS */
select.zi-native{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;clip:rect(0 0 0 0)!important;overflow:hidden!important;margin:0!important;padding:0!important;border:0!important}

.zi-sel{position:relative;display:inline-block;min-width:140px;font-family:var(--sans)}
/* verre lumineux (recette B) — consomme le MOTEUR glass.css (tokens de rôle btn/pop) */
.zi-sel-trg{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;color:var(--ink);
  background:linear-gradient(150deg,rgba(255,255,255,.72),rgba(255,255,255,.52));
  -webkit-backdrop-filter:blur(var(--glass-blur-btn,11px)) saturate(var(--glass-sat,1.8)) brightness(var(--glass-bright,1.06));backdrop-filter:blur(var(--glass-blur-btn,11px)) saturate(var(--glass-sat,1.8)) brightness(var(--glass-bright,1.06));
  border:1px solid var(--glass-edge,rgba(255,255,255,.55));border-radius:10px;padding:5px 13px;cursor:pointer;text-align:left;
  box-shadow:var(--glass-shadow-btn,0 4px 13px -4px rgba(30,28,55,.30)),var(--glass-rim,inset 0 1px 1px rgba(255,255,255,.95));transition:.15s;font-family:var(--sans)}
.zi-sel-trg:hover{background:linear-gradient(150deg,rgba(255,255,255,.82),rgba(255,255,255,.6))}
.zi-sel.open .zi-sel-trg{background:linear-gradient(150deg,rgba(255,255,255,.88),rgba(255,255,255,.66));border-color:var(--accent-soft)}
.zi-sel-lbl{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zi-sel-car{flex:0 0 auto;width:8px;height:8px;border-right:2px solid var(--accent);border-bottom:2px solid var(--accent);
  transform:rotate(45deg) translateY(-2px);transition:.2s}
.zi-sel.open .zi-sel-car{transform:rotate(-135deg)}

/* menu en position fixed → posé par JS, au-dessus de tout */
.zi-sel-menu{position:fixed;z-index:9999;background:linear-gradient(150deg,var(--glass-fill-hi,rgba(255,255,255,.86)),var(--glass-fill-lo,rgba(255,255,255,.68)));
  -webkit-backdrop-filter:blur(var(--glass-blur-pop,18px)) saturate(var(--glass-sat,1.8)) brightness(var(--glass-bright,1.06));backdrop-filter:blur(var(--glass-blur-pop,18px)) saturate(var(--glass-sat,1.8)) brightness(var(--glass-bright,1.06));
  border:1px solid var(--glass-edge,rgba(255,255,255,.55));border-radius:12px;
  box-shadow:var(--glass-shadow-pop,0 18px 48px -12px rgba(30,28,55,.42)),var(--glass-rim,inset 0 1px 1px rgba(255,255,255,.92));
  padding:4px;display:none;max-height:60vh;overflow:auto}
.zi-sel-menu.open{display:block;animation:zi-pop .15s ease}
.zi-sel-opt{padding:3px 12px;border-radius:8px;font-size:13px;color:var(--ink);cursor:pointer;transition:.12s;white-space:nowrap}
.zi-sel-opt:hover{background:rgba(90,98,168,.16);color:var(--accent-deep)}
.zi-sel-opt.sel{background:rgba(90,98,168,.28);color:var(--accent-deep);font-weight:600}
.zi-sel-opt.dis{opacity:.4;cursor:default}
.zi-sel-opt.dis:hover{background:none;color:var(--ink)}
.zi-sel-grp{padding:6px 12px 2px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}
@keyframes zi-pop{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}