/* ══════════════════════════════════════════════════════════════════════════
   LINKS FUSIONS — ADMIN · Correcciones de diseño (overhaul élite, 2026-08-05)
   ─────────────────────────────────────────────────────────────────────────
   ARCHIVO PROPIO del pase de diseño. Se carga en index.html DESPUÉS de admin.css,
   así que gana por orden de fuente ante reglas de igual especificidad.

   ⚠️ CEO / otras IAs: este archivo NO lo toca el flujo de admin.css. Poner aquí
   TODA corrección de estética/proporción del panel para no pisarnos entre deploys.

   Dirección (decisión CEO 2026-08-05): cambios MARCADOS, en MÓVIL y DESKTOP.
   Más aire, jerarquía clara, números con presencia. El móvil (que ya tenía tuneo
   de compactación) recibe más respiro SIN romper su layout ni el scroll.
   ══════════════════════════════════════════════════════════════════════════ */

/* ══════════════════════════════════════════════════════════════════════════
   EDITOR (.editor-grid) — respiro real en tarjetas, títulos y campos.
   Aplica en AMBOS anchos. Alto sobre las globales por especificidad
   (#vista .editor-grid …) → gana también sobre las reglas móviles de admin.css.
   ══════════════════════════════════════════════════════════════════════════ */
#vista .editor-grid .card.form-sec { padding: 18px 16px; margin-bottom: 15px; border-radius: 16px; }
#vista .editor-grid .card.form-sec.sec-cerrada { padding: 14px 16px; }
#vista .editor-grid .form-sec h3 { font-size: 12.5px; margin-bottom: 13px; }
#vista .editor-grid .campo { margin-bottom: 15px; }
#vista .editor-grid .campo label { margin-bottom: 6px; }
#vista .editor-grid .dos { gap: 14px; }
#vista .editor-grid .ed-port-fila2 { margin: 10px 0 20px; }
#vista .editor-grid .ed-port-fila3 { margin: 10px 0 16px; }
#vista .editor-grid .ed-port-tx,
#vista .editor-grid .ed-port-tx2 { margin-bottom: 10px; }

/* Un pelín más de aire en desktop, donde sobra ancho. */
@media (min-width: 761px) {
  #vista .editor-grid .card.form-sec { padding: 20px 20px; margin-bottom: 16px; }
  #vista .editor-grid .card.form-sec.sec-cerrada { padding: 14px 20px; }
}

/* ══════════════════════════════════════════════════════════════════════════
   LINKS (la lista) — botones del modo grande + filas del modo lista con presencia.
   Aplica en AMBOS anchos (el modo lista es el que se ve en celular).
   ══════════════════════════════════════════════════════════════════════════ */
.lk-grande-acciones { grid-template-columns: 1fr 1fr 1fr auto; }
.lk-grande-btn { padding: 7px 11px; }
/* Fila del modo lista: título más grande, más relleno, meta legible. */
.lk-fila-titulo { font-size: 14.5px; line-height: 1.4; }
.lk-fila-body { padding: 13px 14px; gap: 7px; }
.lk-fila-meta { font-size: var(--il-fs-sm); }

/* ══════════════════════════════════════════════════════════════════════════
   STATS / ANALÍTICAS — KPIs con presencia (móvil + desktop). Aprobado CEO.
   .stat-cards es COMPARTIDO → también levanta los KPIs de Inicio y Plataforma.
   ══════════════════════════════════════════════════════════════════════════ */
.stat-cards { gap: 10px; }
.stat-cards .card { padding: 15px 11px; }
.stat-cards b { font-size: 23px; margin-bottom: 5px; }
.stat-cards span { font-size: 10.5px; }
.dos-col > .card { margin-bottom: 10px; }
@media (min-width: 761px) {
  .stat-cards { grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 12px; }
  .stat-cards .card { padding: 19px 15px; }
  .stat-cards b { font-size: 27px; }
  .dos-col { column-gap: 18px; }
  .dos-col > .card { margin-bottom: 14px; }
}

