/* ===================================================================
   Console admin — ajustements du design « Vision »
   Les pages admin chargent portal.css, admin.css, puis portal-vision.css
   (le design de l'espace client, tel quel) et enfin ce fichier : il ne
   corrige que ce que la feuille Vision ne connaît pas (composants propres
   à l'admin). Tout est scopé sur body.vision ; chaque couleur écrite en dur
   a son pendant clair en fin de fichier (même règle que portal-vision.css).
   =================================================================== */

/* ── Jetons que Vision ne redéfinit pas ───────────────────────────── */
/* --bg valait #000 en sombre dans portal.css : les zones admin qui s'en
   servent (chat du Studio, champs de réponse) sortaient en noir pur. */
body.vision,
:root[data-theme="dark"] body.vision {
  --bg: #0b1030;
  --hairline: rgba(226, 232, 240, 0.08);
}

/* ── Barre haute : actions calées à droite ────────────────────────── */
/* Le portail a une recherche qui pousse les actions à droite ; l'admin
   n'en a pas, les boutons se collaient à gauche. */
body.vision .topbar-actions { margin-left: auto; }

/* ── Blocs propres à l'admin : même silhouette que les cartes Vision ─ */
/* Bloc navy semi-transparent, sans bordure, arrondi 20 px. */
body.vision .resume-carte,
body.vision .onboarding-card,
body.vision .tk-item,
body.vision .brief-card,
body.vision .create-card,
body.vision .user-card,
body.vision .af-item,
body.vision .demo-page {
  border: 1px solid var(--card-line);
  border-radius: 20px;
  background: var(--dash-card);
  box-shadow: var(--shadow-card);
}
body.vision .resume-carte { border-radius: 16px; }
/* Assistance : la demande qui attend une réponse garde un liseré violet. */
body.vision .tk-item.a-repondre { box-shadow: var(--shadow-card), inset 0 0 0 1px rgba(139, 124, 240, 0.55); }
body.vision .tk-row:hover { background: rgba(255, 255, 255, 0.03); }
body.vision .tk-panel,
body.vision .tk-msg { border-color: var(--separator); }
body.vision .tk-actions textarea,
body.vision .tk-actions select {
  background: #0f1535;
  border-color: rgba(226, 232, 240, 0.3);
  color: var(--text);
}
body.vision .tk-tab { background: rgba(8, 13, 38, 0.55); border-color: rgba(226, 232, 240, 0.14); }
body.vision .tk-tab.active { background: linear-gradient(97.89deg, #4318ff 0%, #9f7aea 100%); border-color: transparent; }

/* En-tête de carte avec pastille (Nouveau widget, Personnalisation) :
   pastille et titre côte à côte, pas aux deux extrémités de la carte. */
body.vision .card-head:has(> .card-glyph) { justify-content: flex-start; }
body.vision .card-head .card-glyph {
  background: linear-gradient(135deg, #8b5cf6 0%, #4318ff 100%);
  color: #fff;
  border-radius: 10px;
}

/* ── Studio : conversation de test sur le bloc, plus sur un noir pur ─ */
body.vision .chat-messages {
  background: rgba(8, 13, 38, 0.45);
  border-top-color: var(--separator);
}
body.vision .chat-input {
  background: transparent;
  border-top-color: var(--separator);
}
body.vision .chat-input input {
  background: #0f1535;
  border-color: rgba(226, 232, 240, 0.3);
}
body.vision .msg.assistant { border-color: var(--separator); }

/* ── Pages sans barre latérale (Atelier, Test) ────────────────────── */
body.vision .nav,
body.vision .atelier-nav {
  background: transparent;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom-color: var(--separator);
}

/* ══ Mode CLAIR ══════════════════════════════════════════════════════ */
:root[data-theme="light"] body.vision {
  --bg: #f3f2fb;
  --hairline: rgba(27, 29, 58, 0.08);
}
:root[data-theme="light"] body.vision .tk-row:hover { background: rgba(67, 24, 255, 0.03); }
:root[data-theme="light"] body.vision .tk-actions textarea,
:root[data-theme="light"] body.vision .tk-actions select,
:root[data-theme="light"] body.vision .chat-input input {
  background: #ffffff;
  border-color: rgba(27, 29, 58, 0.16);
}
:root[data-theme="light"] body.vision .tk-tab { background: #ffffff; border-color: rgba(27, 29, 58, 0.12); }
:root[data-theme="light"] body.vision .tk-tab.active { color: #fff; }
:root[data-theme="light"] body.vision .chat-messages { background: rgba(67, 24, 255, 0.03); }