/* ==========================================================================
   Ajudo — Calculadora de Pontos da CNH (estilos específicos)
   Card de pontuação com status (ok / atenção / suspensão). Base em ferramenta.css.
   ========================================================================== */

.cnh-result { margin-top: 1.1rem; }
.cnh-muted { color: var(--ink-soft); font-size: 0.95rem; }

.cnh-total {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 16px 20px;
  border-radius: var(--radius);
  border: 1.5px solid var(--line);
}
.cnh-total-label { font-size: 0.74rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; }
.cnh-total strong { font-family: var(--font-display); font-size: clamp(1.8rem, 5vw, 2.4rem); line-height: 1.1; }
.cnh-total-of { font-size: 1rem; font-weight: 600; color: var(--ink-soft); }
.cnh-total-sub { font-size: 0.9rem; margin-top: 2px; }

.cnh-total.is-ok { background: #e4ecdf; border-color: var(--green); }
.cnh-total.is-ok .cnh-total-label, .cnh-total.is-ok .cnh-total-sub { color: var(--green-deep); }
.cnh-total.is-ok strong { color: var(--green-deep); }

.cnh-total.is-warn { background: var(--mustard-soft); border-color: var(--mustard); }
.cnh-total.is-warn .cnh-total-label, .cnh-total.is-warn .cnh-total-sub { color: #8a6a12; }
.cnh-total.is-warn strong { color: #8a6a12; }

.cnh-total.is-no { background: var(--terracotta-soft); border-color: var(--terracotta); }
.cnh-total.is-no .cnh-total-label, .cnh-total.is-no .cnh-total-sub { color: var(--terracotta); }
.cnh-total.is-no strong { color: var(--terracotta); }

.cnh-note { margin: 12px 0 0; font-size: 0.9rem; color: var(--ink-soft); }