/* ============================================================
   APP 0.6.7.5 — Notions + navbar thématique en mode Cockpit SF
   ============================================================ */

/* ---------- Accents SF par univers ---------- */
body.visual-mode-immersive.universe-science{
  --ui-accent:#59e7ff;--ui-accent-rgb:89,231,255;
  --ui-accent-2:#778cff;--ui-accent-2-rgb:119,140,255;
  --hud-accent:#59e7ff;--hud-accent-rgb:89,231,255;
  --hud-accent-2:#778cff;--hud-accent-2-rgb:119,140,255;
}
body.visual-mode-immersive.universe-bio{
  --ui-accent:#6ef0b0;--ui-accent-rgb:110,240,176;
  --ui-accent-2:#b9e875;--ui-accent-2-rgb:185,232,117;
  --hud-accent:#6ef0b0;--hud-accent-rgb:110,240,176;
  --hud-accent-2:#b9e875;--hud-accent-2-rgb:185,232,117;
}
body.visual-mode-immersive.universe-languages{
  --ui-accent:#d6a0ff;--ui-accent-rgb:214,160,255;
  --ui-accent-2:#ffaf7b;--ui-accent-2-rgb:255,175,123;
  --hud-accent:#d6a0ff;--hud-accent-rgb:214,160,255;
  --hud-accent-2:#ffaf7b;--hud-accent-2-rgb:255,175,123;
}
body.visual-mode-immersive.universe-human{
  --ui-accent:#74d9df;--ui-accent-rgb:116,217,223;
  --ui-accent-2:#e9b96f;--ui-accent-2-rgb:233,185,111;
  --hud-accent:#74d9df;--hud-accent-rgb:116,217,223;
  --hud-accent-2:#e9b96f;--hud-accent-2-rgb:233,185,111;
}
body.visual-mode-immersive.universe-arts{
  --ui-accent:#d99aff;--ui-accent-rgb:217,154,255;
  --ui-accent-2:#ff7fc5;--ui-accent-2-rgb:255,127,197;
  --hud-accent:#d99aff;--hud-accent-rgb:217,154,255;
  --hud-accent-2:#ff7fc5;--hud-accent-2-rgb:255,127,197;
}
body.visual-mode-immersive.universe-methods{
  --ui-accent:#64e0d3;--ui-accent-rgb:100,224,211;
  --ui-accent-2:#8fb7ff;--ui-accent-2-rgb:143,183,255;
  --hud-accent:#64e0d3;--hud-accent-rgb:100,224,211;
  --hud-accent-2:#8fb7ff;--hud-accent-2-rgb:143,183,255;
}

/* ---------- Navbar SF : même famille chromatique que le contenu ---------- */
body.visual-mode-immersive .lab-navbar{
  background:
    radial-gradient(circle at 22% 0,rgba(var(--ui-accent-rgb),.11),transparent 26%),
    radial-gradient(circle at 78% 0,rgba(var(--ui-accent-2-rgb),.075),transparent 29%),
    linear-gradient(90deg,rgba(2,8,18,.97),rgba(5,16,30,.93) 52%,rgba(2,8,18,.97))!important;
  border-bottom:1px solid rgba(var(--ui-accent-rgb),.25)!important;
  box-shadow:
    0 12px 32px rgba(0,0,0,.30),
    0 1px 0 rgba(var(--ui-accent-rgb),.07)!important;
  backdrop-filter:blur(18px) saturate(145%);
}
body.visual-mode-immersive .lab-navbar .navbar-brand{
  color:#f4fbff!important;
  text-shadow:0 0 22px rgba(var(--ui-accent-rgb),.13);
}
body.visual-mode-immersive .lab-navbar .nav-link{
  color:#b9cddb!important;
}
body.visual-mode-immersive .lab-navbar .nav-link:hover{
  color:#fff!important;
  background:rgba(var(--ui-accent-rgb),.055);
  border-radius:.65rem;
}
body.visual-mode-immersive .lab-navbar .nav-link.active{
  color:#fff!important;
  background:
    linear-gradient(135deg,rgba(var(--ui-accent-rgb),.17),rgba(var(--ui-accent-2-rgb),.10))!important;
  box-shadow:
    inset 0 0 0 1px rgba(var(--ui-accent-rgb),.17),
    0 0 22px rgba(var(--ui-accent-rgb),.045);
  border-radius:.65rem;
}
body.visual-mode-immersive .lab-navbar .btn-outline-light{
  color:#e8f9ff!important;
  border-color:rgba(var(--ui-accent-rgb),.34)!important;
  background:rgba(4,15,29,.48)!important;
}
body.visual-mode-immersive .lab-navbar .btn-outline-light:hover{
  color:#fff!important;
  border-color:rgba(var(--ui-accent-rgb),.60)!important;
  background:rgba(var(--ui-accent-rgb),.11)!important;
}

