/* Ajustes */
/* Ajustes */
.ajuste { padding: 24px 0; border-bottom: 1px solid var(--linea); display: grid; gap: 12px; scroll-margin-top: 8px; }
.ajuste-titulo { font-family: var(--f-titulo); font-size: 1.6rem; color: var(--azul); font-variation-settings: "wdth" 88; }
.ajuste-listo { background: var(--celeste-suave); margin: 16px -16px 0; padding: 22px 16px; border-bottom: 0; border-top: 6px solid var(--azul); }
.listo-resumen { font-size: 1.15rem; font-weight: 700; }
.listo-resumen.ok { color: var(--verde); }
.listo-resumen.falta { color: var(--rojo); }
.controles { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.control { display: grid; grid-template-columns: 30px 1fr; gap: 4px 10px; padding: 10px 0; border-bottom: 1px solid var(--celeste-medio); align-items: start; }
.control .chip { grid-column: 2; justify-self: start; }
.control div { display: grid; }
.control-como { color: var(--gris); font-size: .92rem; }
.control-marca { width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; color: #fff; }
.control.ok .control-marca { background: var(--verde); }
.control.falta .control-marca { background: var(--rojo); }
.control.revisar .control-marca { background: #c98a12; }
.confirmacion { background: #fff; border: 2px solid var(--azul); border-radius: var(--radio); padding: 14px; font-weight: 600; }
.form-grilla { display: grid; gap: 14px; }
@media (min-width: 700px) { .form-grilla { grid-template-columns: 1fr 1fr; } .ajuste-listo { margin: 16px 0 0; padding: 26px 28px; } }
.tabla-scroll { overflow-x: auto; }
.tabla-bandas { border-collapse: collapse; min-width: 560px; }
.tabla-bandas th { text-align: left; font-size: .8rem; color: var(--gris); padding: 4px 8px 4px 0; }
.tabla-bandas td { padding: 4px 8px 4px 0; }
.qr-img { max-width: 220px; border: 2px solid var(--linea); border-radius: var(--radio); }
.usuarios { list-style: none; margin: 0; padding: 0; display: grid; }
.usuario { display: grid; gap: 8px; padding: 12px 0; border-bottom: 1px solid var(--linea); }
.usuario.inactivo { opacity: .65; }
.usuario-datos { display: grid; }
.usuario-acciones { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.clave-temporal { background: var(--ambar-suave); padding: 10px 12px; border-radius: var(--radio); font-weight: 700; word-break: break-all; }
.sub { font-size: 1.05rem; color: var(--azul); margin-top: 8px; }

/* Celular: las secciones son una lista vertical que se abre de a una */
.aj-cab { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.aj-volver { display: none; align-items: center; gap: 4px; font-weight: 700; text-decoration: none; min-height: 40px; }
.aj-lista { list-style: none; margin: 14px 0 0; padding: 0; border-top: 1px solid var(--linea); }
.aj-fila { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 62px; padding: 10px 4px 10px 12px; border-bottom: 1px solid var(--linea); border-left: 6px solid transparent; text-decoration: none; color: var(--tinta); }
.aj-fila-texto { display: grid; }
.aj-fila-texto span { color: var(--gris); font-size: .9rem; }
.aj-fila .ico { color: var(--gris); flex: none; }
.aj-fila.rojo { border-left-color: var(--rojo); } .aj-fila.rojo .aj-fila-texto span { color: var(--rojo); font-weight: 700; }
.aj-fila.ambar { border-left-color: #d99a1c; } .aj-fila.ambar .aj-fila-texto span { color: var(--ambar); font-weight: 700; }
.aj-fila.verde { border-left-color: var(--verde); }
@media (max-width: 899px) {
  .ajustes .ajuste { display: none; }
  .ajustes .ajuste.abierta { display: grid; }
  .ajustes:not([data-abierta=""]) .aj-lista { display: none; }
  .ajustes:not([data-abierta=""]) .aj-volver { display: inline-flex; }
  .ajustes:not([data-abierta=""]) .titulo-pantalla { display: none; }
  .ajuste-listo { margin: 12px -16px 0; }
  .aj-cuerpo { display: contents; }
}
.listo-titulo-lista { font-weight: 800; color: var(--azul-osc); margin-top: 4px; }
.aj-fila.elegida { background: var(--celeste-suave); border-left-color: var(--azul); }
@media (min-width: 900px) {
  .ajustes { display: grid; grid-template-columns: 300px minmax(0, 1fr); grid-template-areas: "cab cab" "lista cuerpo"; gap: 0 36px; align-items: start; max-width: 1180px; }
  .aj-cab { grid-area: cab; }
  .aj-lista { grid-area: lista; margin-top: 16px; position: sticky; top: 0; }
  .aj-cuerpo { grid-area: cuerpo; min-width: 0; }
  .ajustes .ajuste { display: none; padding-top: 20px; }
  .ajustes .ajuste.abierta, .ajustes[data-abierta=""] #aj-listo { display: grid; }
  .ajuste-listo { margin: 16px 0 0; }
  .aj-volver { display: none !important; }
}

/* Conexión de WhatsApp */
.conexion-estado { display: flex; align-items: center; gap: 10px; font-size: 1.2rem; }
.conexion-estado .punto { margin-top: 0; width: 16px; height: 16px; }
.conexion-datos { display: grid; gap: 0; margin: 0; border-top: 1px solid var(--linea); }
.conexion-dato { display: flex; justify-content: space-between; gap: 16px; padding: 10px 0; border-bottom: 1px solid var(--linea); }
.conexion-dato dt { color: var(--gris); }
.conexion-dato dd { margin: 0; font-weight: 700; text-align: right; }
.conexion-dato.rojo dd { color: var(--rojo); } .conexion-dato.ambar dd { color: var(--ambar); } .conexion-dato.verde dd { color: var(--verde); }