/* Campos de texto (REDISENO-MOVIL-MAD.md, Fase 3 §17): borde y fondo visibles en todo
   lugar donde se escribe —token del relay, alta de proyecto, nombre y código del
   emparejamiento—. El campo va HUNDIDO (fondo `--campo`, más oscuro que la tarjeta, y
   sombra interior) y el botón secundario en relieve: así «Token del relay» y «Usar
   token» dejan de verse como dos botones iguales. El buscador usa los mismos tokens desde
   buscar.css. Se excluye `.prompt`: la caja del composer ya la dibuja `.composer`. */

.input:not(.prompt),
.pair-input {
  background: var(--campo);
  border: 1px solid var(--border-ctl);
  box-shadow: var(--campo-sh);
  transition: border-color 0.15s, box-shadow 0.15s;
}

/* Al enfocar, el borde pasa al acento con un anillo suave: el contorno de `:focus-visible`
   genérico (componentes.css) sobre un campo redondeado se veía como un segundo borde. */
.input:not(.prompt):focus,
.pair-input:focus {
  outline: none;
  border-color: var(--accent);
  box-shadow: var(--campo-sh), var(--campo-anillo);
}

.input:not(.prompt):disabled { opacity: 0.6; }

/* Las celdas del código de emparejamiento (en /pair y en Ajustes → Máquinas) son la cara
   visible de un input transparente: llevan el mismo fondo hundido. */
.pair-celdas-fila span,
.maq-codigo-fila span {
  background: var(--campo);
  box-shadow: var(--campo-sh);
}