/* ASPIC — backoffice.css (11 septembre 2026)
   Coquille visuelle commune à toutes les pages du BackOffice — mécanique
   interne jamais destinée à l'utilisateur final (identités des
   collaborateurs, compétences, missions-types...). Esprit "terminal" choisi
   par Jean-Marc plutôt qu'un habillage soigné, même famille que
   contact_ia_test.html/mission_test.html — pas de polish graphique tant que
   les fonctionnalités elles-mêmes ne sont pas stabilisées.
   Layout : colonne de menu à gauche (#bo-menu), contenu à droite
   (#bo-contenu), barre logo/version en bas (#bo-pied) — reprend le motif
   déjà en place sur ecran_fond.html (#statut-version-bloc/#marque-aspic)
   pour rester dans "l'esprit de l'application principale" (demande de
   Jean-Marc), simplement ancrée en bas de page plutôt qu'en overlay sur une
   photo. */
*{box-sizing:border-box;}
html,body{margin:0;padding:0;height:100%;background:#0a0a0a;color:#ddd;
  font-family:"Segoe UI","Arial",sans-serif;}
#bo-cadre{display:flex;flex-direction:column;height:100vh;}
#bo-corps{flex:1;display:flex;min-height:0;}

#bo-menu{width:220px;flex:0 0 220px;background:#111;border-right:1px solid #2a2a2a;
  padding:18px 0;overflow-y:auto;}
#bo-menu .titre-bo{font-size:12px;color:#666;text-transform:uppercase;
  letter-spacing:.08em;padding:0 18px 14px;border-bottom:1px solid #222;margin-bottom:10px;}
#bo-menu a{display:block;padding:10px 18px;color:#bbb;text-decoration:none;
  font-size:13px;border-left:3px solid transparent;}
#bo-menu a:hover{background:#1a1a1a;color:#fff;}
#bo-menu a.actif{background:#1a1a1a;color:#bdf7bd;border-left-color:#3a6d3a;}

#bo-contenu{flex:1;min-width:0;overflow-y:auto;padding:22px 28px;}
#bo-contenu h1{font-size:16px;color:#ccc;font-weight:normal;margin:0 0 4px;}
#bo-contenu .sous-titre{font-size:12px;color:#666;margin:0 0 20px;}

#bo-pied{flex:0 0 auto;display:flex;align-items:center;justify-content:center;
  gap:8px;padding:8px 0;background:#111;border-top:1px solid #222;
  font-size:12px;color:#777;}
#bo-pied img{width:18px;height:18px;border-radius:3px;}
#bo-pied .A{color:#e14a5c;font-weight:700;}
#bo-pied .rest{font-weight:700;color:#aaa;}
#bo-pied #bo-version{color:#666;margin-left:4px;}

/* Terminal-esque, réutilisé sur chaque page BO pour les zones de saisie. */
textarea, input, select{font:inherit;font-size:13px;background:#000;color:#eee;
  border:1px solid #444;border-radius:4px;padding:7px 9px;}
textarea{font-family:"Courier New",Consolas,monospace;}
button{font:inherit;font-size:13px;background:#1a1a1a;color:#ccc;
  border:1px solid #444;border-radius:5px;padding:7px 16px;cursor:pointer;}
button.principal{background:#2a4d2a;color:#bdf7bd;border-color:#3a6d3a;}
button.danger{background:#4d2a2a;color:#f7bdbd;border-color:#6d3a3a;}
button:disabled{opacity:.4;cursor:default;}