/* ─────────────────────────────────────────────────────────────
   AgriFlow — Agenda: formulário do compromisso (ADR 0018)

   Separado de agenda.css só por tamanho: as duas folhas somadas
   passavam do teto de 200 linhas por arquivo do projeto. A costura é
   limpa — aqui mora o que só existe dentro do #agModal, e nada daqui
   é usado pela grade da tela.
   ───────────────────────────────────────────────────────────── */

/* ── Formulário ───────────────────────────────────────────── */
.ag-form { display: flex; flex-direction: column; gap: 12px; padding: 18px 20px 20px; }
.ag-campo { display: flex; flex-direction: column; gap: 5px; }
.ag-campo label {
    font-family: 'Inter', sans-serif; font-size: 11px; font-weight: 700;
    letter-spacing: .04em; text-transform: uppercase; color: var(--ag-ink-sub);
}
/* 16px, não 14px: abaixo disso o Safari do iPhone dá zoom ao focar o campo
   e não desfaz — era a "Agenda que abre com zoom" (ADR 0024). Vale para o
   `.ag-select` da barra pelo mesmo motivo. */
.ag-campo input, .ag-campo select, .ag-campo textarea {
    width: 100%; min-width: 0; min-height: 44px; padding: 10px 11px;
    font-family: 'Inter', sans-serif;
    font-size: 16px; color: var(--ag-ink); background: var(--ag-surface);
    border: 1px solid var(--ag-line); border-radius: 8px; outline: none;
}
.ag-campo input:focus, .ag-campo select:focus, .ag-campo textarea:focus {
    border-color: var(--ag-accent);
}
.ag-campo textarea { min-height: 68px; resize: vertical; }
.ag-dupla { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.ag-dica { font-family: 'Inter', sans-serif; font-size: 11.5px; color: var(--ag-ink-faint); }
.ag-form-acoes { display: flex; gap: 8px; justify-content: flex-end; margin-top: 4px; }


@media (max-width: 640px) {
    .ag-dupla { grid-template-columns: 1fr; }
}