/* ==========================================================================
   Ajudo — Perdão da dívida do MEI (estilos específicos)
   Grade de anos da estimativa e o total. Verificador usa .vf-* (ferramenta.css).
   ========================================================================== */

.mp-lead { margin: -4px 0 14px; color: var(--ink-2); }
.mp-ativ { max-width: 380px; margin-bottom: 16px; }
.mp-anos { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.mp-ano label small { font-weight: 500; color: var(--ink-3); }
.mp-ano input { width: 100%; }
.mp-ano-val { display: block; margin-top: 4px; font-size: 0.78rem; color: var(--ink-3); }

.mp-total { margin-top: 18px; }
.mp-total-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.mp-total-item {
  display: flex; flex-direction: column; gap: 3px; min-width: 0;
  padding: 14px 16px; border-radius: var(--radius); border: 1.5px solid var(--line-2); background: #eef0f3;
}
.mp-total-item span { font: 700 0.74rem/1.2 var(--f-txt); letter-spacing: 0.06em; text-transform: uppercase; color: var(--ink-3); }
.mp-total-item strong { font: 700 1.5rem/1.15 var(--f-tit); color: var(--ink); }
.mp-total-item small { font-size: 0.82rem; color: var(--ink-3); }
.mp-total-item.is-some { background: var(--verde-tint); border-color: var(--verde); }
.mp-total-item.is-some strong { color: var(--green-deep); }
.mp-nota { margin-top: 10px; font-size: 0.84rem; color: var(--ink-3); }
.mp-fontes ul { font-size: 0.88rem; color: var(--ink-3); }

@media (max-width: 700px) {
  .mp-anos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mp-total-grid { grid-template-columns: minmax(0, 1fr); }
}