/* ── Elegir cuenta: buscador + pastillas de tipo (CEO 2026-08-06) ──────────────────
   El diálogo de _lfElegir servía para 3 colecciones; con 20 cuentas hace falta buscar y
   acotar. Todo va en CLASES, no en estilos incrustados: G-estilos cuenta los inline del
   panel (693) y un estilo suelto aquí lo pondría rojo. */
.lf-dg-buscar {
  width: 100%; margin: 4px 0 10px; padding: 11px 13px;
  background: var(--il-bg-elevated, #0d1017); color: var(--il-text, #EEF2F8);
  border: 1px solid var(--il-glass-border); border-radius: 10px;
  font-size: 16px;   /* 16px o iOS hace zoom al enfocar */
  -webkit-text-fill-color: var(--il-text, #EEF2F8);
}
.lf-dg-buscar:focus { outline: none; border-color: var(--il-accent); }
.lf-dg-filtros { display: flex; flex-wrap: wrap; gap: 7px; margin: 0 0 11px; }
.lf-dg-f {
  all: unset; cursor: pointer; padding: 8px 13px; border-radius: 999px;
  font-size: var(--il-fs-sm); font-weight: 600; line-height: 1.2;
  min-height: 36px; display: inline-flex; align-items: center; gap: 6px;
  border: 1px solid var(--il-glass-border); color: var(--il-text-dim);
  background: rgba(255, 255, 255, 0.03);
}
.lf-dg-f:hover { color: var(--il-text, #EEF2F8); }
.lf-dg-f.on {
  border-color: var(--il-accent); background: rgba(111, 138, 176, 0.16);
  color: var(--il-text, #EEF2F8);
}
.lf-dg-n { opacity: .6; font-weight: 500; font-variant-numeric: tabular-nums; }
/* .lf-dg-op es flex EN FILA (admin.css:1716): con dos lineas hay que apilarlas, o el
   correo se pega al nombre como si fuera parte del nombre. */
.lf-dg-op:has(.lf-dg-op-s) { flex-direction: column; align-items: flex-start; gap: 0; }
.lf-dg-op-t { display: block; font-weight: 600; }
.lf-dg-op-s { display: block; margin-top: 3px; font-size: var(--il-fs-xs); opacity: .62; font-weight: 400; }
.lf-dg-vacio { margin: 14px 4px; font-size: var(--il-fs-sm); color: var(--il-text-dim); text-align: center; }

/* ── «Selecciona un tema» en celular: el boton de omitir se aplastaba (CEO 2026-08-07) ──
   La fila es espaciador(flex:1) + barra de progreso(flex:0 0 210px, NO cede) + boton(flex:1).
   MEDIDO en 390px: la fila mide 358, la barra se queda con sus 210 fijos y los dos flex:1 se
   reparten los 116 que sobran -> 58px para el boton. Resultado: pildora de 60x95 con el texto
   partido en varias lineas y saliendose de su propio fondo.
   En pantallas estrechas manda el boton: fuera el espaciador (solo dentro de esta fila, que
   .ed-u-f1 es una utilidad compartida), la barra cede ancho, y el texto no se parte. */
@media (max-width: 700px) {
  .ch-fila16 > .ed-u-f1 { display: none; }
  .ch-fila16 > .ch-caja14 { flex: 1 1 auto; min-width: 0; }
  .ch-fila16 > .st-omitir-caja { flex: 0 0 auto; }
  .st-omitir { white-space: nowrap; }
}

/* EB-42 · la segunda cifra: cuántas visitas NO se contaron.
   Va PEGADA al número que explica y en tamaño pequeño, no en una tarjeta aparte: una
   tarjeta propia le daría al ruido el mismo peso visual que a la señal, y lo que el
   cliente tiene que leer primero es cuánta gente entró de verdad. Solo aparece si hay
   algo que descartar; en un link limpio no ensucia nada. */
.kpis .card .st-descartadas,
.card .st-descartadas {
  display: block;
  margin-top: 2px;
  font-size: 11px;
  line-height: 1.3;
  color: var(--il-text-faint, #7b8698);
  letter-spacing: 0;
  text-transform: none;
  cursor: help;
}