/* ---------- Fiche notion : supprimer définitivement les panneaux clairs ---------- */
body.visual-mode-immersive.page-notion .notion-hero,
body.visual-mode-immersive.page-notion .notion-hero-content,
body.visual-mode-immersive.page-notion .notion-main-panel,
body.visual-mode-immersive.page-notion .notion-missions-section,
body.visual-mode-immersive.page-notion .notion-empty-state{
  color:var(--ui-text)!important;
  background:
    radial-gradient(circle at 100% 0,rgba(var(--ui-accent-rgb),.105),transparent 31%),
    linear-gradient(145deg,rgba(8,22,40,.75),rgba(3,12,25,.63))!important;
  border:1px solid rgba(var(--ui-accent-rgb),.24)!important;
  box-shadow:
    0 22px 64px rgba(0,0,0,.31),
    inset 0 1px 0 rgba(255,255,255,.025)!important;
  backdrop-filter:blur(16px) saturate(128%);
}

/* Évite un double cadre si notion-hero-content est interne au hero. */
body.visual-mode-immersive.page-notion .notion-hero-content{
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
  backdrop-filter:none!important;
}

body.visual-mode-immersive.page-notion .notion-hero h1,
body.visual-mode-immersive.page-notion .notion-main-panel h1,
body.visual-mode-immersive.page-notion .notion-main-panel h2,
body.visual-mode-immersive.page-notion .notion-main-panel h3{
  color:#f5fbff!important;
}
body.visual-mode-immersive.page-notion .notion-hero .lead{
  color:#b7ccda!important;
}
body.visual-mode-immersive.page-notion .notion-depth{
  color:#bed0dc!important;
}
body.visual-mode-immersive.page-notion .notion-depth-label,
body.visual-mode-immersive.page-notion .kicker,
body.visual-mode-immersive.page-notion .notion-section-title{
  color:var(--ui-accent)!important;
}

/* Badges de thème : teinte de l'univers courant. */
body.visual-mode-immersive.page-notion .notion-domain-badge,
body.visual-mode-immersive.page-notion .notion-type-badge{
  color:#f5edff!important;
  background:rgba(var(--ui-accent-rgb),.11)!important;
  border:1px solid rgba(var(--ui-accent-rgb),.30)!important;
  box-shadow:inset 0 0 18px rgba(var(--ui-accent-rgb),.025);
}

/* Section missions / état vide. */
body.visual-mode-immersive.page-notion .notion-missions-section{
  padding:1rem;
  border-radius:1rem;
}
body.visual-mode-immersive.page-notion .notion-empty-state{
  padding:1rem 1.1rem;
  border-style:dashed!important;
  box-shadow:none!important;
}
body.visual-mode-immersive.page-notion .notion-empty-state p{
  color:#b9ceda!important;
}
body.visual-mode-immersive.page-notion .notion-empty-icon{
  filter:drop-shadow(0 0 12px rgba(var(--ui-accent-rgb),.17));
}

