/* Ajustes: tarjetas apiladas en una columna estrecha, cómoda de leer. */

.ajustes { max-width: 760px; }

.ajustes-pista { margin-top: 4px; color: var(--suave); }
.datos + .ajustes-pista { margin-top: 12px; }
.ajustes-estado { display: flex; align-items: center; gap: 6px 10px; flex-wrap: wrap; margin-top: 16px; }
.ajustes-final { color: var(--texto); font-family: Consolas, "Courier New", monospace; font-weight: 600; }

/* ── Usuarios ───────────────────────────────────────────────────────────── */

.ajustes-nota { padding: 14px 18px 4px; color: var(--suave); }
.ajustes-accion { width: 1%; text-align: right; white-space: nowrap; }
.ajustes-resumen { display: none; }

/* En estrecho la tabla se queda en nombre y botón: el correo y las marcas pasan bajo el nombre. */
@media (max-width: 700px) {
  .ajustes-columna { display: none; }
  .ajustes-resumen { display: flex; align-items: center; gap: 4px 8px; flex-wrap: wrap; margin-top: 2px; }
  .ajustes-resumen .celda-secundaria { flex-basis: 100%; margin-top: 0; overflow-wrap: anywhere; }
}