/* ============================================================
   Rendición de Cuentas — Subvención Municipal. Se carga junto a
   subvencion-form.css (mismos tokens --ow-*, misma tipografía
   Montserrat/Open Sans vía .subvencion-wizard) y solo agrega lo que
   ese archivo no cubre: tabla de detalle de gastos a 4 columnas,
   chips de "tipo de gasto" y los bloques de respaldo condicionales.
   ============================================================ */

/* ---------- Paso II. Detalle de la rendición (tabla a 4 columnas) ---------- */
.rendicion-gastos-table input[type=text],
.rendicion-gastos-table input[type=date]{
  width:100%;border:1.5px solid var(--ow-line);border-radius:var(--ow-radius-s);padding:9px 10px;
  background:var(--ow-cream);font-family:var(--ow-body);font-size:.86rem;color:var(--ow-ink);
}
.rendicion-gastos-table input[type=text]:focus,
.rendicion-gastos-table input[type=date]:focus{outline:none;border-color:var(--ow-gold-strong);background:#fff}
.rendicion-gastos-table th:nth-child(1){width:16%}
.rendicion-gastos-table th:nth-child(2){width:22%}

/* ---------- Paso III. Tipo de gasto a rendir (chips, mismo look que apoyo-areas) ---------- */
.tipo-gasto-checkboxes{margin-bottom:24px}

/* ---------- Bloques de respaldo condicionales (según tipo de gasto marcado) ----------
   .docs-container ya trae "display:flex" (subvencion-form.css, selector de 2 clases
   .subvencion-wizard .docs-container). Para poder ocultarlo hay que igualar o superar
   esa especificidad — un selector de atributo solo no alcanza. */
.rendicion-wizard .docs-container.respaldo-conditional{display:none}
.rendicion-wizard .docs-container.respaldo-conditional.is-visible{display:flex}
.respaldo-conditional{margin-top:4px}