/* Módulos equipos y sims (pantallas 13, 14 y 15). Solo tokens: nada de colores literales.
   Prefijos propios: `eq-` (compartido por las tres), `sim-` (pantalla 13) y `cmd-` (pantalla 14). */

/* Barra de filtros: el seg-toggle y los selects caben en 360 px sin scroll de página. */
.eq-barra { flex-wrap: wrap; }
.eq-barra .seg-toggle { max-width: 100%; overflow-x: auto; scrollbar-width: none; }
.eq-barra .seg-toggle button { flex: none; }
.eq-orden { width: auto; min-width: 150px; max-width: 100%; height: 34px; }
.eq-chip { border: 0; cursor: pointer; font: inherit; font-size: 12px; font-weight: 600; max-width: 100%; overflow: hidden; text-overflow: ellipsis; }
.eq-chip::before { display: none; }

/* Renglón de la lista moderna. */
.eq-avatar { font-size: 12px; letter-spacing: 0; font-variant-numeric: tabular-nums; }
.equipo-row .metric-value, .sim-row .metric-value { font-size: 13.5px; }
.equipo-row .eq-cliente, .sim-row .eq-cliente { font: 500 12.5px var(--font-ui); }
.sim-pills { display: flex; flex-wrap: wrap; gap: .35rem; justify-content: flex-end; }

/* Drawer: pestañas, pills, listas y botones. */
.eq-tabs { display: flex; max-width: 100%; overflow-x: auto; scrollbar-width: none; margin: 14px 0 6px; }
.eq-tabs button { flex: none; }
.eq-pills { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem; }
.eq-ficha { margin: 10px 0 0; }
.eq-items { display: flex; flex-direction: column; }
.eq-item { display: flex; align-items: center; gap: 10px; padding: 10px 0; border-bottom: 1px solid var(--border); flex-wrap: wrap; }
.eq-item:last-child { border-bottom: 0; }
.eq-item .who { flex: 1 1 200px; min-width: 0; }
.eq-item .who-name { font: 700 13.5px var(--font-brand); overflow-wrap: anywhere; }
.eq-item .who-id { font-size: 12px; color: var(--ink-3); overflow-wrap: anywhere; }
.eq-botones { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 14px; }
.eq-carrier { margin-top: 14px; font-size: 13px; padding: 10px 12px; border-radius: 10px; background: var(--sunken); color: var(--ink-1); display: flex; flex-wrap: wrap; align-items: center; gap: .4rem; }
.eq-resultado { display: flex; gap: .6rem; align-items: flex-start; font-size: 13.5px; padding: 12px 14px; margin-top: 14px; border-radius: 10px; background: var(--success-soft); color: var(--success); overflow-wrap: anywhere; }

/* SIM: PIN/PUK (enmascarados hasta confirmar). */
.sim-secretos { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem 1rem; padding: 12px 14px; margin: 12px 0 16px; border: 1px dashed var(--border-strong); border-radius: 10px; background: var(--sunken); }
.sim-secreto { display: flex; flex-direction: column; min-width: 80px; }
.sim-secreto .muted { font-size: 11px; text-transform: uppercase; letter-spacing: .06em; }
.sim-secreto b { font: 700 16px var(--font-brand); font-variant-numeric: tabular-nums; letter-spacing: .08em; color: var(--ink-1); }

/* Pantalla 14: SMS y comandos. */
.cmd-modo { display: flex; gap: .6rem; align-items: flex-start; font-size: 13px; padding: 10px 14px; margin-bottom: 14px; border-radius: 10px; background: var(--warning-soft); color: var(--warning); }
.cmd-modo b { color: inherit; }
.cmd-modo.info { background: var(--info-soft); color: var(--info); }
.cmd-modo.mal { background: var(--danger-soft); color: var(--danger); }
.cmd-tabs { display: flex; max-width: 100%; overflow-x: auto; scrollbar-width: none; margin-bottom: 14px; }
.cmd-tabs button { flex: none; }
.cmd-panel { padding: 16px 18px; max-width: 860px; }
.cmd-acciones { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .6rem; margin-top: 14px; }
.cmd-resultado-caja { margin-top: 14px; }
.cmd-resultado { display: flex; gap: .6rem; align-items: flex-start; font-size: 13.5px; padding: 12px 14px; border-radius: 10px; background: var(--sunken); color: var(--ink-1); overflow-wrap: anywhere; }
.cmd-resultado > .fas { margin-top: 3px; }
.cmd-resultado.ok > .fas { color: var(--success); }
.cmd-resultado.mal > .fas { color: var(--danger); }
.cmd-resultado.aviso { background: var(--warning-soft); }
.cmd-resultado.aviso > .fas { color: var(--warning); }
.cmd-res-linea { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem; }
.cmd-res-detalle { font-size: 12.5px; color: var(--ink-2); margin-top: 4px; }
.cmd-datos { margin: 8px 0 0; padding: 10px; max-height: 240px; overflow: auto; border-radius: 8px; background: var(--card); border: 1px solid var(--border); font-size: 12px; white-space: pre-wrap; word-break: break-all; }
.cmd-carrier { margin-top: 12px; font-size: 13px; display: flex; flex-wrap: wrap; align-items: center; gap: .4rem; }
.cmd-row { cursor: default; }