/* Accordéons A→E : boutons et corps dans le cockpit. */
body.visual-mode-immersive.page-notion .accordion-item{
  background:rgba(5,16,31,.68)!important;
  border:1px solid rgba(var(--ui-accent-rgb),.19)!important;
}
body.visual-mode-immersive.page-notion .accordion-button,
body.visual-mode-immersive.page-notion .accordion-button:not(.collapsed){
  color:#effaff!important;
  background:
    linear-gradient(100deg,rgba(var(--ui-accent-rgb),.09),rgba(5,17,31,.72))!important;
  box-shadow:none!important;
}
body.visual-mode-immersive.page-notion .accordion-button::after{
  filter:invert(1) brightness(1.8);
}
body.visual-mode-immersive.page-notion .theory-card{
  color:#d9eaf3!important;
  background:rgba(4,14,28,.62)!important;
}
body.visual-mode-immersive.page-notion .theory-level{
  color:var(--ui-accent)!important;
}

/* Cartes latérales : même accent que la matière. */
body.visual-mode-immersive.page-notion .notion-mastery-card,
body.visual-mode-immersive.page-notion .notion-related-card{
  border-color:rgba(var(--ui-accent-rgb),.29)!important;
}
body.visual-mode-immersive.page-notion .notion-side-icon{
  background:rgba(var(--ui-accent-rgb),.11)!important;
  border:1px solid rgba(var(--ui-accent-rgb),.22);
}
body.visual-mode-immersive.page-notion .notion-side-heading h2{
  color:#f4fbff!important;
}

/* Liens de notions reliées. */
body.visual-mode-immersive.page-notion .notion-chip{
  color:#dff7ff!important;
  background:rgba(var(--ui-accent-rgb),.075)!important;
  border:1px solid rgba(var(--ui-accent-rgb),.18)!important;
}
body.visual-mode-immersive.page-notion .notion-chip:hover{
  color:#fff!important;
  border-color:rgba(var(--ui-accent-rgb),.42)!important;
  background:rgba(var(--ui-accent-rgb),.13)!important;
}

/* ---------- Index notions.php ---------- */
body.visual-mode-immersive.page-notions .notion-card{
  --notion-card-accent:99,230,255;
  color:var(--ui-text)!important;
  background:
    radial-gradient(circle at 100% 0,rgba(var(--notion-card-accent),.09),transparent 31%),
    linear-gradient(145deg,rgba(8,22,40,.72),rgba(3,12,25,.61))!important;
  border:1px solid rgba(var(--notion-card-accent),.22)!important;
  box-shadow:0 20px 58px rgba(0,0,0,.29)!important;
}
body.visual-mode-immersive.page-notions .notion-card.universe-science{--notion-card-accent:89,231,255}
body.visual-mode-immersive.page-notions .notion-card.universe-bio{--notion-card-accent:110,240,176}
body.visual-mode-immersive.page-notions .notion-card.universe-languages{--notion-card-accent:214,160,255}
body.visual-mode-immersive.page-notions .notion-card.universe-human{--notion-card-accent:233,185,111}
body.visual-mode-immersive.page-notions .notion-card.universe-arts{--notion-card-accent:217,154,255}
body.visual-mode-immersive.page-notions .notion-card.universe-methods{--notion-card-accent:100,224,211}

body.visual-mode-immersive.page-notions .notion-card h2 a{
  color:#f4fbff!important;
}
body.visual-mode-immersive.page-notions .notion-card p{
  color:#b8ceda!important;
}
body.visual-mode-immersive.page-notions .notion-card .small.text-secondary{
  color:#91adbf!important;
}
body.visual-mode-immersive.page-notions .notion-card:hover{
  transform:translateY(-2px);
  border-color:rgba(var(--notion-card-accent),.42)!important;
  box-shadow:
    0 26px 70px rgba(0,0,0,.34),
    0 0 26px rgba(var(--notion-card-accent),.05)!important;
}

/* Filtre notions : vrai écran cockpit. */
body.visual-mode-immersive.page-notions form.card{
  background:
    linear-gradient(145deg,rgba(7,20,37,.76),rgba(3,12,25,.64))!important;
  border-color:rgba(var(--ui-accent-rgb),.22)!important;
}

/* Modes clair et Spectrum : aucun changement structurel. */