/* console/web/css/console.css — LE PEU QUI N'EXISTE NULLE PART AILLEURS.
   Posé le 13/10/2026.

   RÈGLE DE CE FICHIER : aucun token de couleur, de police ou d'espacement
   n'est redéfini ici — uniquement var(...) sur ceux du socle (§5.8).
   Tout ce qui existe déjà dans socle.css ou admin.css est utilisé tel
   quel : une console avec sa propre charte serait un second produit.

   Ce fichier ne contient donc QUE deux choses que le parc introduit et
   que le produit n'avait pas : la pastille d'état d'un tenant, et la
   mise en évidence de la ligne sélectionnée. */

/* La pastille d'état. Jamais la couleur SEULE pour porter l'information :
   le libellé est toujours écrit à côté (console-core.js, phraseEtat).
   Une console qui dit « vert » et « rouge » sans les nommer est illisible
   pour qui distingue mal ces deux couleurs, et c'est un cas réel. */
.pastille{display:inline-block;width:8px;height:8px;border-radius:50%;
  margin-right:8px;vertical-align:baseline;background:currentColor}

/* La ligne du tenant dont les outils sont affichés en dessous. Sans ça,
   la section « Outils » dirait « arnaud » dans son titre mais la liste
   au-dessus ne montrerait pas laquelle de ses lignes a été cliquée. */
/* CORRECTIF (constat au rendu, 13/10) : `color` sur TOUS les td éteignait
   la couleur d'état de la ligne choisie — la pastille, qui prend
   currentColor, devenait blanche, et « en service » cessait d'être vert
   au moment précis où on le regarde. La mise en évidence ne touche donc
   que les cellules qui ne portent AUCUN état. */
.tbl tr.est-choisi td:not([class*="ev-"]){color:var(--text-primary)}
.tbl tr.est-choisi td:first-child{box-shadow:inset 2px 0 0 var(--gold)}
.tbl tr[data-tenant]{cursor:pointer}
.tbl tr[data-tenant]:hover td{color:var(--text-primary)}

/* Les outils, en deux colonnes de boutons sobres. .act existe déjà
   (socle.css) mais s'aligne en ligne ; ici chaque outil occupe sa
   propre ligne pour rester cliquable sans viser. */
.outil-btn{display:block;width:100%;text-align:left;padding:12px 0;
  background:none;border:none;border-bottom:1px solid var(--hair);
  font:inherit;color:var(--text-secondary);cursor:pointer}
.outil-btn:hover{color:var(--gold)}
.outil-btn[disabled]{color:var(--text-faint);cursor:default}
.outil-btn-titre{display:block;font-size:13px;font-weight:300}
.outil-btn-sous{display:block;font-size:11px;color:var(--text-muted);margin-top:3px}

/* Une valeur de résultat peut être longue (une empreinte, un chemin) :
   elle se coupe plutôt que d'élargir le tableau au-delà de l'écran. */
.tbl td.valeur-longue{word-break:break-all;color:var(--text-muted);font-size:11px}

/* Le chemin du registre, sous le tableau des tenants : .sect-note a une
   marge nulle (socle.css) parce qu'elle vit d'habitude dans un en-tête de
   section. Collée au dernier filet du tableau, elle se lisait comme une
   ligne de plus. */
#noteRegistre{margin-top:14px}