/* Pantallas 16-20: asistentes (configurar, desconfigurar, cancelar, suspender, reemplazar). Prefijo `asi-`. */
.asi-vista { max-width: 920px; }
.asi-pasos { display: flex; gap: .4rem; list-style: none; margin: 0 0 14px; padding: 0; counter-reset: none; }
.asi-paso { display: flex; align-items: center; gap: .45rem; flex: 1 1 0; min-width: 0; padding: 8px 10px; border-radius: 10px; background: var(--sunken); color: var(--ink-3); font-size: 12.5px; font-weight: 600; }
.asi-paso.actual { background: var(--accent-soft); color: var(--ink-1); }
.asi-paso.hecho { color: var(--ink-2); }
.asi-num { flex: none; display: inline-grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; border: 1px solid var(--border-strong); background: var(--card); font-size: 11.5px; font-variant-numeric: tabular-nums; }
.asi-paso.actual .asi-num { background: var(--accent); border-color: var(--accent); color: var(--on-accent); }
.asi-paso.hecho .asi-num { color: var(--success); border-color: var(--success); }
.asi-texto { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
p.asi-texto { white-space: normal; font-size: 13.5px; margin: 0 0 14px; }
.asi-panel .panel-cabeza { padding: 10px 14px; }
.asi-equipo { flex: 1 1 auto; min-width: 0; padding: 0; border: 0; cursor: default; }
.asi-equipo:hover { background: transparent; }
.asi-cabeza-doble { flex-direction: column; align-items: stretch; flex-wrap: nowrap; }
.asi-rol { display: flex; align-items: center; gap: .6rem; min-width: 0; max-width: 100%; }
.asi-rol > .asi-equipo { min-width: 0; }
.asi-rol-etiqueta { flex: none; width: 62px; font: 700 11px var(--font-ui); text-transform: uppercase; letter-spacing: .05em; color: var(--ink-3); }
.asi-aviso { display: flex; gap: .6rem; align-items: flex-start; font-size: 13px; padding: 10px 12px; margin-bottom: 14px; border-radius: 10px; background: var(--warning-soft); color: var(--warning); }
.asi-error { margin-top: 14px; overflow-wrap: anywhere; }
.asi-selector { display: flex; flex-direction: column; gap: .35rem; max-width: 460px; }
.asi-selector-fila { display: flex; gap: .5rem; }
.asi-selector-fila .campo-input { flex: 1 1 auto; min-width: 0; }
.asi-selector-fila .btn { flex: none; }
.asi-efectos { list-style: none; margin: 8px 0 0; padding: 0; display: flex; flex-direction: column; gap: .45rem; }
.asi-efectos li { display: flex; gap: .55rem; align-items: flex-start; overflow-wrap: anywhere; }
.asi-efectos li > .fas { flex: none; width: 16px; margin-top: 3px; text-align: center; }
.asi-efectos-resumen { margin-top: 16px; padding: 12px 14px; border-radius: 10px; background: var(--sunken); font-size: 13px; color: var(--ink-1); }
.asi-efectos-resumen li > .fas { color: var(--ink-3); }
.asi-resultado { display: flex; gap: .6rem; align-items: flex-start; font-size: 13.5px; padding: 12px 14px; border-radius: 10px; background: var(--success-soft); color: var(--ink-1); overflow-wrap: anywhere; }
.asi-resultado > .fas { color: var(--success); margin-top: 3px; }
.asi-resultado.mal { background: var(--warning-soft); }
.asi-resultado.mal > .fas { color: var(--warning); }
.asi-resultado .ok > .fas { color: var(--success); }
.asi-resultado .info > .fas { color: var(--info); }
.asi-resultado .aviso > .fas { color: var(--warning); }
.asi-resultado .mal > .fas { color: var(--danger); }
.asi-opciones { border: 0; margin: 0; padding: 0; display: flex; flex-direction: column; gap: .55rem; }
.asi-opciones legend { margin-bottom: .5rem; padding: 0; }
.asi-opcion { display: flex; gap: .65rem; align-items: flex-start; padding: 12px 14px; border: 1px solid var(--border); border-radius: 10px; background: var(--card); cursor: pointer; font-size: 13.5px; }
.asi-opcion input { margin-top: 3px; accent-color: var(--accent); }
.asi-opcion.elegida { border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-soft); }
.asi-opcion.deshabilitada { cursor: not-allowed; opacity: .65; }
.asi-opcion-detalle { display: block; margin-top: 2px; font-size: 12.5px; color: var(--ink-2); overflow-wrap: anywhere; }
.asi-sim-otra { margin: 0 0 4px 30px; max-width: 420px; }
.asi-acciones { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem; margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--border); }
.asi-espacio { flex: 1 1 auto; }

@media (max-width: 760px) {
  .asi-paso:not(.actual) .asi-texto { display: none; }
  .asi-paso:not(.actual) { flex: none; }
  .asi-acciones .btn { flex: 1 1 auto; justify-content: center; }
  .asi-espacio { display: none; }
  .asi-sim-otra { margin-left: 0; }
  .asi-rol { flex-direction: column; align-items: stretch; gap: .2rem; }
  .eq-solo-escritorio { display: none; }
  .eq-orden { flex: 1 1 140px; min-width: 0; }
  .sim-row .sim-pills { order: 4; justify-content: flex-start; }
  .cmd-panel { padding: 14px; }
  .cmd-acciones .btn { flex: 1 1 auto; justify-content: center; }
}