/* superadmin.css (PORTAIL) — P1-6, 4 oct. 2026. Couleurs Tomate + prune douce : ⚠ valeurs recopiées de
   pb_public/scorta-d.css (deux PocketBase ne partagent pas de fichiers). Police système (la CSP du superadmin
   n'autorise que les fichiers du portail). */
:root{
  color-scheme:light;
  --fond:#FBF6EE; --carte:#FFFFFF; --creux:#F3ECE0; --trait:#E8DFD1;
  --texte:#3A2F33; --gris:#6B6367; --vif:#F27046; --sur-vif:#2A2326; --ember:#B5401E;
  --ok:#2F7A45; --ok-doux:#E3EFE5; --att:#8A5A0B; --att-doux:#F5EBD6; --ko:#B5401E; --ko-doux:#FBE4DC;
  --r:18px; --rs:12px; --tap:44px;
}
@media (prefers-color-scheme: dark){
  :root{
    color-scheme:dark;
    --fond:#2A2326; --carte:#352D31; --creux:#453B40; --trait:#4E4449;
    --texte:#F7F0E8; --gris:#C2B9BD; --vif:#FF8A62; --sur-vif:#2A2326; --ember:#E0613F;
    --ok:#7CC08A; --ok-doux:#2C3A2F; --att:#E8B660; --att-doux:#3E3424; --ko:#FF8A62; --ko-doux:#4A3330;
  }
}
*{ box-sizing:border-box; }
body{ margin:0; background:var(--fond); color:var(--texte); font:15px/1.45 system-ui,-apple-system,"Segoe UI",sans-serif; -webkit-font-smoothing:antialiased; }
button, input{ font:inherit; color:inherit; }
:focus-visible{ outline:2px solid var(--vif); outline-offset:2px; }
.page{ max-width:820px; margin:0 auto; padding:18px 16px 60px; }
header{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:14px; }
header h1{ margin:0; font-size:21px; letter-spacing:-.01em; }
header .qui{ margin-left:auto; color:var(--gris); font-size:13px; }
.carte{ background:var(--carte); border:1px solid var(--trait); border-radius:var(--r); padding:16px; margin-bottom:12px; }
.connexion{ max-width:420px; margin:10vh auto 0; }
.connexion h1{ font-size:20px; margin:0 0 4px; }
.connexion p{ color:var(--gris); margin:0 0 14px; font-size:14px; }
label{ display:block; font-size:13px; font-weight:600; margin:10px 0 4px; }
input{ width:100%; min-height:var(--tap); padding:0 12px; border-radius:var(--rs); border:1px solid var(--trait); background:var(--creux); font-size:16px; }
.code{ letter-spacing:6px; font-size:22px; text-align:center; font-variant-numeric:tabular-nums; }
.btn{ min-height:var(--tap); padding:0 16px; border-radius:var(--rs); border:1px solid var(--trait); background:var(--carte); font-weight:600; cursor:pointer; }
.btn.principal{ background:var(--vif); color:var(--sur-vif); border-color:var(--vif); }
.btn.lien{ display:inline-flex; align-items:center; text-decoration:none; color:var(--sur-vif); background:var(--vif); border-color:var(--vif); }
.btn:disabled{ opacity:.5; cursor:default; }
.btn.discret{ min-height:36px; font-weight:500; color:var(--gris); }
.plein{ width:100%; margin-top:14px; }
.msg{ margin-top:12px; padding:10px 12px; border-radius:var(--rs); font-size:14px; }
.msg.ko{ background:var(--ko-doux); color:var(--ko); }
.msg.att{ background:var(--att-doux); color:var(--att); }
.msg.ok{ background:var(--ok-doux); color:var(--ok); }
.client h2{ margin:0; font-size:17px; }
.client .l1{ display:flex; align-items:baseline; gap:10px; flex-wrap:wrap; }
.client .slug{ color:var(--gris); font-size:13px; }
.client .l1 a{ color:var(--ember); font-size:13px; margin-left:auto; }
.puces{ display:flex; flex-wrap:wrap; gap:6px; margin:10px 0 0; }
.puce{ font-size:12.5px; padding:3px 9px; border-radius:99px; background:var(--creux); color:var(--gris); }
.puce.ok{ background:var(--ok-doux); color:var(--ok); }
.puce.att{ background:var(--att-doux); color:var(--att); }
.puce.ko{ background:var(--ko-doux); color:var(--ko); }
dl{ display:grid; grid-template-columns:auto 1fr; gap:4px 12px; margin:12px 0 0; font-size:13.5px; }
dt{ color:var(--gris); }
dd{ margin:0; min-width:0; overflow-wrap:anywhere; }
.actions{ display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; align-items:center; }
.actions .aide{ flex-basis:100%; font-size:13px; color:var(--gris); margin:0; }
.vide{ color:var(--gris); text-align:center; padding:24px; }