diff --git a/static/css/style.css b/static/css/style.css
index fc75eeb..ce2e32b 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -1298,11 +1298,13 @@ body.sidebar-collapsed .side-search { margin-left: 0; }
 body.nav-closed-principal [data-group="principal"] .side-acc,
 body.nav-closed-rituels [data-group="rituels"] .side-acc,
 body.nav-closed-pilotage [data-group="pilotage"] .side-acc,
-body.nav-closed-outils [data-group="outils"] .side-acc { grid-template-rows: 0fr; }
+body.nav-closed-outils [data-group="outils"] .side-acc,
+body.nav-closed-admin [data-group="admin"] .side-acc { grid-template-rows: 0fr; }
 body.nav-closed-principal [data-group="principal"] .side-chevron,
 body.nav-closed-rituels [data-group="rituels"] .side-chevron,
 body.nav-closed-pilotage [data-group="pilotage"] .side-chevron,
-body.nav-closed-outils [data-group="outils"] .side-chevron { transform: rotate(-90deg); }
+body.nav-closed-outils [data-group="outils"] .side-chevron,
+body.nav-closed-admin [data-group="admin"] .side-chevron { transform: rotate(-90deg); }
 @media (min-width: 901px) {
     /* Rail replié : pas d'accordéon, toutes les icônes visibles. */
     body.sidebar-collapsed .side-acc { grid-template-rows: 1fr !important; }
@@ -1791,3 +1793,36 @@ body.sidebar-collapsed .ws-switch { display: none; }
 .ms-form input:focus, .ms-form textarea:focus { outline: none; border-color: var(--accent); }
 .ms-hint { color: var(--muted, #a6aba2); font-size: 0.78rem; }
 .ms-form-actions { display: flex; gap: 8px; }
+
+/* ── Thème clair (#52) : jetons draco-barre (clair par défaut).
+   html[data-theme="light"] prime sur le :root sombre et sur le
+   prefers-color-scheme de la barre Fusion. Le sombre reste le
+   défaut (les gabarits portent data-theme="dark", le JS du
+   thème ne bascule que sur choix mémorisé). */
+html[data-theme="light"] {
+    --bg: #f2f2f0; --surface: #ffffff; --surface-2: #e9eae6; --surface-3: #f6f6f3;
+    --border: #dedfd9; --border-strong: #c9cbc2;
+    --text: #1b1d1a; --text-2: #5c615a; --text-3: #787d75;
+    --accent: #c2437e; --accent-2: #a92e63;
+    --shadow: 0 8px 28px rgba(0, 0, 0, 0.12);
+    --shadow-sm: 0 2px 10px rgba(0, 0, 0, 0.08);
+    color-scheme: light;
+}
+html[data-theme="light"] .sidebar { background: rgba(255, 255, 255, 0.96); }
+html[data-theme="light"] .app-header { background: rgba(255, 255, 255, 0.85); }
+/* Lien actif de la barre latérale : fond rose translucide sur
+   fond clair — le texte blanc du thème sombre y serait illisible. */
+html[data-theme="light"] .side-link.active { color: #1b1d1a; }
+/* Menu ⋯ des tuiles : jetons clairs explicites, pour primer sur
+   le prefers-color-scheme sombre du système. */
+html[data-theme="light"] .card-menu {
+    --menu-bg: #ffffff; --menu-bg-2: #e9eae6; --menu-ink: #1b1d1a;
+    --menu-ink-2: #5c615a; --menu-line: #dedfd9;
+}
+/* Barre Fusion : jetons clairs explicites, pour primer sur son
+   @media (prefers-color-scheme: dark). Le panneau Spark suit
+   via son MutationObserver sur data-theme (draco-panneau.js). */
+html[data-theme="light"] .draco-bar {
+    --bg: #f2f2f0; --surface: #ffffff; --surface-2: #e9eae6; --surface-3: #f6f6f3;
+    --ink: #1b1d1a; --ink-2: #5c615a; --ink-3: #787d75; --line: #dedfd9;
+}