/* Bandeau commun à toutes les pages du back office.
   Volontairement séparé de style.css : la page Documents a son propre design
   et ne charge que ce fichier, pour éviter que les styles génériques
   (input, table, label…) ne viennent écraser ceux de l'éditeur. */

:root{
  --bg:#0e0e0e;
  --panel:#171a21;
  --panel-2:#1e222b;
  --border:#2a2f3a;
  --text:#e9ebf0;
  --text-dim:#9aa1ae;
  --accent:#f2a93b;
  --danger:#e2574c;
  --ok:#4caf7d;
}
:root[data-theme="light"]{
  --bg:#f3f4f7;
  --panel:#ffffff;
  --panel-2:#ffffff;
  --border:#dde1e8;
  --text:#1b1e24;
  --text-dim:#6b7280;
  --accent:#e08c12;
}

*{box-sizing:border-box;}
html,body{margin:0;}
body{
  font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  background:var(--bg);
  color:var(--text);
}

body > header{
  display:flex; align-items:center; gap:.8rem;
  padding:.7rem 1.2rem;
  background:var(--panel);
  border-bottom:1px solid var(--border);
  flex-shrink:0;
}
/* Couleur explicite : la page Documents redéfinit la couleur du texte du body,
   le nom deviendrait illisible sur le bandeau sombre. */
body > header .brand{
  display:flex; align-items:center; gap:.55rem;
  font-weight:650; font-size:.95rem; color:var(--text); text-decoration:none;
}
body > header .brand:hover{ color:var(--text); }
body > header .brand span{ text-transform:lowercase; letter-spacing:.03em; }
body > header .brand img{ width:30px; height:30px; border-radius:7px; object-fit:cover; }
body > header .spacer{ flex:1; }
body > header a{ color:var(--text-dim); text-decoration:none; font-size:.85rem; }
body > header a:hover{ color:var(--text); }
body > header .user{ color:var(--text-dim); font-size:.85rem; }
body > header .user-avatar{
  width:28px; height:28px; border-radius:50%; object-fit:cover;
  flex-shrink:0; border:1px solid var(--border);
}

body > header .theme-toggle{
  width:32px; height:32px; border-radius:50%;
  border:1px solid var(--border); background:var(--panel-2);
  color:var(--text); cursor:pointer; font-size:.9rem;
  display:flex; align-items:center; justify-content:center;
  flex-shrink:0;
}