/* ==========================================================================
   AIRH — Skin NÉON (glassmorphism) · thème sombre, société Mobilyteam
   Activé par body[data-skin="neon"] (posé au démarrage selon la société).
   Ne touche QUE les écrans HUD en mode sombre : [data-theme="dark"].
   ========================================================================== */

body[data-skin="neon"] [data-theme="dark"] {
  /* fond profond bleu-nuit, presque noir */
  --bg: #070B18;
  --bg-deep: #03050D;

  /* verre saturé, très transparent : le fond transparaît */
  --glass: rgba(16, 24, 48, .55);
  --glass-strong: rgba(20, 30, 58, .72);

  /* traits lumineux */
  --line: rgba(120, 210, 255, .26);
  --line-soft: rgba(120, 210, 255, .11);

  /* encre froide très lisible */
  --ink-1: #EAF6FF;
  --ink-2: #9FC2E0;
  --ink-3: #5F7FA8;

  /* accent : cyan électrique */
  --hivis: #22D3EE;
  --neon-2: #A78BFA;   /* violet */
  --neon-3: #F472B6;   /* magenta */
  --neon-4: #34D399;   /* menthe */

  --scan: rgba(34, 211, 238, .10);
  --panel-shadow: 0 30px 90px rgba(0, 0, 0, .75);
}

