/* Écran d'essai du classifier — réutilise .logs-head/.logs-actions d'app.css. */
#classifier-dialog { width: min(94vw, 560px); }
#classifier-intro { font-size: 0.78rem; color: var(--muted); margin: 0 0 0.8rem; }
.classifier-field {
  display: block;
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--muted);
  margin: 0.6rem 0 0.2rem;
}
.classifier-field span { text-transform: none; letter-spacing: 0; opacity: 0.75; }
#classifier-title, #classifier-body {
  width: 100%;
  box-sizing: border-box;
  font: inherit;
  font-size: 0.9rem;
  padding: 0.5rem 0.6rem;
  border: 1px solid var(--accent-soft);
  border-radius: 0.4rem;
  background: var(--bg);
  color: inherit;
}
#classifier-body { resize: vertical; }
.classifier-actions {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  /* 44px de cible tactile : même règle que le reste de l'UI mobile. */
  margin: 0.9rem 0 0;
}
.classifier-actions button { min-height: 44px; }
#classifier-status { font-size: 0.78rem; color: var(--muted); }
#classifier-result { margin-top: 1rem; border-top: 1px solid var(--accent-soft); padding-top: 0.8rem; }
.cls-verdict { font-weight: 700; font-size: 1.05rem; }
/* Deux signaux seulement (planche 1) : l'ambre pour ce qui attend un
   geste, le rouge pour ce qui casse ; le reste reste à l'encre. */
.cls-verdict.info { color: var(--ink-3); }
.cls-verdict.a-suivre { color: var(--accent-text); }
.cls-verdict.important { color: var(--warn); }
.cls-verdict.urgent { color: var(--danger); }
.cls-meta { font-size: 0.72rem; color: var(--muted); margin-top: 0.15rem; overflow-wrap: anywhere; }
.cls-bars { margin-top: 0.7rem; display: flex; flex-direction: column; gap: 0.3rem; }
.cls-row { display: flex; align-items: center; gap: 0.5rem; font-size: 0.78rem; }
.cls-row.chosen { font-weight: 600; }
.cls-name { flex: 0 0 8.5rem; }
.cls-track { flex: 1; height: 0.5rem; border-radius: 0.25rem; background: var(--accent-soft); overflow: hidden; }
.cls-fill { display: block; height: 100%; background: currentColor; opacity: 0.55; }
.cls-row.chosen .cls-fill { opacity: 1; }
.cls-value { flex: 0 0 4.2rem; text-align: right; color: var(--muted); }