/* Página «Informe» (api/informes_vertical.py): lo que el formulario de alertas (nl-*) no trae. Solo tokens del sitio. */
.informe-form textarea, .informe-form input[type=number] { display: block; width: 100%; padding: .7rem var(--bcv-e4); font: inherit; color: var(--bcv-tinta); background: var(--bcv-superficie); border: 1px solid var(--bcv-linea-fuerte); border-radius: var(--bcv-radio); }
.informe-form textarea { resize: vertical; min-height: 5.5rem; line-height: 1.5; }
.informe-form textarea::placeholder, .informe-form input::placeholder { color: var(--bcv-suave); }
.informe-form textarea:focus, .informe-form input[type=number]:focus { outline: 2px solid var(--bcv-foco); outline-offset: 0; border-color: var(--bcv-foco); }
.informe-pista { margin: var(--bcv-e2) 0 var(--bcv-e4); }
.informe-fila { display: grid; grid-template-columns: 9rem minmax(0, 1fr); gap: var(--bcv-e3); align-items: end; }
.informe-opcional { font-weight: 400; color: var(--bcv-suave); }
.informe-cerrado { margin: 0 0 var(--bcv-e4); padding: var(--bcv-e3) var(--bcv-e4); border-left: 3px solid var(--bcv-foco); background: var(--bcv-marca-suave, transparent); color: var(--bcv-tinta); font-size: var(--bcv-t-sec); }
.informe-paso form { margin-top: var(--bcv-e4); }
@media (max-width: 600px) {
  .informe-fila { grid-template-columns: 1fr; }
  .informe-form .nl-correo { flex-direction: column; }
}