/* ---------- FOND : aurore + grille ---------- */
body[data-skin="neon"] [data-theme="dark"]::before {
  content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none;
  background:
    radial-gradient(46vw 46vw at 12% 8%, rgba(34,211,238,.20), transparent 62%),
    radial-gradient(40vw 40vw at 88% 14%, rgba(167,139,250,.18), transparent 62%),
    radial-gradient(48vw 48vw at 62% 96%, rgba(244,114,182,.14), transparent 64%);
  filter: blur(28px);
  animation: neon-aurora 22s ease-in-out infinite alternate;
}
@keyframes neon-aurora {
  0%   { transform: translate3d(0,0,0) scale(1);      opacity: .85 }
  50%  { transform: translate3d(2%,-2%,0) scale(1.08); opacity: 1 }
  100% { transform: translate3d(-2%,2%,0) scale(1.04); opacity: .9 }
}
body[data-skin="neon"] [data-theme="dark"]::after {
  content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none;
  background-image:
    linear-gradient(rgba(120,210,255,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(120,210,255,.045) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: radial-gradient(120% 90% at 50% 0%, #000 35%, transparent 78%);
  -webkit-mask-image: radial-gradient(120% 90% at 50% 0%, #000 35%, transparent 78%);
}

/* ---------- MARQUE & TYPO ---------- */
body[data-skin="neon"] [data-theme="dark"] .hud-name,
body[data-skin="neon"] [data-theme="dark"] .lv-name,
body[data-skin="neon"] [data-theme="dark"] .tt-name,
body[data-skin="neon"] [data-theme="dark"] .tk-name,
body[data-skin="neon"] [data-theme="dark"] .hb-name,
body[data-skin="neon"] [data-theme="dark"] .rt-name,
body[data-skin="neon"] [data-theme="dark"] .fd-name {
  text-shadow: 0 0 18px rgba(34,211,238,.45);
}
body[data-skin="neon"] [data-theme="dark"] .hud-name em,
body[data-skin="neon"] [data-theme="dark"] .lv-name em,
body[data-skin="neon"] [data-theme="dark"] .tt-name em,
body[data-skin="neon"] [data-theme="dark"] .tk-name em,
body[data-skin="neon"] [data-theme="dark"] .hb-name em,
body[data-skin="neon"] [data-theme="dark"] .rt-name em,
body[data-skin="neon"] [data-theme="dark"] .fd-name em {
  color: var(--hivis);
  text-shadow: 0 0 22px rgba(34,211,238,.85), 0 0 46px rgba(34,211,238,.35);
}

/* barre supérieure : liseré lumineux */
body[data-skin="neon"] [data-theme="dark"] .hud-header,
body[data-skin="neon"] [data-theme="dark"] .lv-header,
body[data-skin="neon"] [data-theme="dark"] .tt-hud-header,
body[data-skin="neon"] [data-theme="dark"] .tk-header,
body[data-skin="neon"] [data-theme="dark"] .hb-header,
body[data-skin="neon"] [data-theme="dark"] .rt-header,
body[data-skin="neon"] [data-theme="dark"] .fd-header {
  background: linear-gradient(180deg, rgba(20,30,58,.78), transparent);
  border-bottom: 1px solid transparent;
  border-image: linear-gradient(90deg, transparent, rgba(34,211,238,.55), rgba(167,139,250,.45), transparent) 1;
  backdrop-filter: blur(16px) saturate(1.25);
}

/* ---------- VERRE : cartes, panneaux, tuiles ---------- */
body[data-skin="neon"] [data-theme="dark"] .hud-panel,
body[data-skin="neon"] [data-theme="dark"] .hud-kpi,
body[data-skin="neon"] [data-theme="dark"] .hud-tile,
body[data-skin="neon"] [data-theme="dark"] .pj-card,
body[data-skin="neon"] [data-theme="dark"] .sc2,
body[data-skin="neon"] [data-theme="dark"] .site-card,
body[data-skin="neon"] [data-theme="dark"] .feed__card,
body[data-skin="neon"] [data-theme="dark"] .fd-card,
body[data-skin="neon"] [data-theme="dark"] .tk-task,
body[data-skin="neon"] [data-theme="dark"] .hab-emp-card,
body[data-skin="neon"] [data-theme="dark"] .rt-tile,
body[data-skin="neon"] [data-theme="dark"] .lv-card,
body[data-skin="neon"] [data-theme="dark"] .tt-card,
body[data-skin="neon"] [data-theme="dark"] .tk-card,
body[data-skin="neon"] [data-theme="dark"] .hb-card {
  background:
    linear-gradient(150deg, rgba(255,255,255,.055), rgba(255,255,255,0) 42%),
    var(--glass);
  backdrop-filter: blur(18px) saturate(1.35);
  -webkit-backdrop-filter: blur(18px) saturate(1.35);
  border: 1px solid var(--line);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.09),
    0 18px 44px rgba(0,0,0,.5);
}

/* halo au survol */
body[data-skin="neon"] [data-theme="dark"] .hud-tile:hover,
body[data-skin="neon"] [data-theme="dark"] .pj-card:hover,
body[data-skin="neon"] [data-theme="dark"] .sc2:hover,
body[data-skin="neon"] [data-theme="dark"] .site-card:hover,
body[data-skin="neon"] [data-theme="dark"] .feed__card:hover,
body[data-skin="neon"] [data-theme="dark"] .tk-task:hover,
body[data-skin="neon"] [data-theme="dark"] .hab-emp-card:hover {
  border-color: color-mix(in srgb, var(--hivis) 65%, transparent);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 0 0 1px color-mix(in srgb, var(--hivis) 28%, transparent),
    0 22px 60px rgba(0,0,0,.6),
    0 0 44px color-mix(in srgb, var(--hivis) 22%, transparent);
}

/* liserés d'état : néon */
body[data-skin="neon"] [data-theme="dark"] .pj-card::before,
body[data-skin="neon"] [data-theme="dark"] .hud-tile::before,
body[data-skin="neon"] [data-theme="dark"] .site-card::before,
body[data-skin="neon"] [data-theme="dark"] .feed__card--pinned::before,
body[data-skin="neon"] [data-theme="dark"] .hab-emp-card::before,
body[data-skin="neon"] [data-theme="dark"] .tk-task::before {
  box-shadow: 0 0 14px currentColor, 0 0 26px color-mix(in srgb, var(--hivis) 45%, transparent);
  filter: saturate(1.4);
}

/* coins réticule : néon pulsé */
body[data-skin="neon"] [data-theme="dark"] .hud-corners::before,
body[data-skin="neon"] [data-theme="dark"] .hud-corners::after,
body[data-skin="neon"] [data-theme="dark"] .hud-corners i::before,
body[data-skin="neon"] [data-theme="dark"] .hud-corners i::after,
body[data-skin="neon"] [data-theme="dark"] .lv-corners::before,
body[data-skin="neon"] [data-theme="dark"] .lv-corners::after,
body[data-skin="neon"] [data-theme="dark"] .lv-corners i::before,
body[data-skin="neon"] [data-theme="dark"] .lv-corners i::after,
body[data-skin="neon"] [data-theme="dark"] .tt-corners::before,
body[data-skin="neon"] [data-theme="dark"] .tt-corners::after,
body[data-skin="neon"] [data-theme="dark"] .tt-corners i::before,
body[data-skin="neon"] [data-theme="dark"] .tt-corners i::after,
body[data-skin="neon"] [data-theme="dark"] .tk-corners::before,
body[data-skin="neon"] [data-theme="dark"] .tk-corners::after,
body[data-skin="neon"] [data-theme="dark"] .tk-corners i::before,
body[data-skin="neon"] [data-theme="dark"] .tk-corners i::after,
body[data-skin="neon"] [data-theme="dark"] .hb-corners::before,
body[data-skin="neon"] [data-theme="dark"] .hb-corners::after,
body[data-skin="neon"] [data-theme="dark"] .hb-corners i::before,
body[data-skin="neon"] [data-theme="dark"] .hb-corners i::after,
body[data-skin="neon"] [data-theme="dark"] .rt-corners::before,
body[data-skin="neon"] [data-theme="dark"] .rt-corners::after,
body[data-skin="neon"] [data-theme="dark"] .rt-corners i::before,
body[data-skin="neon"] [data-theme="dark"] .rt-corners i::after {
  border-color: var(--hivis);
  box-shadow: 0 0 12px var(--hivis), inset 0 0 8px color-mix(in srgb, var(--hivis) 55%, transparent);
  animation: neon-corner 3.2s ease-in-out infinite;
}
@keyframes neon-corner { 50% { opacity: .55 } }

/* ---------- CHIFFRES : les KPI deviennent lumineux ---------- */
body[data-skin="neon"] [data-theme="dark"] .hud-kpi .v,
body[data-skin="neon"] [data-theme="dark"] .rt-tile .v,
body[data-skin="neon"] [data-theme="dark"] .lv-kpi .v,
body[data-skin="neon"] [data-theme="dark"] .tt-kpi .v,
body[data-skin="neon"] [data-theme="dark"] .tk-kpi .v,
body[data-skin="neon"] [data-theme="dark"] .hab-kpi__value,
body[data-skin="neon"] [data-theme="dark"] .pj-gauge-n,
body[data-skin="neon"] [data-theme="dark"] .tt-clock-time,
body[data-skin="neon"] [data-theme="dark"] .hb-gauge .num {
  text-shadow: 0 0 20px color-mix(in srgb, currentColor 65%, transparent);
}

/* jauges & barres : traînée lumineuse */
body[data-skin="neon"] [data-theme="dark"] .pj-gauge .vl,
body[data-skin="neon"] [data-theme="dark"] .hb-gauge .val {
  filter: drop-shadow(0 0 7px currentColor);
}
body[data-skin="neon"] [data-theme="dark"] .pj-phase-bar b,
body[data-skin="neon"] [data-theme="dark"] .hud-bar b,
body[data-skin="neon"] [data-theme="dark"] .tk-prog .bar b,
body[data-skin="neon"] [data-theme="dark"] .hab-item__progress-bar,
body[data-skin="neon"] [data-theme="dark"] .hp-progress .bar b {
  box-shadow: 0 0 10px currentColor, 0 0 18px color-mix(in srgb, var(--hivis) 40%, transparent);
  filter: saturate(1.5);
}

/* ---------- CONTRÔLES ---------- */
body[data-skin="neon"] [data-theme="dark"] .hud-chip,
body[data-skin="neon"] [data-theme="dark"] .hud-icon-btn,
body[data-skin="neon"] [data-theme="dark"] .hud-seg,
body[data-skin="neon"] [data-theme="dark"] .hud-search,
body[data-skin="neon"] [data-theme="dark"] .hud-pill,
body[data-skin="neon"] [data-theme="dark"] .lv-chip,
body[data-skin="neon"] [data-theme="dark"] .tt-chip,
body[data-skin="neon"] [data-theme="dark"] .tk-chip,
body[data-skin="neon"] [data-theme="dark"] .hb-chip,
body[data-skin="neon"] [data-theme="dark"] .rt-chip,
body[data-skin="neon"] [data-theme="dark"] .fd-chip {
  background: rgba(20, 30, 58, .5);
  backdrop-filter: blur(12px) saturate(1.3);
}
body[data-skin="neon"] [data-theme="dark"] .hud-chip:hover,
body[data-skin="neon"] [data-theme="dark"] .hud-icon-btn:hover,
body[data-skin="neon"] [data-theme="dark"] .hud-pill:hover,
body[data-skin="neon"] [data-theme="dark"] .lv-chip:hover,
body[data-skin="neon"] [data-theme="dark"] .tt-chip:hover,
body[data-skin="neon"] [data-theme="dark"] .tk-chip:hover,
body[data-skin="neon"] [data-theme="dark"] .hb-chip:hover,
body[data-skin="neon"] [data-theme="dark"] .rt-chip:hover,
body[data-skin="neon"] [data-theme="dark"] .fd-chip:hover {
  border-color: var(--hivis);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--hivis) 30%, transparent),
              0 0 22px color-mix(in srgb, var(--hivis) 35%, transparent);
}
body[data-skin="neon"] [data-theme="dark"] .hud-chip--primary,
body[data-skin="neon"] [data-theme="dark"] .tk-chip--primary,
body[data-skin="neon"] [data-theme="dark"] .hb-chip--primary,
body[data-skin="neon"] [data-theme="dark"] .fd-chip--primary {
  background: linear-gradient(120deg, var(--hivis), var(--neon-2));
  border-color: transparent; color: #04121A; font-weight: 700;
  box-shadow: 0 0 26px color-mix(in srgb, var(--hivis) 55%, transparent);
}
body[data-skin="neon"] [data-theme="dark"] .hud-seg button.is-active,
body[data-skin="neon"] [data-theme="dark"] .hud-pill.is-active,
body[data-skin="neon"] [data-theme="dark"] .filter-chip.is-active,
body[data-skin="neon"] [data-theme="dark"] .pt-grid-filter.is-active,
body[data-skin="neon"] [data-theme="dark"] .tk-filter.is-active,
body[data-skin="neon"] [data-theme="dark"] .fd-filter.is-active {
  box-shadow: inset 0 0 14px color-mix(in srgb, var(--hivis) 22%, transparent),
              0 0 20px color-mix(in srgb, var(--hivis) 30%, transparent);
}

/* points d'état : vraies LED */
body[data-skin="neon"] [data-theme="dark"] .hud-foot .dot,
body[data-skin="neon"] [data-theme="dark"] .lv-foot .dot,
body[data-skin="neon"] [data-theme="dark"] .tt-hud-foot .dot,
body[data-skin="neon"] [data-theme="dark"] .tk-foot .dot,
body[data-skin="neon"] [data-theme="dark"] .hb-foot .dot,
body[data-skin="neon"] [data-theme="dark"] .rt-foot .dot,
body[data-skin="neon"] [data-theme="dark"] .fd-foot .dot,
body[data-skin="neon"] [data-theme="dark"] .rt-dot-live.on,
body[data-skin="neon"] [data-theme="dark"] .rt-live-dot.on,
body[data-skin="neon"] [data-theme="dark"] .hud-card-head i,
body[data-skin="neon"] [data-theme="dark"] .lv-card-head i,
body[data-skin="neon"] [data-theme="dark"] .tt-card-head i,
body[data-skin="neon"] [data-theme="dark"] .tk-card-head i,
body[data-skin="neon"] [data-theme="dark"] .hb-card-head i {
  box-shadow: 0 0 10px currentColor, 0 0 20px currentColor;
}

/* tableaux : lignes qui s'allument */
body[data-skin="neon"] [data-theme="dark"] table.hud-table tbody tr:hover td,
body[data-skin="neon"] [data-theme="dark"] table.rt-table tbody tr:hover td,
body[data-skin="neon"] [data-theme="dark"] table.tt-grid tbody tr:hover td,
body[data-skin="neon"] [data-theme="dark"] table.lv-grid tbody tr:hover td {
  background: color-mix(in srgb, var(--hivis) 10%, transparent);
  box-shadow: inset 0 0 24px color-mix(in srgb, var(--hivis) 12%, transparent);
}

/* balayage radar plus vif */
body[data-skin="neon"] [data-theme="dark"] .hud-sweep,
body[data-skin="neon"] [data-theme="dark"] .lv-sweep,
body[data-skin="neon"] [data-theme="dark"] .tt-sweep,
body[data-skin="neon"] [data-theme="dark"] .tk-sweep,
body[data-skin="neon"] [data-theme="dark"] .hb-sweep,
body[data-skin="neon"] [data-theme="dark"] .rt-sweep,
body[data-skin="neon"] [data-theme="dark"] .fd-sweep {
  background: linear-gradient(100deg, transparent 42%, rgba(34,211,238,.14) 50%, transparent 58%);
  background-size: 300% 100%;
  mix-blend-mode: screen;
}

/* panneau latéral néon */
body[data-skin="neon"] .panel-overlay.panel--hud[data-theme="dark"] .panel {
  background:
    linear-gradient(150deg, rgba(255,255,255,.05), rgba(255,255,255,0) 40%),
    rgba(14, 22, 44, .82);
  backdrop-filter: blur(26px) saturate(1.35);
  border-left: 1px solid rgba(120,210,255,.3);
  box-shadow: -40px 0 90px rgba(0,0,0,.7), inset 1px 0 0 rgba(255,255,255,.07);
}
body[data-skin="neon"] .panel-overlay.panel--hud[data-theme="dark"] {
  --hivis: #22D3EE;
  --ink-1: #EAF6FF; --ink-2: #9FC2E0; --ink-3: #5F7FA8;
  --line: rgba(120,210,255,.26); --line-soft: rgba(120,210,255,.11);
  --glass-strong: rgba(20,30,58,.72);
  background-color: rgba(2, 5, 12, .66);
}
body[data-skin="neon"] .panel-overlay.panel--hud[data-theme="dark"] .panel::before,
body[data-skin="neon"] .panel-overlay.panel--hud[data-theme="dark"] .panel::after {
  border-color: var(--hivis); box-shadow: 0 0 12px var(--hivis);
}

/* graphique rentabilité : traits lumineux */
body[data-skin="neon"] [data-theme="dark"] .rt-cum-line { filter: drop-shadow(0 0 8px var(--hivis)); }
body[data-skin="neon"] [data-theme="dark"] .rt-proj-line { filter: drop-shadow(0 0 6px currentColor); }
body[data-skin="neon"] [data-theme="dark"] .rt-bar rect { filter: saturate(1.5) drop-shadow(0 0 8px rgba(34,211,238,.28)); }

/* le mouvement en moins pour qui le demande */
@media (prefers-reduced-motion: reduce) {
  body[data-skin="neon"] [data-theme="dark"]::before { animation: none; }
  body[data-skin="neon"] [data-theme="dark"] .hud-corners::before,
  body[data-skin="neon"] [data-theme="dark"] .hud-corners::after { animation: none; }
}