/* Thème clair unique, par choix. Les couleurs --primaire, --primaire-2, --accent et
   --accent-texte sont injectées depuis le paramétrage de l'instance (voir base.html). */
:root{
  --primaire:#1F3A5F; --primaire-2:#2D4F7C; --accent:#2A9D8F; --accent-texte:#1E7268; --orange:#E8620F;
  --encre:#14233F; --gris:#56637A; --ligne:#D7DEE7; --fond:#FFFFFF; --doux:#F1F4F8; --ciel:#EEF3F9;
  --ok:#2E8B57; --alerte:#B7791F; --erreur:#B3261E;
  --f-titre:"Barlow Condensed",system-ui,sans-serif; --f-texte:"Barlow",system-ui,-apple-system,"Segoe UI",sans-serif; --f-mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--fond);color:var(--encre);font:400 15px/1.45 var(--f-texte)}
button,input,select{font:inherit;color:inherit}
a{color:var(--primaire)}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.coque{display:grid;grid-template-rows:auto 1fr;height:100%}
.barre{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:var(--primaire);color:#fff;border-bottom:4px solid var(--accent);padding:11px max(16px,env(safe-area-inset-right,0px)) 11px max(16px,env(safe-area-inset-left,0px))}
.marque{font:700 21px var(--f-titre);color:#fff;text-decoration:none}
.marque{display:inline-flex;align-items:center;gap:8px}
.marque .logo{height:28px;width:auto;display:block}
.marque span{font:500 12px var(--f-mono);color:var(--accent);letter-spacing:.7px;text-transform:uppercase;margin-left:8px}
.barre nav{display:flex;gap:4px;margin-left:auto;flex-wrap:wrap;align-items:center}
.barre nav a,.barre nav button{font:600 15px var(--f-titre);color:rgba(255,255,255,.78);text-decoration:none;padding:6px 11px;border-radius:4px;background:none;border:0;cursor:pointer}
.barre nav a:hover,.barre nav button:hover{color:#fff}
.barre nav a[aria-current="page"]{color:#fff;background:var(--primaire-2);box-shadow:inset 0 -3px 0 var(--accent)}
.vue{overflow:auto;min-height:0}
.pad{padding:24px max(16px,env(safe-area-inset-right,0px)) 40px max(16px,env(safe-area-inset-left,0px));max-width:1320px;margin:0 auto}
h1{font:700 38px/1.03 var(--f-titre);margin:0 0 6px;text-wrap:balance}
h2{font:700 24px/1.1 var(--f-titre);margin:0 0 10px}
.sur-titre{font:500 12px var(--f-mono);letter-spacing:.8px;text-transform:uppercase;color:var(--accent-texte);margin:0 0 6px}
.chapo{color:var(--gris);margin:0 0 20px;max-width:70ch}
.muted{color:var(--gris)}
.num{font-variant-numeric:tabular-nums}
.bouton{display:inline-block;font:600 14px var(--f-texte);background:var(--accent);color:#fff;border:0;border-radius:999px;padding:8px 16px;cursor:pointer;text-decoration:none}
.bouton.contour{background:none;color:var(--primaire);border:1px solid var(--primaire)}
.pastille{display:inline-flex;align-items:center;gap:6px;font:600 12px var(--f-texte);padding:2px 9px;border-radius:999px;border:1px solid currentColor;white-space:nowrap}
.pastille i{width:7px;height:7px;border-radius:50%;background:currentColor}
.st-exploitation{color:var(--ok)} .st-construction{color:var(--orange)} .st-projet{color:var(--primaire)}
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 20px}
.kpi{border:1px solid var(--ligne);border-top:4px solid var(--primaire);border-radius:6px;padding:12px 14px}
.kpi .v{font:700 30px/1 var(--f-titre);font-variant-numeric:tabular-nums}
.kpi .l{color:var(--gris);font-size:13px;margin-top:4px}
.reseau{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;align-items:start}
.carte-bloc{min-width:0}
.carte{height:480px;border:1px solid var(--ligne);border-radius:6px;background:var(--doux);z-index:0}
.carte .leaflet-tile-pane{filter:saturate(.55) brightness(1.04)}
.carte .pop{display:grid;gap:3px;font:14px var(--f-texte, inherit)}
.carte .pop b{font-size:15px;color:var(--encre)}
.carte .pop span{color:var(--gris)}
.carte .pop a{color:var(--accent-texte);font-weight:600;margin-top:4px}
.carte-pied{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:10px;font-size:13px;color:var(--gris)}
.carte-pied .leg{display:inline-flex;align-items:center;gap:6px}
.carte-pied .leg i{width:11px;height:11px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--ligne)}
.p-exploitation{background:var(--ok)} .p-construction{background:var(--orange)} .p-projet{background:var(--primaire)}
.carte-pied .b-ajout{margin-left:auto}
.liste{display:grid;gap:10px}
.site{display:grid;grid-template-columns:1fr auto;gap:4px 12px;border:1px solid var(--ligne);border-left:4px solid var(--ligne);border-radius:6px;padding:12px 14px;text-decoration:none;color:inherit}
.site:hover{border-color:var(--primaire)}
.site.s-exploitation{border-left-color:var(--ok)}.site.s-construction{border-left-color:var(--orange)}.site.s-projet{border-left-color:var(--primaire)}
.site h3{margin:0;font:600 19px var(--f-titre)}
.site .meta{grid-column:1/-1;color:var(--gris);font-size:13.5px}
.tag3d{font:500 11px var(--f-mono);color:var(--accent-texte)}
/* vue site */
.vsite{display:grid;grid-template-columns:400px 1fr;height:100%;min-height:0}
.panneau{border-right:1px solid var(--ligne);overflow-y:auto;padding:18px 18px 28px;min-width:0}
.scene{position:relative;min-width:0;background:var(--ciel)}
#gl{position:absolute;inset:0}
.ov{position:absolute;left:14px;top:14px;right:14px;display:flex;gap:6px;flex-wrap:wrap}
.menu{position:relative}
.menu>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--ligne);border-radius:6px;padding:8px 12px;font-weight:600;box-shadow:0 2px 8px rgba(20,35,63,.08)}
.menu>summary::-webkit-details-marker{display:none}
.menu>summary::after{content:"";width:7px;height:7px;border-right:2px solid var(--primaire);border-bottom:2px solid var(--primaire);transform:rotate(45deg) translateY(-2px);margin-left:4px}
.menu[open]>summary::after{transform:rotate(-135deg) translateY(-1px)}
.menu-l{font:500 12px var(--f-mono);letter-spacing:.6px;text-transform:uppercase;color:var(--gris)}
.menu-liste{position:absolute;top:calc(100% + 6px);left:0;min-width:240px;background:#fff;border:1px solid var(--ligne);border-radius:6px;box-shadow:0 10px 30px rgba(20,35,63,.16);padding:6px;display:grid;z-index:5}
.menu-titre{margin:8px 8px 4px;font:500 11.5px var(--f-mono);letter-spacing:.6px;text-transform:uppercase;color:var(--gris)}
.menu-liste button{text-align:left;border:0;background:none;padding:8px 10px;border-radius:4px;cursor:pointer;font-weight:500}
.menu-liste button:hover,.menu-liste label:hover{background:var(--doux)}
.menu-liste button[aria-pressed="true"]{color:var(--primaire);font-weight:700;box-shadow:inset 3px 0 0 var(--accent)}
.menu-liste label{display:flex;gap:8px;align-items:center;padding:7px 10px;border-radius:4px;cursor:pointer}
.legende{position:absolute;left:14px;bottom:14px;max-width:calc(100% - 28px);display:flex;gap:12px;flex-wrap:wrap;background:rgba(255,255,255,.94);border:1px solid var(--ligne);border-radius:6px;padding:7px 11px;font-size:13px}
.legende span{display:inline-flex;align-items:center;gap:6px}
.pave{width:12px;height:12px;border-radius:2px;display:inline-block;flex:none}
#selection{position:absolute;right:14px;bottom:14px;max-width:300px;background:#fff;border:1px solid var(--ligne);border-radius:6px;padding:11px 13px;font-size:13.5px}
#selection b{display:block;font:500 15px var(--f-mono);margin-bottom:4px}
/* Panneau latéral repliable */
.vsite.replie{grid-template-columns:52px 1fr}
.vsite.replie .panneau{padding:12px 8px;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:16px}
.p-deplier,.p-replier{flex:none;width:34px;height:34px;border-radius:50%;border:1px solid var(--ligne);background:var(--fond);font:600 20px/1 var(--f-texte);color:var(--primaire);cursor:pointer;display:grid;place-items:center}
.p-deplier:hover,.p-replier:hover{border-color:var(--primaire)}
.p-vertical{writing-mode:vertical-rl;transform:rotate(180deg);font:700 16px var(--f-titre);color:var(--primaire);white-space:nowrap}
.p-entete{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid var(--ligne)}
.p-entete h1{font-size:30px;margin:0 0 4px}
.p-meta{margin:0;color:var(--gris);font-size:13.5px}
.p-bloc{padding:16px 0;border-bottom:1px solid var(--ligne)}
.p-bloc h2{font:700 13px var(--f-mono);letter-spacing:.8px;text-transform:uppercase;color:var(--gris);margin:0 0 10px}
.p-tuiles{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.p-tuile{display:grid;gap:2px;background:var(--doux);border-radius:6px;padding:10px 12px}
.t-l{font-size:12.5px;color:var(--gris)}
.t-v{font:700 28px/1.05 var(--f-titre);font-variant-numeric:tabular-nums;color:var(--primaire)}
.t-u{font-size:12.5px;color:var(--gris)}
.jauge{display:block;height:5px;background:var(--ligne);border-radius:3px;overflow:hidden;margin-top:6px}
.jauge i{display:block;height:100%;background:var(--accent)}
.p-clients{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.p-clients li{display:grid;grid-template-columns:12px 1fr auto;gap:2px 10px;align-items:center}
.c-nom,.c-val,.m-client,.m-val{display:grid;line-height:1.25}
.c-nom{font-weight:600}.c-val{text-align:right;font:600 15px var(--f-titre);font-variant-numeric:tabular-nums}
.c-nom small,.c-val small,.m-client small,.m-val small{font:400 12px var(--f-texte);color:var(--gris)}
.c-barre{grid-column:2/4;margin-top:2px}
.p-batiment{margin-bottom:8px}
.p-batiment>summary{display:flex;justify-content:space-between;gap:8px;cursor:pointer;font-weight:600;padding:6px 0;font-size:14px}
.mod{border:1px solid var(--ligne);border-radius:6px;margin-top:6px;background:var(--fond)}
.mod[open]{border-color:var(--primaire)}
.mod>summary{display:grid;grid-template-columns:34px 12px 1fr auto;gap:10px;align-items:center;padding:8px 10px;cursor:pointer;list-style:none}
.mod>summary::-webkit-details-marker{display:none}
.mod>summary b{font:700 17px var(--f-titre)}
.m-client{font-weight:600;min-width:0}.m-val{text-align:right;font:600 15px var(--f-titre);font-variant-numeric:tabular-nums}
.m-edit{display:grid;grid-template-columns:1fr 1fr;gap:8px 10px;padding:4px 10px 12px;border-top:1px solid var(--ligne)}
.m-edit label{display:grid;gap:3px;font-size:12.5px;color:var(--gris)}
.m-edit select,.m-edit input[type=text]{width:100%;min-width:0;border:1px solid var(--ligne);background:var(--fond);border-radius:4px;padding:5px 7px;font-size:14px;color:var(--encre)}
.m-edit .e-ligne{grid-column:1/-1;display:flex;align-items:center;gap:8px;font-size:13px}
.m-edit .e-ligne input[type=range]{flex:1}
.src{grid-column:1/-1;margin:0;font:400 11.5px var(--f-mono);color:var(--gris)}
.r-grille{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.r-titre{display:flex;justify-content:space-between;margin:0 0 6px;font-weight:600;font-size:14px}
.r-titre span{font:700 16px var(--f-titre);color:var(--primaire)}
.r-col ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.r-col li{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:13px}
.r-col li span{display:grid;line-height:1.2;min-width:0}
.r-col li small{color:var(--gris);font-size:11.5px}
.r-col input{width:56px;border:1px solid var(--ligne);border-radius:4px;padding:3px 5px;text-align:right;font:inherit;font-variant-numeric:tabular-nums}
.r-lien{margin:10px 0 0;font-size:13px}
.p-option{display:flex;gap:8px;align-items:center;padding:14px 0 4px;font-size:14px}
.etat{font-size:13px;margin-top:8px;min-height:1.2em}
.etat.erreur{color:var(--erreur)}
.fiche{display:grid;place-items:center;height:100%;text-align:center;padding:24px}
@media (max-width:980px){
  .reseau{grid-template-columns:1fr}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vsite{grid-template-columns:1fr;grid-template-rows:55% 45%}.vsite.replie{grid-template-columns:1fr;grid-template-rows:1fr 52px}.vsite.replie .panneau{flex-direction:row}.vsite.replie .p-vertical{writing-mode:horizontal-tb;transform:none}.scene{grid-row:1}.panneau{grid-row:2;border-right:0;border-top:1px solid var(--ligne)}
}
@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}
/* Assistant */
.b-assistant{margin-left:auto;background:var(--accent);color:#fff;border:0;border-radius:999px;padding:8px 16px;font-weight:600;cursor:pointer;box-shadow:0 2px 8px rgba(20,35,63,.12)}
.assistant{position:absolute;top:62px;right:14px;bottom:14px;width:min(400px,calc(100% - 28px));background:#fff;border:1px solid var(--ligne);border-radius:8px;box-shadow:0 14px 40px rgba(20,35,63,.2);display:flex;flex-direction:column;z-index:6;overflow:hidden}
.assistant[hidden]{display:none}
.assistant header{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;background:var(--primaire);color:#fff}
.assistant header b{display:block;font:700 18px var(--f-titre)}
.assistant header span{font-size:12px;opacity:.8}
.assistant header button{background:none;border:0;color:#fff;font-size:24px;line-height:1;cursor:pointer}
.a-fil{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px}
.a-intro{margin:0;color:var(--gris);font-size:13.5px}
.a-suggestions{display:grid;gap:6px}
.a-suggestions button{text-align:left;border:1px solid var(--ligne);background:var(--doux);border-radius:6px;padding:8px 10px;cursor:pointer;font-size:13.5px}
.a-suggestions button:hover{border-color:var(--primaire)}
.a-msg{border-radius:8px;padding:9px 12px;font-size:14px;line-height:1.45;max-width:92%}
.a-msg p{margin:0 0 6px}.a-msg p:last-child{margin-bottom:0}
.a-msg ul{margin:4px 0 6px;padding-left:18px}
.a-user{align-self:flex-end;background:var(--primaire);color:#fff}
.a-assistant{align-self:flex-start;background:var(--doux)}
.a-erreur{align-self:flex-start;background:#FDECEA;color:var(--erreur)}
.a-attente{color:var(--gris);font-style:italic}
.a-outils{font:400 11.5px var(--f-mono);color:var(--gris);margin-top:6px!important}
.assistant form{display:flex;gap:8px;padding:10px;border-top:1px solid var(--ligne)}
.assistant textarea{flex:1;resize:none;border:1px solid var(--ligne);border-radius:6px;padding:8px;font:inherit;font-size:14px}
.a-cache{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* --- Connexion -------------------------------------------------------------- */
.connexion{display:grid;place-items:center;padding:48px max(16px,env(safe-area-inset-right,0px)) 48px max(16px,env(safe-area-inset-left,0px));background:linear-gradient(180deg,var(--ciel),var(--fond) 70%)}
.cx-carte{width:100%;max-width:400px;background:var(--fond);border:1px solid var(--ligne);border-top:4px solid var(--accent);border-radius:8px;padding:28px 28px 30px;box-shadow:0 12px 32px rgba(20,35,63,.08)}
.cx-carte h1{font-size:34px}
.cx-carte .chapo{margin-bottom:18px}
.cx-carte form{display:grid;gap:6px}
.cx-carte label{font:600 13px var(--f-texte);color:var(--gris);margin-top:8px}
.cx-carte input{border:1px solid var(--ligne);border-radius:6px;padding:10px 12px;background:var(--fond)}
.cx-carte input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}
.cx-bouton{margin-top:18px;padding:11px 18px;font-size:15px;width:100%;text-align:center}
.cx-erreur{background:#FCEDEC;color:var(--erreur);border-radius:6px;padding:8px 12px;margin:0 0 6px;font-size:14px}

/* --- Paramétrage ------------------------------------------------------------ */
.param{display:grid;grid-template-columns:200px minmax(0,1fr);gap:32px;align-items:start}
.param-menu{display:grid;gap:2px;position:sticky;top:16px}
.param-menu a{padding:8px 12px;border-radius:6px;text-decoration:none;color:var(--encre);font-weight:500}
.param-menu a:hover{background:var(--doux)}
.param-menu a[aria-current="page"]{background:var(--ciel);color:var(--primaire);font-weight:600;box-shadow:inset 3px 0 0 var(--accent)}
.param-contenu{min-width:0;max-width:960px}
.param-tete{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.param-tete h1{margin:0}
.param-message{background:#EAF6EF;color:#1F6B41;border-radius:6px;padding:10px 14px;margin:0 0 16px}
.param-alerte{background:#FCEDEC;color:var(--erreur);border-radius:6px;padding:10px 14px;margin:0 0 16px}
.param-cartes{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.param-carte{display:grid;gap:4px;border:1px solid var(--ligne);border-top:4px solid var(--primaire);border-radius:6px;padding:14px 16px;text-decoration:none;color:var(--encre)}
.param-carte:hover{border-color:var(--accent);border-top-color:var(--accent)}
.param-carte b{font:700 22px var(--f-titre)}
.param-carte span{color:var(--accent-texte);font-weight:600;font-size:14px}
.param-carte em{font-style:normal;color:var(--gris);font-size:13.5px}
.fil{margin:0 0 4px;font-size:13px}.fil a{color:var(--gris)}
.tableau{overflow-x:auto;border:1px solid var(--ligne);border-radius:6px}
.tableau table{width:100%;border-collapse:collapse;font-size:14px}
.tableau th{text-align:left;font:600 12px var(--f-mono);letter-spacing:.5px;text-transform:uppercase;color:var(--gris);background:var(--doux);padding:9px 12px;white-space:nowrap}
.tableau td{padding:10px 12px;border-top:1px solid var(--ligne);vertical-align:top}
.tableau .n{text-align:right}
.tableau td a{text-decoration:none}
.a-faire{color:var(--orange);font-weight:600}
.formulaire fieldset{border:1px solid var(--ligne);border-radius:8px;padding:16px 18px 18px;margin:0 0 16px;min-width:0}
.formulaire legend{font:700 18px var(--f-titre);padding:0 6px;color:var(--primaire)}
.grille-champs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px}
.grille-champs.couleurs{grid-template-columns:repeat(4,minmax(0,1fr))}
.champ{display:grid;gap:4px;align-content:start;min-width:0}
.champ.large{grid-column:1/-1}
.champ label{font:600 13px var(--f-texte);color:var(--gris)}
.champ label.case{display:flex;align-items:center;gap:8px;color:var(--encre);font-weight:500;font-size:14px;margin-top:22px}
.champ small{color:var(--gris);font-size:12px}
.formulaire input:not([type=checkbox]):not([type=color]):not([type=file]),.formulaire select,.formulaire textarea{width:100%;border:1px solid var(--ligne);border-radius:6px;padding:8px 10px;background:var(--fond)}
.formulaire input[type=color]{width:100%;height:40px;padding:2px;border:1px solid var(--ligne);border-radius:6px;background:var(--fond);cursor:pointer}
.formulaire input:focus,.formulaire select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}
.en-erreur input,.en-erreur select{border-color:var(--erreur)}
small.erreur{color:var(--erreur);display:block}
table.saisie td{vertical-align:middle;padding:6px 8px}
table.saisie input[type=number]{max-width:110px}
.aide{font-size:13.5px;margin:0 0 10px}
.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:6px}
.lien-discret{margin-left:auto;color:var(--gris)}
/* Carte de positionnement dans la fiche */
.carte-admin-bloc{margin-top:14px}
.carte-admin{height:360px;border:1px solid var(--ligne);border-radius:6px;z-index:0}
.carte-admin-outils{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.carte-admin-outils input{flex:1;min-width:200px}
.carte-admin-aide{color:var(--gris);font-size:12.5px;margin:6px 0 0}
.carte-admin-resultats{list-style:none;padding:0;margin:0 0 8px;display:grid;gap:2px}
.carte-admin-resultats button{background:none;border:0;padding:3px 0;text-align:left;cursor:pointer;color:var(--accent-texte);text-decoration:underline;font-size:13.5px}
@media (max-width:820px){
  .param{grid-template-columns:1fr;gap:16px}
  .param-menu{position:static;display:flex;flex-wrap:wrap}
  .grille-champs,.grille-champs.couleurs{grid-template-columns:1fr}
}
.etapes{margin:0 0 18px;padding-left:20px;display:grid;gap:6px;max-width:70ch}
.depot{border:1px dashed var(--ligne);border-radius:8px;padding:18px;display:grid;gap:10px;max-width:560px;background:var(--doux)}
.depot label{font:600 13px var(--f-texte);color:var(--gris)}
.avertissements{background:#FFF6E5;color:#7A4B00;border-radius:6px;padding:10px 14px 10px 30px;margin:12px 0}
.param-tete .actions{margin:0}
/* Clients */
.recherche-liste input{border:1px solid var(--ligne);border-radius:999px;padding:7px 14px;min-width:200px}
.logo-cellule{width:56px}
.logo-cellule img{display:block;max-width:44px;max-height:32px;object-fit:contain}
.pave-client{display:grid;place-items:center;width:36px;height:36px;border-radius:6px;background:var(--doux);color:var(--encre);font:700 13px var(--f-titre);border:1px solid var(--ligne)}
.pave-client[style*="background"]{color:#fff;border-color:transparent}
.cat{font-size:12.5px;font-weight:600;padding:2px 9px;border-radius:999px;background:var(--doux);white-space:nowrap}
.cat-strategique{background:color-mix(in srgb,var(--accent) 16%,#fff);color:var(--accent-texte)}
.cat-ponctuel{color:var(--gris)}
.client-tete{display:flex;align-items:center;gap:14px}
.client-tete img{max-height:48px;max-width:120px;object-fit:contain}
.champ-couleur{display:grid;grid-template-columns:minmax(0,1fr) 46px;gap:8px;align-items:end}
.champ-couleur input[type=color]{height:38px;margin-bottom:0}
.avertissements a{color:inherit;font-weight:600}
/* Activation des sites */
.tableau tr.inactif td{background:var(--doux)}
.tableau tr.inactif td b{color:var(--gris)}
.etiquette-inactif{display:inline-block;margin-left:6px;font-size:11.5px;font-weight:600;color:var(--gris);border:1px solid var(--ligne);border-radius:999px;padding:0 8px;background:var(--fond)}
.actions-ligne{white-space:nowrap;text-align:right}
.actions-ligne form{display:inline}
.bouton.petit{padding:4px 12px;font-size:13px}
.lien-action{background:none;border:0;padding:4px 8px;margin-left:4px;cursor:pointer;color:var(--gris);text-decoration:underline;font-size:13px}
.lien-action:hover{color:var(--erreur)}
.lien-action.arme{color:#fff;background:var(--erreur);border-radius:999px;text-decoration:none;padding:4px 12px}
.etat-assistant{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:0 0 14px}
.etat-assistant>div{border:1px solid var(--ligne);border-radius:6px;padding:10px 14px;display:grid;gap:2px}
.etat-assistant .t-l{font:600 11.5px var(--f-mono);letter-spacing:.5px;text-transform:uppercase;color:var(--gris)}
.etat-assistant b{font-size:15px;word-break:break-all}