/* ============================================================
   Console MOLP — CSS propre au projet (cf. docs/charte-molp.md)

   Règles : uniquement des tokens sémantiques de la charte
   (var(--molp-color-*), --molp-radius-*, --molp-shadow-*, …) ;
   jamais de hex en dur, jamais de primitive --molp-<couleur>-N ;
   jamais de redéfinition de --molp-* / --bs-*. Une section commentée
   par écran ; purger la section quand l'écran n'en a plus besoin.
   ============================================================ */

/* --- Pages sans app shell : connexion, compte sans org (bare.html) --- */
.console-auth {
  background: var(--molp-gradient-hero);
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
.console-auth-main {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--molp-space-sm);
}
.console-auth-card {
  width: 100%;
  max-width: 400px;
}
.console-auth-card .card {
  box-shadow: var(--molp-shadow-lg);
}

/* --- Sidebar : bouton (formulaire de déconnexion) habillé en lien de sidebar --- */
.console-sidebar-button {
  width: 100%;
  border: 0;
  background: none;
  text-align: left;
  font: inherit;
}
.console-sidebar-user {
  display: flex;
  align-items: center;
  gap: var(--molp-space-xs);
  padding: var(--molp-space-2xs) var(--molp-space-xs);
  /* la sidebar est sombre dans les deux themes : blanc fixe (token « sur primaire ») */
  color: var(--molp-color-on-primary);
  font-size: var(--molp-text-sm);
  min-width: 0;
}
.console-sidebar-user .console-sidebar-username {
  font-weight: var(--molp-font-medium);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* --- Projet : clé LiteLLM affichée une fois --- */
.console-key {
  display: block;
  word-break: break-all;
  font-size: var(--molp-text-sm);
}

/* --- Provisionnement : cellules mises à jour par le script de la page --- */
.console-steps .state {
  white-space: nowrap;
}

/* Reponse d'un run d'agent : Markdown assaini (console/markdown.py). Bootstrap donne la
   base ; ici la densite d'un bloc de lecture et les blocs de code sur le fond subtil. */
.console-answer > :last-child { margin-bottom: 0; }
.console-answer h1, .console-answer h2, .console-answer h3,
.console-answer h4, .console-answer h5, .console-answer h6 {
  font-size: 1.05em;
  font-weight: var(--molp-font-semibold);
  margin: 1em 0 0.4em;
}
.console-answer p, .console-answer ul, .console-answer ol, .console-answer table,
.console-answer blockquote { margin-bottom: 0.7em; }
.console-answer ul, .console-answer ol { padding-left: 1.3em; }
.console-answer li { margin-bottom: 0.2em; }
.console-answer a { word-break: break-word; }
.console-answer pre {
  background: var(--molp-color-bg-subtle);
  border: 1px solid var(--molp-color-border);
  border-radius: var(--molp-radius-sm);
  padding: 0.6em 0.8em;
  overflow-x: auto;
  font-size: var(--molp-text-sm);
}
.console-answer pre code { background: transparent; padding: 0; }
.console-answer blockquote {
  border-left: 3px solid var(--molp-color-border-strong);
  padding-left: 0.8em;
  color: var(--molp-color-text-muted);
}
.console-answer table { width: 100%; border-collapse: collapse; }
.console-answer th, .console-answer td {
  border-bottom: 1px solid var(--molp-color-border);
  padding: 0.3em 0.5em;
  text-align: left;
  vertical-align: top;
}