/* polish.css — retouches UX/UI (revue graphiste senior, 05/09, docs/UX-REVUE-…).
   Fichier ISOLÉ chargé APRÈS styles.css + mobile-ux.css : ne modifie aucun des
   deux (le flux prod travaille styles.css). Overrides ciblés et sûrs. */

/* Pastille de statut (chargement/états) : fond habillé pour la lisibilité sur
   le canvas 3D — .hud-id l'a déjà, la pastille flottait nue. */
.stream-pill {
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 6px 12px;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.35);
  max-width: min(420px, calc(100vw - 24px));
}

/* Tiroir chat : séparer les trois zones (fil · agora · composer) par des
   hairlines + un peu de respiration — la tête était surchargée. */
#chat-section #agora-in-chat {
  border-top: 1px solid var(--line);
  padding-top: 6px;
  margin-top: 4px;
}
#chat-section .chat-form {
  border-top: 1px solid var(--line);
  padding: 10px 12px;
  margin-top: 2px;
}
#chat-log { padding: 0 12px 4px; }

/* Accessibilité : focus visible (clavier) sur tous les contrôles. */
button:focus-visible,
input:focus-visible,
a:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}

/* Micro-interactions : les cartes features répondent au survol. */
.feature {
  transition: transform 0.15s var(--ease, ease), border-color 0.15s;
}
.feature:hover {
  transform: translateY(-2px);
  border-color: var(--accent);
}