@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,700;12..96,800&family=Geist:wght@400;500;600;700&family=Geist+Mono:wght@500;600&display=swap');
/* ============================================================================================
   MI EQUIPO — panel de la cuenta del cliente
   [2026-09-22] Reescrito entero. La hoja anterior eran capas de parches (tanda 1, v2, rondas de
   revisión) pisándose por especificidad: reglas con #id para ganarle a otras reglas con #id, y
   anchos medidos a mano para una tabla que ya no existía. Leo: «poco comprensible», «más amigable».

   Un panel que se EXPLICA: arriba un resumen de cuatro tarjetas con ícono (crédito, usuarios,
   puestos, próximo cobro); abajo una tarjeta por tema, cada una con su ícono, su título y una
   línea en criollo que dice qué es. Los internos de una central se ven como fichas (501 502 …),
   no como una tabla de códigos. Los íconos se mueven SÓLO cuando significan algo (el auricular
   suena, la gente se acomoda, la nube flota) y todo movimiento respeta prefers-reduced-motion.

   Contratos que NO cambian (tests y arneses): los 4 colores de estado, nada menor a 12 px, la
   hoja de confirmación .mieq-sheet, .mieq-addform[hidden], el pliegue .is-fold, los pasos de la
   central en 6 segmentos y la barra de consumo por --p.
   ============================================================================================ */

#mi-equipo-modal{
  /* superficies y marca (las del CRM) */
  --bg:#13161C; --surf:#191D25; --elev:#20252F; --elev2:#262C38; --hover:#2A3140;
  --amber:#F2A33C; --amber-hot:#FFB85A; --teal:#2dd4bf; --green:#34d399; --coral:#fb7185;
  --fg:#ECEFF4; --mut:#8b95a8; --dim:#6b7588;
  --line:rgba(236,239,244,.08); --line2:rgba(236,239,244,.13);
  /* los ÚNICOS 4 colores de estado del panel */
  --st-ok:#57b88a; --st-pend:#E8B04A; --st-err:#d2566a; --st-none:#3a3f48;
  /* tipografía */
  --ui:"Outfit",system-ui,-apple-system,"Segoe UI",sans-serif; --mono:"JetBrains Mono",ui-monospace,monospace;
  /* movimiento: una curva para casi todo y tres duraciones */
  --ease:cubic-bezier(.2,0,0,1); --t1:140ms; --t2:240ms; --t3:420ms;
  /* radios */
  --r1:8px; --r2:12px; --r3:16px;

  position:fixed; inset:0; z-index:100000; display:none;
  align-items:center; justify-content:center;
  background:rgba(10,12,16,.72); backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px);
  font-family:var(--ui); color:var(--fg);
}
#mi-equipo-modal.open{ display:flex; }
#mi-equipo-modal *{ box-sizing:border-box; }
#mi-equipo-modal button{ font-family:var(--ui); }
#mi-equipo-modal svg{ display:block; flex-shrink:0; }

/* ── el panel ─────────────────────────────────────────────────────────────────────────────── */
.mieq-panel{
  width:min(840px,calc(100vw - 32px)); max-height:calc(100vh - 48px);
  background:var(--surf); border:1px solid var(--line2); border-radius:18px;
  box-shadow:0 30px 80px rgba(0,0,0,.55); display:flex; flex-direction:column; overflow:hidden;
}
.mieq-panel.term{ width:min(1180px,calc(100vw - 32px)); }
.mieq-head{ display:flex; align-items:center; gap:12px; padding:16px 20px; border-bottom:1px solid var(--line); }
.mieq-ic{ width:40px; height:40px; flex-shrink:0; border-radius:var(--r2); background:rgba(242,163,60,.12); color:var(--amber); display:flex; align-items:center; justify-content:center; }
.mieq-ttl{ font-weight:800; font-size:17px; letter-spacing:-.01em; }
.mieq-sub{ font-size:13px; color:var(--mut); margin-top:1px; }
.mieq-plan{ margin-left:auto; font-family:var(--mono); font-size:12px; color:var(--amber); background:rgba(242,163,60,.10); border:1px solid rgba(242,163,60,.28); border-radius:100px; padding:4px 12px; text-transform:uppercase; letter-spacing:.06em; }
.mieq-x{ width:34px; height:34px; flex-shrink:0; border:1px solid var(--line2); background:var(--elev); color:var(--mut); border-radius:var(--r1); cursor:pointer; display:flex; align-items:center; justify-content:center; transition:background var(--t1) var(--ease), color var(--t1) var(--ease); }
.mieq-x:hover{ background:var(--hover); color:var(--fg); }
.mieq-body{ padding:18px 20px 22px; overflow-y:auto; overscroll-behavior:contain; }
.mieq-foot{ padding:12px 20px; border-top:1px solid var(--line); font-size:12px; color:var(--mut); background:rgba(15,18,23,.5); display:flex; align-items:center; gap:8px; }
.mieq-foot b{ color:var(--amber); font-weight:600; }
.mieq-empty{ color:var(--mut); font-size:13px; padding:14px 4px; }

/* ── resumen: cuatro tarjetas con ícono ───────────────────────────────────────────────────── */
.mieq-resumen{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:0 0 18px; }
.mieq-rc{
  --tinte:var(--amber); position:relative; display:flex; align-items:flex-start; gap:12px; min-width:0;
  padding:14px 14px 14px; background:var(--elev); border:1px solid var(--line2); border-radius:var(--r2);
  transition:border-color var(--t2) var(--ease), transform var(--t2) var(--ease), background var(--t2) var(--ease);
}
.mieq-rc:hover{ border-color:color-mix(in srgb, var(--tinte) 40%, transparent); background:var(--elev2); }
.mieq-rc.is-credito{ --tinte:var(--amber); }
.mieq-rc.is-usuarios{ --tinte:var(--teal); }
.mieq-rc.is-puestos{ --tinte:var(--amber-hot); }
.mieq-rc.is-cobro{ --tinte:#8fb3ff; }
.mieq-rc.is-pend{ --tinte:var(--st-pend); }
.mieq-rc.is-err{ --tinte:var(--st-err); }
.mieq-rc-ico{ width:38px; height:38px; flex-shrink:0; display:flex; align-items:center; justify-content:center; border-radius:var(--r1); color:var(--tinte); background:color-mix(in srgb, var(--tinte) 13%, transparent); }
.mieq-rc-t{ display:flex; flex-direction:column; min-width:0; gap:2px; }
.mieq-rc-k{ font-size:12px; color:var(--mut); }
.mieq-rc-v{ font-family:var(--mono); font-size:22px; font-weight:700; line-height:1.15; color:var(--fg); white-space:nowrap; letter-spacing:-.02em; }
.mieq-rc.is-credito .mieq-rc-v{ color:var(--amber); }
.mieq-rc-s{ font-size:12px; color:var(--mut); line-height:1.35; }
.mieq-rc.is-pend .mieq-rc-s{ color:var(--st-pend); }
.mieq-rc.is-err .mieq-rc-s{ color:var(--st-err); }
.mieq-rc-bar{ display:block; height:4px; margin-top:6px; border-radius:4px; background:var(--line2); overflow:hidden; }
.mieq-rc-bar > i{ display:block; height:100%; width:var(--p,0%); border-radius:4px; background:var(--tinte); transition:width var(--t3) var(--ease); }
.mieq-rc-btn{ position:absolute; top:12px; right:12px; font-size:12px; font-weight:600; color:var(--amber); background:transparent; border:1px solid rgba(242,163,60,.35); border-radius:100px; padding:3px 10px; cursor:pointer; transition:background var(--t1) var(--ease); }
.mieq-rc-btn:hover{ background:rgba(242,163,60,.12); }

/* ── columnas ──────────────────────────────────────────────────────────────────────────────── */
.mieq-cols{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:16px; align-items:start; }
.mieq-cols.una{ grid-template-columns:minmax(0,1fr); }
.mieq-col{ min-width:0; display:flex; flex-direction:column; gap:16px; }

/* ── una tarjeta por tema ───────────────────────────────────────────────────────────────────── */
.mieq-mod{ --tinte:var(--teal); background:var(--elev); border:1px solid var(--line2); border-radius:var(--r3); overflow:hidden; }
.mieq-mod[data-mod="gente"]{ --tinte:var(--teal); }
.mieq-mod[data-mod="pu"]{ --tinte:var(--amber); }
.mieq-mod[data-mod="tel"]{ --tinte:var(--teal); }
.mieq-mod[data-mod="ce"]{ --tinte:#8fb3ff; }
.mieq-mod[data-mod="fuentes"]{ --tinte:var(--green); }
.mieq-mod[data-mod="mas"]{ --tinte:var(--amber-hot); }
.mieq-mod > .mieq-mod-body{ padding:4px 16px 16px; }
.mieq-mod.is-fold > .mieq-mod-body{ display:none; }

/* cabecera: ícono · título + qué es · cifra · teclas · flecha */
/* Las teclas de la cabecera (Agregar usuario / agente con teléfono) van en un segundo renglón debajo del
   título: en el mismo renglón le comían el ancho y el título quedaba en una columna de 40 px. */
.mieq-mh{
  --st:var(--st-none); display:grid; grid-template-columns:auto minmax(0,1fr) auto auto; align-items:center; column-gap:12px;
  margin:0; padding:14px 16px 12px; cursor:pointer; user-select:none;
}
.mieq-mh > .mieq-mh-k{ grid-column:2 / -1; grid-row:2; margin-top:10px; flex-wrap:wrap; }
.mieq-mh > .mieq-mh-chev{ grid-column:4; grid-row:1; }
.mieq-mh > .mieq-mh-c{ grid-column:3; grid-row:1; }
.mieq-mh::after{ display:none; }
.mieq-mh.is-ok{ --st:var(--st-ok); }
.mieq-mh.is-pend{ --st:var(--st-pend); }
.mieq-mh.is-err{ --st:var(--st-err); }
.mieq-mh.is-none{ --st:var(--st-none); }
.mieq-mh-ico{ position:relative; width:36px; height:36px; display:flex; align-items:center; justify-content:center; border-radius:10px; color:var(--tinte); background:color-mix(in srgb, var(--tinte) 13%, transparent); }
/* el estado del módulo es un punto en la esquina del ícono (antes era una franja de 3 px) */
.mieq-mh-ico::after{ content:""; position:absolute; right:-2px; top:-2px; width:10px; height:10px; border-radius:50%; background:var(--st); box-shadow:0 0 0 2px var(--elev); }
.mieq-mh.is-none .mieq-mh-ico::after{ display:none; }
.mieq-mh-t{ display:flex; flex-direction:column; min-width:0; gap:2px; }
.mieq-mh-r{ font-size:15px; font-weight:700; color:var(--fg); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.mieq-mh-s{ font-size:12px; color:var(--mut); line-height:1.4; }
.mieq-mh-c{ font-family:var(--mono); font-size:12px; font-weight:600; color:var(--fg); background:var(--elev2); border:1px solid var(--line2); border-radius:100px; padding:3px 10px; white-space:nowrap; }
.mieq-mh.is-pend .mieq-mh-c{ color:var(--st-pend); }
.mieq-mh.is-err .mieq-mh-c{ color:var(--st-err); }
.mieq-mh-k{ display:inline-flex; align-items:center; gap:6px; }
.mieq-mh-k:empty{ display:none; }
.mieq-mh-chev{ width:8px; height:8px; margin:0 4px; border-right:1.6px solid var(--mut); border-bottom:1.6px solid var(--mut); transform:rotate(45deg) translate(-2px,-2px); transition:transform var(--t2) var(--ease); }
.mieq-mod.is-fold .mieq-mh-chev{ transform:rotate(-45deg); }
.mieq-mh:hover .mieq-mh-r{ color:#fff; }

/* ── botones ───────────────────────────────────────────────────────────────────────────────── */
.mieq-addbtn{ display:inline-flex; align-items:center; gap:6px; font-size:12px; font-weight:700; color:#11141A; background:var(--amber); border:0; border-radius:var(--r1); padding:7px 12px; cursor:pointer; transition:background var(--t1) var(--ease), transform var(--t1) var(--ease); }
.mieq-addbtn:hover{ background:var(--amber-hot); }
.mieq-addbtn:active{ transform:scale(.97); }
.mieq-addbtn[disabled]{ opacity:.45; cursor:not-allowed; }
.mieq-addbtn.is-sec{ color:var(--amber); background:transparent; box-shadow:inset 0 0 0 1px rgba(242,163,60,.38); }
.mieq-addbtn.is-sec:hover{ background:rgba(242,163,60,.10); }
.mieq-create{ display:inline-flex; align-items:center; gap:6px; font-size:12px; font-weight:700; color:#11141A; background:var(--amber); border:0; border-radius:var(--r1); padding:8px 14px; cursor:pointer; white-space:nowrap; transition:background var(--t1) var(--ease), transform var(--t1) var(--ease); }
.mieq-create:hover{ background:var(--amber-hot); }
.mieq-create:active{ transform:scale(.97); }
.mieq-create[disabled]{ opacity:.5; cursor:not-allowed; }
.mieq-create.is-sec{ color:var(--amber); background:transparent; box-shadow:inset 0 0 0 1px rgba(242,163,60,.42); padding:5px 11px; }
.mieq-create.is-sec:hover{ background:rgba(242,163,60,.10); }
.mieq-grp .mieq-create.is-sec{ margin-left:2px; }
.mieq-act{ font-size:12px; font-weight:600; border:1px solid var(--line2); border-radius:var(--r1); padding:5px 10px; cursor:pointer; background:var(--elev2); color:var(--mut); white-space:nowrap; transition:background var(--t1) var(--ease), color var(--t1) var(--ease), border-color var(--t1) var(--ease); }
.mieq-act:hover{ color:var(--fg); }
.mieq-act.on{ border-color:rgba(52,211,153,.35); color:var(--green); }
.mieq-act.on:hover{ background:rgba(52,211,153,.10); }
.mieq-act.off:hover{ border-color:rgba(251,113,133,.45); color:var(--coral); background:rgba(251,113,133,.08); }
.mieq-msg{ font-size:12px; color:var(--mut); }
.mieq-msg.ok{ color:var(--green); }
.mieq-msg.err{ color:var(--coral); }

/* ── formularios de alta ──────────────────────────────────────────────────────────────────── */
.mieq-addform{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; background:var(--elev2); border:1px solid var(--line2); border-radius:var(--r2); padding:12px; margin:0 0 12px; }
.mieq-addform[hidden]{ display:none; }
.mieq-addform-k{ width:100%; font-size:12px; font-weight:700; color:var(--fg); }
.mieq-addform input, .mieq-addform select{ background:var(--bg); border:1px solid var(--line2); border-radius:var(--r1); color:var(--fg); font-family:var(--ui); font-size:13px; padding:8px 10px; outline:none; min-width:0; }
.mieq-addform input{ flex:1 1 140px; }
.mieq-addform input:focus, .mieq-addform select:focus{ border-color:rgba(242,163,60,.55); }

/* ── Tu gente: la tabla se lee como una lista de personas ─────────────────────────────────── */
.mieq-table{ width:100%; border-collapse:collapse; font-size:13px; }
.mieq-libro{ table-layout:fixed; }
.mieq-libro th{ position:sticky; top:0; z-index:1; height:24px; padding:0 8px; text-align:left; font-size:12px; font-weight:500; color:var(--dim); background:var(--elev); border-bottom:1px solid var(--line); white-space:nowrap; }
.mieq-libro td{ height:48px; padding:0 8px; vertical-align:middle; border-bottom:1px solid var(--line); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.mieq-libro tr:last-child td{ border-bottom:0; }
.mieq-libro tbody tr{ transition:background var(--t1) var(--ease); }
.mieq-libro tbody tr:hover{ background:var(--hover); }
/* anchos medidos para que «Administrador» y «sin interno» se lean enteros en una columna de ~520 px */
.mieq-libro th:nth-child(1), .mieq-libro td:nth-child(1){ width:28%; }
.mieq-libro th:nth-child(2), .mieq-libro td:nth-child(2){ width:24%; }
.mieq-libro th:nth-child(3), .mieq-libro td:nth-child(3){ width:19%; }
.mieq-libro th:nth-child(4), .mieq-libro td:nth-child(4){ width:14%; }
.mieq-libro th:nth-child(5), .mieq-libro td.mieq-use{ width:15%; text-align:right; }
.mieq-libro th:nth-child(6), .mieq-libro td.mieq-acts{ width:0; padding:0; }
.mieq-libro td:nth-child(1){ display:table-cell; }
.mieq-quien{ display:flex; align-items:center; gap:10px; min-width:0; }
.mieq-quien strong{ font-weight:600; overflow:hidden; text-overflow:ellipsis; }
/* avatar con las iniciales: el color sale del nombre (--h), así cada persona se reconoce de un vistazo */
.mieq-av{ --h:200; width:30px; height:30px; flex-shrink:0; display:inline-flex; align-items:center; justify-content:center; border-radius:50%; font-size:12px; font-weight:700; letter-spacing:.02em; color:hsl(var(--h) 70% 86%); background:hsl(var(--h) 38% 28%); }
.mieq-role{ display:inline-block; font-size:12px; font-weight:600; padding:3px 9px; border-radius:100px; color:var(--mut); background:var(--elev2); }
.mieq-role.owner{ color:var(--amber); background:rgba(242,163,60,.13); }
.mieq-role.operador-telefonia{ color:var(--amber-hot); background:rgba(242,163,60,.10); }
.mieq-ext{ font-family:var(--mono); font-size:12px; color:var(--teal); }
/* los selects se leen como texto y recién al pasar el mouse muestran que se pueden cambiar */
.mieq-libro .mieq-rolesel, .mieq-libro .mieq-extsel{
  appearance:none; -webkit-appearance:none; max-width:100%; font-family:var(--ui); font-size:13px; color:var(--fg);
  background:transparent no-repeat right 6px center; padding:5px 20px 5px 6px; margin-left:-6px;
  border:1px solid transparent; border-radius:var(--r1); cursor:pointer; outline:none;
  transition:border-color var(--t1) var(--ease), background-color var(--t1) var(--ease);
}
.mieq-libro .mieq-extsel{ font-size:12px; color:var(--teal); }
.mieq-libro tr:hover .mieq-rolesel, .mieq-libro tr:hover .mieq-extsel,
.mieq-libro tr:focus-within .mieq-rolesel, .mieq-libro tr:focus-within .mieq-extsel{
  border-color:var(--line2); background-color:var(--elev2);
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5'><path d='M1 1l3 3 3-3' fill='none' stroke='%238b95a8' stroke-width='1.4'/></svg>");
}
.mieq-rolesel option, .mieq-extsel option{ background:var(--elev); color:var(--fg); }
/* estado: punto + palabra */
.mieq-dot{ display:inline-block; width:8px; height:8px; margin-right:6px; border-radius:50%; background:var(--st-none); vertical-align:middle; }
.mieq-dot.active{ background:var(--st-ok); }
.mieq-dot.pending{ background:var(--st-pend); }
.mieq-dot.suspended, .mieq-dot.rejected{ background:var(--st-err); }
.mieq-st{ font-size:13px; vertical-align:middle; }
.mieq-st.active{ color:var(--st-ok); }
.mieq-st.pending{ color:var(--st-pend); }
.mieq-st.suspended, .mieq-st.rejected{ color:var(--st-err); }
.mieq-libro tr.is-suspended td, .mieq-libro tr.is-rejected td{ opacity:.62; }
/* consumo: la cifra y, al pie, una barra relativa al que más gastó (--p) */
.mieq-libro td.mieq-use{ position:relative; font-family:var(--mono); font-size:12px; }
.mieq-libro .mieq-use::before{ content:""; position:absolute; right:8px; bottom:10px; height:3px; width:calc(var(--p, 0) * 0.6%); max-width:60%; border-radius:2px; background:var(--amber); opacity:.75; }
/* las teclas de cada fila aparecen al pasar el mouse, flotando sobre la fila */
.mieq-libro td.mieq-acts{ position:relative; overflow:visible; }
.mieq-acts-wrap{ position:absolute; right:8px; top:50%; transform:translateY(-50%); display:flex; gap:6px; }
.mieq-libro .mieq-act{ opacity:0; pointer-events:none; transition:opacity var(--t1) var(--ease); }
.mieq-libro tr:hover .mieq-act, .mieq-libro tr:focus-within .mieq-act{ opacity:1; pointer-events:auto; }
@media (hover:none){ .mieq-libro .mieq-act{ opacity:1; pointer-events:auto; } }

/* ── avisos en criollo (sin email, pedido pendiente, pedido que falló) ────────────────────── */
.mieq-aviso{ --st:var(--st-pend); display:flex; align-items:flex-start; gap:10px; margin:0 0 10px; padding:10px 12px; font-size:13px; line-height:1.45; color:var(--fg); background:color-mix(in srgb, var(--st) 8%, transparent); border:1px solid color-mix(in srgb, var(--st) 26%, transparent); border-radius:var(--r2); }
.mieq-aviso.is-err{ --st:var(--st-err); }
.mieq-aviso.is-ok{ --st:var(--st-ok); }
.mieq-aviso-ico{ color:var(--st); margin-top:1px; }
.mieq-aviso b{ font-weight:700; }
/* el pedido pendiente de pago: texto y las dos formas de pagar */
.mieq-orden{ flex-wrap:wrap; align-items:center; }
.mieq-orden > span:first-of-type{ flex:1 1 220px; }

/* ── bloques genéricos: banners, renglones clave/valor, fila de acción ────────────────────── */
.mieq-tel{ display:flex; flex-direction:column; gap:10px; }
.mieq-tel-banner{ --st:var(--st-none); font-size:13px; line-height:1.45; color:var(--fg); border:0; border-left:3px solid var(--st); border-radius:0 var(--r1) var(--r1) 0; padding:9px 12px; background:rgba(236,239,244,.03); }
.mieq-tel-banner b{ font-weight:700; }
.mieq-tel-banner.run{ --st:var(--st-pend); background:rgba(232,176,74,.07); }
.mieq-tel-banner.run b{ color:var(--st-pend); }
.mieq-tel-banner.ok{ --st:var(--st-ok); background:rgba(87,184,138,.07); }
.mieq-tel-banner.ok b{ color:var(--st-ok); }
.mieq-tel-banner.pend{ --st:var(--st-pend); }
.mieq-tel-banner.pend b{ color:var(--st-pend); }
.mieq-tel-banner.err{ --st:var(--st-err); background:rgba(210,86,106,.08); }
.mieq-tel-banner.err b{ color:var(--st-err); }
.mieq-tel-cta{ display:flex; flex-wrap:wrap; align-items:center; gap:8px 10px; font-size:13px; color:var(--mut); }
.mieq-tel-cta b{ color:var(--fg); }
.mieq-tel-price{ font-family:var(--mono); font-size:13px; color:var(--teal); }
.mieq-tel-price b{ color:var(--teal); }
.mieq-tel-dolar{ color:var(--mut); }
/* 24-09 · oferta de lanzamiento de puestos: la fecha de fin en ámbar y la lista tachada, sin gritar */
.mieq-oferta{ font-family:var(--ui); font-size:12px; color:var(--amber); background:rgba(242,163,60,.10); border:1px solid rgba(242,163,60,.28); border-radius:100px; padding:1px 8px; white-space:nowrap; }
.mieq-lista{ color:var(--mut); font-size:12px; }
.mieq-tel-cta input[type="number"], .mieq-tel-cta select{ background:var(--bg); border:1px solid var(--line2); border-radius:var(--r1); color:var(--fg); font-family:var(--ui); font-size:13px; padding:7px 10px; outline:none; }
.mieq-tel-cta input[type="number"]{ width:72px; }
.mieq-kvs{ display:flex; flex-direction:column; background:var(--elev2); border-radius:var(--r2); padding:2px 12px; }
.mieq-kv{ display:grid; grid-template-columns:96px minmax(0,1fr) auto; align-items:center; gap:0 10px; min-height:40px; font-size:13px; border-bottom:1px solid var(--line); }
.mieq-kv:last-child{ border-bottom:0; }
.mieq-kv > .k{ font-size:12px; color:var(--mut); }
.mieq-kv > .v{ font-family:var(--mono); font-size:13px; color:var(--fg); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mieq-kv > .v a{ color:var(--teal); text-decoration:none; }
.mieq-kv > .v a:hover{ text-decoration:underline; }
.mieq-kv.is-pend > .v{ color:var(--st-pend); }
.mieq-kv.is-err > .v{ color:var(--st-err); }

/* ── Puestos: la tira para sumar, con + y − ───────────────────────────────────────────────── */
.mieq-tira{ padding:12px; background:var(--elev2); border:1px dashed var(--line2); border-radius:var(--r2); }
.mieq-tira-l{ font-weight:700; color:var(--fg); }
.mieq-step{ display:inline-flex; align-items:center; background:var(--bg); border:1px solid var(--line2); border-radius:var(--r1); overflow:hidden; }
.mieq-step .mieq-step-b{ width:30px; height:32px; display:flex; align-items:center; justify-content:center; border:0; background:transparent; color:var(--mut); cursor:pointer; transition:background var(--t1) var(--ease), color var(--t1) var(--ease); }
.mieq-step .mieq-step-b:hover{ background:var(--hover); color:var(--fg); }
.mieq-step .mieq-step-b:active svg{ transform:scale(.85); }
.mieq-tira .mieq-step input[type="number"]{ width:44px; height:32px; padding:0; border:0; border-radius:0; background:transparent; text-align:center; font-family:var(--mono); font-size:14px; font-weight:700; -moz-appearance:textfield; }
.mieq-step input::-webkit-outer-spin-button, .mieq-step input::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }
.mieq-tira .mieq-tel-price{ margin-left:auto; }

/* ── Puestos: una tarjeta por central, los internos como fichas ───────────────────────────── */
.mieq-grupo{ border:1px solid var(--line2); border-radius:var(--r2); background:var(--elev2); overflow:hidden; }
.mieq-grp{ --st:var(--st-none); display:flex; align-items:center; gap:10px; padding:11px 12px; font-size:13px; }
.mieq-grp.is-ok{ --st:var(--st-ok); }
.mieq-grp.is-pend{ --st:var(--st-pend); }
.mieq-grp.is-err{ --st:var(--st-err); }
.mieq-grp-ico{ width:30px; height:30px; display:flex; align-items:center; justify-content:center; border-radius:var(--r1); color:var(--mut); background:var(--bg); }
.mieq-grp > b{ font-weight:700; color:var(--fg); white-space:nowrap; }
.mieq-grp-e{ margin-left:auto; font-size:12px; font-weight:600; color:var(--st); background:color-mix(in srgb, var(--st) 12%, transparent); border-radius:100px; padding:3px 10px; white-space:nowrap; }
.mieq-chips{ display:flex; flex-wrap:wrap; gap:6px; padding:0 12px 12px; }
.mieq-chip{
  --st:var(--st-none); display:inline-flex; align-items:center; gap:6px; height:32px; padding:0 11px 0 9px;
  font-family:var(--mono); font-size:13px; font-weight:600; color:var(--fg);
  background:var(--bg); border:1px solid var(--line2); border-radius:9px; cursor:default;
  transition:transform var(--t1) var(--ease), border-color var(--t1) var(--ease), background var(--t1) var(--ease);
}
button.mieq-chip{ cursor:pointer; }
.mieq-chip.is-ok{ --st:var(--st-ok); }
.mieq-chip.is-pend{ --st:var(--st-pend); }
.mieq-chip.is-err{ --st:var(--st-err); }
.mieq-chip .mieq-dot{ margin:0; width:7px; height:7px; background:var(--st); }
.mieq-chip-key{ width:0; opacity:0; overflow:hidden; color:var(--amber); transition:width var(--t2) var(--ease), opacity var(--t2) var(--ease); }
button.mieq-chip:hover, button.mieq-chip:focus-visible{ border-color:rgba(242,163,60,.55); background:var(--hover); transform:translateY(-1px); outline:none; }
button.mieq-chip:hover .mieq-chip-key, button.mieq-chip:focus-visible .mieq-chip-key{ width:14px; opacity:1; }
button.mieq-chip:active{ transform:translateY(0) scale(.97); }
.mieq-chips-nota{ margin:0; padding:0 2px; font-size:12px; color:var(--dim); }

/* ── [23-09] Tus centrales: lo que pagás a la vez, lo que usaste, los días por interno y el mes ── */
/* [23-09] lo ancho (Tu gente, Tus centrales) arriba y lo chico en dos columnas al pie: sin huecos */
.mieq-ancho{ display:flex; flex-direction:column; gap:16px; }
.mieq-ancho + .mieq-cols{ margin-top:16px; }
/* las centrales lado a lado, con la misma altura; el renglón del mes pegado abajo */
.mieq-grupos{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; align-items:stretch; }
.mieq-grupos.uno{ grid-template-columns:minmax(0,1fr); }
.mieq-grupos > .mieq-grupo:last-child:nth-child(odd):not(:first-child){ grid-column:1 / -1; }
.mieq-grupo{ display:flex; flex-direction:column; }
.mieq-grupo > .mieq-mes{ margin-top:auto; }
@media (max-width:1000px){ .mieq-grupos{ grid-template-columns:minmax(0,1fr); } }
.mieq-grp-e:empty{ display:none; }
.mieq-grp-e.is-info{ color:var(--mut); background:rgba(236,239,244,.05); font-weight:500; }
.mieq-grp .mieq-act{ margin-left:auto; }
.mieq-grp-e:not(:empty) + .mieq-act{ margin-left:8px; }
.mieq-cap{ --st:var(--st-ok); display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:4px 12px; padding:0 12px 12px; }
.mieq-cap.is-pend{ --st:var(--st-pend); }
.mieq-cap.is-err{ --st:var(--st-err); }
.mieq-cap-n{ display:flex; flex-direction:column; gap:2px; min-width:0; }
.mieq-cap-n b{ font-family:var(--mono); font-size:20px; font-weight:700; line-height:1.1; color:var(--fg); }
.mieq-cap-n small{ font-size:12px; color:var(--mut); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.mieq-cap-n.is-pasa b{ color:var(--st); }
/* la barra: el relleno es lo que usaste a la vez; la marca, lo que pagás; lo que pasa de la marca, ámbar */
.mieq-cap-bar{ grid-column:1 / -1; position:relative; height:6px; margin-top:6px; border-radius:6px; background:var(--bg); }
.mieq-cap-bar .u{ position:absolute; left:0; top:0; bottom:0; border-radius:6px; background:var(--st-ok); }
.mieq-cap-bar .x{ position:absolute; top:0; bottom:0; border-radius:0 6px 6px 0; background:var(--st); }
.mieq-cap-bar .m{ position:absolute; top:-3px; bottom:-3px; width:2px; margin-left:-1px; border-radius:2px; background:var(--fg); opacity:.7; }
.mieq-grupo > .mieq-aviso{ margin:0 12px 12px; }
.mieq-chip-d{ font-family:var(--ui); font-size:12px; font-weight:500; color:var(--mut); }
.mieq-chip.is-quieto{ opacity:.6; }
.mieq-chip.is-suelto{ --st:var(--st-pend); border-style:dashed; }
/* [2026-10-06] El nombre de cada puesto (lo que la Torre muestra en vez de «S503»): debajo de la ficha, un texto que se
   edita en el lugar. En reposo se lee como texto; gana borde al pasar o al escribir (borde y fondo transparentes, nunca
   opacity/visibility). Sin nombres cargados la grilla no se arma y las fichas quedan como siempre. */
.mieq-chips.con-nombres{ display:grid; grid-template-columns:repeat(auto-fill, minmax(128px, 1fr)); gap:8px; }
.mieq-chips.con-nombres > .mieq-chip{ align-self:start; }
.mieq-ficha{ display:flex; flex-direction:column; gap:3px; min-width:0; }
.mieq-ficha > .mieq-chip{ width:100%; }
.mieq-nom{ position:relative; display:block; min-width:0; cursor:text; }
.mieq-nom-in{ display:block; width:100%; height:26px; padding:0 8px; font-family:var(--ui); font-size:13px; font-weight:500; color:var(--fg); background:transparent; border:1px solid transparent; border-radius:7px; outline:none; text-overflow:ellipsis; transition:border-color var(--t1) var(--ease), background var(--t1) var(--ease); }
.mieq-nom-in::placeholder{ color:var(--dim); font-weight:400; opacity:1; }
.mieq-nom:hover .mieq-nom-in{ border-color:var(--line2); background:var(--bg); }
.mieq-nom:focus-within .mieq-nom-in{ border-color:rgba(242,163,60,.55); background:var(--bg); }
.mieq-nom-in[aria-invalid="true"]{ border-color:color-mix(in srgb, var(--st-err) 70%, transparent); }
.mieq-nom-msg{ position:absolute; right:4px; top:50%; transform:translateY(-50%); max-width:calc(100% - 8px); padding:0 6px; font-size:12px; line-height:18px; border-radius:6px; background:var(--elev2); color:var(--mut); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; pointer-events:none; }
.mieq-nom-msg:empty{ display:none; }
.mieq-nom-msg.ok{ color:var(--st-ok); }
.mieq-nom-msg.err{ color:var(--st-err); }
.mieq-nom-txt{ display:block; padding:0 9px; font-size:13px; line-height:26px; color:var(--fg); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
@media (prefers-reduced-motion:no-preference){
  #mieqBody.mieq-entra .mieq-ficha > .mieq-nom, #mieqBody.mieq-entra .mieq-ficha > .mieq-nom-txt{ animation:mieqAparece var(--t2) var(--ease) both; animation-delay:calc(var(--i, 0) * 22ms + 200ms); }
}
/* el renglón del mes: el pedido sin pagar (con + y −), lo sugerido para el que viene, o «ya está pago» */
.mieq-mes{ --st:var(--st-none); display:flex; flex-wrap:wrap; align-items:center; gap:8px 10px; padding:10px 12px; font-size:13px; color:var(--mut); border-top:1px solid var(--line); background:color-mix(in srgb, var(--st) 6%, transparent); }
.mieq-mes.is-pend{ --st:var(--st-pend); }
.mieq-mes.is-ok{ --st:var(--st-ok); }
.mieq-mes-t{ display:flex; flex-direction:column; min-width:96px; }
.mieq-mes-t b{ font-weight:700; color:var(--fg); }
.mieq-mes-t small{ font-size:12px; color:var(--mut); }
.mieq-mes-u b{ color:var(--fg); }
.mieq-mes-u em{ font-style:normal; color:var(--st-pend); }
.mieq-mes-p{ margin-left:auto; font-family:var(--mono); color:var(--teal); }
.mieq-mes-p b{ color:var(--teal); }
.mieq-mes-ok{ margin-left:auto; color:var(--st-ok); }
.mieq-step-s .mieq-step-b{ width:28px; height:30px; }
.mieq-step-s input[type="number"]{ width:40px; height:30px; padding:0; border:0; background:transparent; text-align:center; font-family:var(--mono); font-size:14px; font-weight:700; color:var(--fg); outline:none; -moz-appearance:textfield; }
/* [29-09] la cuenta del mes: una línea arriba de las centrales con el mes, cuántos puestos, el total en pesos y
   una tecla que paga todo. El color de la guarda izquierda dice si falta pagar (ámbar), si venció (rojo) o si está pago. */
.mieq-cuenta{ --st:var(--st-none); display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; padding:10px 12px; font-size:13px; color:var(--mut);
  background:color-mix(in srgb, var(--st) 7%, var(--elev)); border:1px solid var(--line); border-left:3px solid var(--st); border-radius:var(--r2); }
.mieq-cuenta.is-pend{ --st:var(--st-pend); }
.mieq-cuenta.is-err{ --st:var(--st-err); }
.mieq-cuenta.is-ok{ --st:var(--st-ok); }
.mieq-cuenta-t{ display:flex; flex-direction:column; min-width:96px; }
.mieq-cuenta-t b{ font-weight:700; color:var(--fg); }
.mieq-cuenta-t small{ font-size:12px; color:var(--mut); }
.mieq-cuenta.is-pend .mieq-cuenta-t small, .mieq-cuenta.is-err .mieq-cuenta-t small{ color:var(--st); }
.mieq-cuenta-d{ flex:1 1 200px; min-width:0; }
.mieq-cuenta-d b{ color:var(--fg); }
.mieq-cuenta-d em{ font-style:normal; color:var(--st-pend); }
.mieq-cuenta-p{ margin-left:auto; font-family:var(--mono); font-size:18px; font-weight:700; color:var(--fg); }
.mieq-cuenta-f{ font-size:12px; color:var(--st-pend); }
.mieq-cuenta .mieq-mes-ok{ margin-left:auto; }
.mieq-cuenta .mieq-msg:empty{ display:none; }
.mieq-cuenta .mieq-msg{ flex-basis:100%; }

/* ── Accesos de un puesto (antes era un alert del navegador) ───────────────────────────────── */
.mieq-acc{ margin:0 12px 12px; padding:12px; background:var(--bg); border:1px solid rgba(242,163,60,.30); border-radius:var(--r2); }
.mieq-acc-h{ display:flex; align-items:center; gap:10px; margin-bottom:10px; font-size:13px; }
.mieq-acc-h .mieq-acc-ico{ color:var(--amber); }
.mieq-acc-h b{ font-size:14px; }
.mieq-acc-h span{ color:var(--mut); }
.mieq-acc-h .mieq-act{ margin-left:auto; }
.mieq-acc-g{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.mieq-acc-b{ min-width:0; padding:10px; background:var(--elev); border-radius:var(--r1); }
.mieq-acc-b > b{ display:block; font-size:13px; color:var(--fg); }
.mieq-acc-b > p{ margin:2px 0 8px; font-size:12px; color:var(--mut); line-height:1.35; }
.mieq-acc-b > p a{ color:var(--teal); word-break:break-all; text-decoration:none; }
.mieq-acc-b > p a:hover{ text-decoration:underline; }
/* rótulo arriba, dato y tecla de copiar abajo: en tres columnas de ~150 px no entran los tres en un renglón */
.mieq-acc-kv{ display:grid; grid-template-columns:minmax(0,1fr) auto; grid-template-areas:"k k" "v b"; align-items:center; column-gap:6px; padding:4px 0; font-size:12px; border-top:1px solid var(--line); }
.mieq-acc-kv > span:first-child{ grid-area:k; color:var(--mut); }
/* una clave NUNCA se corta con «…»: si no entra, parte en dos renglones (se lee entera y se selecciona de un toque) */
.mieq-acc-kv > code{ grid-area:v; font-family:var(--mono); font-size:12px; font-weight:600; line-height:1.35; color:var(--fg); white-space:normal; word-break:break-all; user-select:all; }
.mieq-acc-kv > code.falta{ color:var(--st-pend); font-family:var(--ui); font-weight:500; font-size:12px; white-space:normal; user-select:none; }
.mieq-acc-kv > code.dato{ color:var(--mut); font-family:var(--ui); font-weight:500; font-size:12px; white-space:normal; user-select:none; }
.mieq-acc-kv > .mieq-act{ grid-area:b; padding:3px 8px; }
.mieq-acc-k{ display:flex; align-items:center; gap:10px; margin-top:10px; }

/* ── Tu central en la nube: pasos del provisioning y accesos ──────────────────────────────── */
.mieq-ce-steps{ display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:4px; }
.mieq-ce-step{ min-width:0; font-size:12px; color:var(--mut); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.mieq-ce-step > i{ display:block; height:4px; border-radius:2px; background:var(--elev); border:1px solid var(--line2); margin-bottom:4px; }
.mieq-ce-step.ok{ color:var(--st-ok); }
.mieq-ce-step.ok > i{ background:var(--st-ok); border-color:transparent; }
.mieq-ce-step.err{ color:var(--st-err); }
.mieq-ce-step.err > i{ background:var(--st-err); border-color:transparent; }
.mieq-ce-step.run{ color:var(--st-pend); }
.mieq-ce-step.run > i{ background:var(--st-pend); border-color:transparent; animation:mieqLate 1.2s ease-in-out infinite; }
.mieq-ce-kv{ display:grid; grid-template-columns:auto 1fr; gap:6px 12px; align-items:center; font-size:13px; }
.mieq-ce-kv.acts{ grid-template-columns:auto 1fr auto; }
.mieq-ce-kv .k{ font-size:12px; color:var(--mut); }
.mieq-ce-kv .v{ font-family:var(--mono); font-size:12px; color:var(--fg); word-break:break-all; }
.mieq-ce-kv .v a{ color:var(--teal); }

/* ── Mis centrales y mis líneas: una fila por fuente, con el ícono de lo que es ──────────── */
.mieq-filas{ display:flex; flex-direction:column; background:var(--elev2); border-radius:var(--r2); overflow:hidden; }
.mieq-fila{ --st:var(--st-none); display:grid; grid-template-columns:28px minmax(0,1fr) auto auto; align-items:center; column-gap:10px; min-height:44px; padding:6px 10px; font-size:13px; color:var(--fg); border-bottom:1px solid var(--line); }
.mieq-fila:last-child{ border-bottom:0; }
.mieq-fila.is-ok{ --st:#57b88a; }
.mieq-fila.is-pend{ --st:#E8B04A; }
.mieq-fila.is-err{ --st:#d2566a; }
.mieq-fila.is-none{ --st:#3a3f48; color:var(--mut); }
.mieq-fila-ico{ width:28px; height:28px; display:flex; align-items:center; justify-content:center; border-radius:var(--r1); color:var(--st); background:color-mix(in srgb, var(--st) 14%, transparent); }
.mieq-fila.is-none .mieq-fila-ico{ color:var(--mut); background:var(--bg); }
.mieq-fila-t{ display:flex; flex-direction:column; min-width:0; }
.mieq-fila-t > b{ font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.mieq-fila-t > span{ font-size:12px; color:var(--mut); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.mieq-fila-t > span .mono{ font-family:var(--mono); font-size:12px; }
.mieq-fila-e{ font-size:12px; font-weight:600; color:var(--st); white-space:nowrap; }
.mieq-fila.is-none .mieq-fila-e{ color:var(--mut); font-weight:500; }
.mieq-fila-k{ display:flex; justify-content:flex-end; gap:6px; }
.mieq-fila-k:empty{ display:none; }
.mieq-fila[aria-disabled="true"]{ cursor:default; }
.mieq-fuentes-nota{ margin:8px 2px 0; font-size:12px; color:var(--dim); }

/* ── Más servicios: una oferta por renglón ────────────────────────────────────────────────── */
.mieq-cotiza{ border:1px solid var(--line2); border-radius:var(--r2); background:var(--elev2); }
.mieq-cotiza + .mieq-cotiza{ margin-top:8px; }
.mieq-cotiza > summary{ display:flex; align-items:center; gap:10px; padding:11px 12px; list-style:none; cursor:pointer; font-size:13px; font-weight:600; color:var(--fg); }
.mieq-cotiza > summary::-webkit-details-marker{ display:none; }
.mieq-cotiza-ico{ width:28px; height:28px; display:flex; align-items:center; justify-content:center; border-radius:var(--r1); color:var(--amber-hot); background:rgba(242,163,60,.12); }
.mieq-cotiza-n{ margin-left:auto; font-family:var(--mono); font-size:12px; color:var(--teal); }
.mieq-cotiza > .mieq-tel-cta{ padding:0 12px 12px; }

/* ── hoja de confirmación (reemplaza al confirm del navegador) ────────────────────────────── */
.mieq-sheet{ --st:var(--st-pend); position:relative; margin:0 16px 12px; padding:12px 14px; background:var(--bg); border:1px solid var(--line2); border-left:3px solid var(--st); border-radius:var(--r2); box-shadow:0 12px 28px rgba(0,0,0,.35); outline:none; animation:mieqSheetIn .22s var(--ease) both; }
.mieq-sheet.is-err{ --st:var(--st-err); }
.mieq-sheet-t{ font-size:14px; font-weight:700; margin-bottom:8px; }
.mieq-sheet-r{ display:grid; grid-template-columns:130px minmax(0,1fr); gap:10px; padding:4px 0; font-size:13px; border-top:1px solid var(--line); }
.mieq-sheet-r .k{ color:var(--mut); font-size:12px; }
.mieq-sheet-r .v{ color:var(--fg); line-height:1.4; }
.mieq-sheet-r .v.neg{ color:var(--st-err); font-weight:700; }
.mieq-sheet-aviso{ margin-top:8px; font-size:12px; font-weight:700; color:var(--st-err); }
.mieq-sheet-k{ display:flex; gap:8px; margin-top:12px; }
@keyframes mieqSheetIn{ from{ opacity:0; transform:translateY(-6px); } to{ opacity:1; transform:none; } }
@media (prefers-reduced-motion:reduce){ .mieq-sheet{ animation:none; } }

/* ============================================================================================
   MOVIMIENTO — cada uno dice algo; nada se mueve porque sí
   · al abrir, las tarjetas suben en cascada (entran UNA vez: los relojes de la sala de espera
     repintan cada 15 s y no pueden volver a animar todo, por eso va atado a #mieqBody.mieq-entra);
   · el punto de «activo» respira: está vivo;
   · los íconos, al pasar por su tarjeta: el auricular suena, la gente se acomoda, la nube flota,
     la billetera deja caer la moneda, el calendario da vuelta la hoja, la lupa busca.
   ============================================================================================ */
@keyframes mieqSube{ from{ opacity:0; transform:translateY(10px); } to{ opacity:1; transform:none; } }
@keyframes mieqAparece{ from{ opacity:0; transform:scale(.9); } to{ opacity:1; transform:none; } }
@keyframes mieqRespira{ 0%,100%{ box-shadow:0 0 0 0 color-mix(in srgb, var(--st-ok) 55%, transparent); } 50%{ box-shadow:0 0 0 4px color-mix(in srgb, var(--st-ok) 0%, transparent); } }
@keyframes mieqLate{ 0%,100%{ opacity:1; } 50%{ opacity:.35; } }
@keyframes mieqSuena{ 0%,100%{ transform:rotate(0); } 20%{ transform:rotate(-12deg); } 40%{ transform:rotate(10deg); } 60%{ transform:rotate(-7deg); } 80%{ transform:rotate(4deg); } }
@keyframes mieqAcomoda{ 0%,100%{ transform:none; } 45%{ transform:translate(1.5px,-2px); } }
@keyframes mieqFlota{ 0%,100%{ transform:none; } 50%{ transform:translateY(-2.5px); } }
@keyframes mieqMoneda{ 0%{ transform:translateY(-6px); opacity:0; } 60%{ transform:translateY(1px); opacity:1; } 100%{ transform:none; } }
@keyframes mieqHoja{ 0%,100%{ transform:none; } 50%{ transform:scaleY(.2); } }
@keyframes mieqBusca{ 0%,100%{ transform:none; } 50%{ transform:translate(1.5px,1.5px); } }
@keyframes mieqChispa{ 0%,100%{ transform:none; } 50%{ transform:rotate(18deg) scale(1.12); } }

@media (prefers-reduced-motion:no-preference){
  #mieqBody.mieq-entra .mieq-rc,
  #mieqBody.mieq-entra .mieq-mod{ animation:mieqSube var(--t3) var(--ease) both; animation-delay:calc(var(--i, 0) * 55ms); }
  #mieqBody.mieq-entra .mieq-chip{ animation:mieqAparece var(--t2) var(--ease) both; animation-delay:calc(var(--i, 0) * 22ms + 160ms); }
  .mieq-dot.active{ animation:mieqRespira 2.6s ease-in-out infinite; }
  .mieq-ce-step.run > i{ animation:mieqLate 1.2s ease-in-out infinite; }

  #mi-equipo-modal svg .a{ transform-box:fill-box; transform-origin:center; }
  .mieq-mh:hover [data-ico="auricular"] svg, .mieq-rc:hover [data-ico="auricular"] svg{ animation:mieqSuena .44s var(--ease); transform-origin:50% 30%; }
  .mieq-mh:hover [data-ico="equipo"] .a, .mieq-rc:hover [data-ico="equipo"] .a{ animation:mieqAcomoda .5s var(--ease); }
  .mieq-mh:hover [data-ico="nube"] svg{ animation:mieqFlota 1.6s ease-in-out infinite; }
  .mieq-rc:hover [data-ico="billetera"] .a{ animation:mieqMoneda .42s var(--ease); }
  .mieq-rc:hover [data-ico="calendario"] .a{ animation:mieqHoja .42s var(--ease); }
  .mieq-mh:hover [data-ico="enchufe"] .a{ animation:mieqBusca .5s var(--ease); }
  .mieq-mh:hover [data-ico="chispa"] .a{ animation:mieqChispa .5s var(--ease); }
  .mieq-grp:hover [data-ico="central"] .a{ animation:mieqLate .9s ease-in-out 2; }
}
@media (prefers-reduced-motion:reduce){
  #mi-equipo-modal *, #mi-equipo-modal *::before, #mi-equipo-modal *::after{ animation:none !important; transition-duration:1ms !important; }
}

/* ============================================================================================
   VENTANA ANGOSTA (≤ 1000 px): una columna; el resumen de a dos
   ============================================================================================ */
@media (max-width:1000px){
  .mieq-resumen{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .mieq-acc-g{ grid-template-columns:minmax(0,1fr); }
}

/* ============================================================================================
   CELULAR (≤ 680 px): pantalla entera, todo en una columna, cada persona un renglón
   ============================================================================================ */
@media (max-width:680px){
  #mi-equipo-modal{ align-items:stretch; justify-content:stretch; backdrop-filter:none; -webkit-backdrop-filter:none; }
  .mieq-panel, .mieq-panel.term{ width:100vw; max-width:100vw; height:100vh; height:100dvh; max-height:100dvh; border-radius:0; border:0; }
  .mieq-head{ padding:12px 14px; gap:10px; }
  .mieq-ic{ width:34px; height:34px; }
  .mieq-body{ padding:12px 12px 18px; -webkit-overflow-scrolling:touch; }
  .mieq-foot{ display:block; padding:10px 14px; line-height:1.45; }

  /* resumen 2 × 2, más chico */
  .mieq-resumen{ gap:8px; margin-bottom:12px; }
  .mieq-rc{ padding:11px; gap:9px; }
  .mieq-rc-ico{ width:32px; height:32px; }
  .mieq-rc-v{ font-size:18px; }
  .mieq-rc-btn{ position:static; align-self:flex-start; margin-top:6px; }
  /* en el celular el título de la tarjeta se lee entero (parte en dos renglones antes que cortarse con «…») */
  .mieq-mh-r{ white-space:normal; }

  .mieq-cols{ gap:12px; }
  .mieq-col{ gap:12px; }
  .mieq-mh{ padding:12px 12px 10px; column-gap:10px; grid-template-columns:auto minmax(0,1fr) auto auto; }
  .mieq-mh-ico{ width:32px; height:32px; }
  /* las teclas de la cabecera (agregar usuario, etc.) bajan a su propio renglón */
  .mieq-mh-k{ grid-column:1 / -1; grid-row:2; flex-wrap:wrap; margin-top:10px; }
  .mieq-mh-chev{ grid-column:4; grid-row:1; }
  .mieq-mod > .mieq-mod-body{ padding:2px 12px 12px; }

  /* Tu gente: un renglón por persona (nombre, rol, consumo, estado); tocarlo muestra interno y teclas */
  .mieq-libro, .mieq-libro tbody{ display:block; width:100%; }
  .mieq-libro thead{ display:none; }
  .mieq-libro tr{
    display:grid; grid-template-columns:minmax(0,1fr) auto auto 12px; grid-template-areas:"u rol use st";
    align-items:center; column-gap:8px; row-gap:8px; min-height:52px; padding:0 2px; border-bottom:1px solid var(--line);
  }
  .mieq-libro tr:last-child{ border-bottom:0; }
  .mieq-libro tbody tr:hover{ background:transparent; }
  .mieq-libro td, .mieq-libro td:nth-child(1), .mieq-libro td.mieq-use, .mieq-libro td.mieq-acts{ display:block; width:auto; height:auto; padding:0; border:0; overflow:visible; }
  .mieq-libro td:nth-child(1){ grid-area:u; min-width:0; overflow:hidden; }
  .mieq-libro td:nth-child(2){ grid-area:rol; }
  .mieq-libro td:nth-child(3){ grid-area:ext; display:none; }
  .mieq-libro td:nth-child(4){ grid-area:st; justify-self:end; position:relative; }
  .mieq-libro td.mieq-use{ grid-area:use; color:var(--mut); }
  .mieq-libro .mieq-use::before{ display:none; }
  .mieq-libro td.mieq-acts{ grid-area:acts; display:none; }
  .mieq-acts-wrap{ position:static; transform:none; justify-content:flex-end; }
  .mieq-libro .mieq-st.active{ display:none; }
  .mieq-libro td:nth-child(4) .mieq-dot{ margin:0; }
  .mieq-libro .mieq-rolesel, .mieq-libro .mieq-extsel{ max-width:120px; color:var(--mut); }
  .mieq-libro tr:has(select, .mieq-act){ cursor:pointer; }
  .mieq-libro tr:has(select, .mieq-act) td:nth-child(4)::after{ content:""; position:absolute; right:-13px; top:50%; width:6px; height:6px; margin-top:-4px; border-right:1.5px solid var(--mut); border-bottom:1.5px solid var(--mut); transform:rotate(-45deg); transition:transform var(--t2) var(--ease); }
  .mieq-libro tr.is-abierta{ grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto; grid-template-areas:"u u use st" "rol ext ext acts"; padding-bottom:10px; }
  .mieq-libro tr.is-abierta td:nth-child(3), .mieq-libro tr.is-abierta td.mieq-acts{ display:block; }
  .mieq-libro tr.is-abierta .mieq-st.active{ display:inline; }
  .mieq-libro tr.is-abierta td:nth-child(4) .mieq-dot{ margin-right:6px; }
  .mieq-libro tr.is-abierta td:nth-child(4)::after{ transform:rotate(45deg); margin-top:-6px; }
  .mieq-libro tr.is-abierta .mieq-rolesel, .mieq-libro tr.is-abierta .mieq-extsel{
    width:100%; max-width:100%; color:var(--fg); border-color:var(--line2); background-color:var(--elev2);
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5'><path d='M1 1l3 3 3-3' fill='none' stroke='%238b95a8' stroke-width='1.4'/></svg>");
  }

  /* la cabecera de una central: nombre y «Renovar» arriba, el vencimiento abajo (en un renglón se salía) */
  .mieq-grp{ flex-wrap:wrap; row-gap:6px; }
  .mieq-grp .mieq-create.is-sec{ order:2; margin-left:auto; }
  .mieq-grp-e{ order:3; margin-left:40px; }
  .mieq-grp:not(:has(.mieq-create)) .mieq-grp-e{ order:0; margin-left:auto; }
  /* la tira de sumar puestos se acomoda en dos renglones */
  .mieq-tira .mieq-tel-price{ margin-left:0; flex:1 1 auto; }
  .mieq-tira select{ flex:1 1 100%; }
  /* los accesos de un puesto, uno debajo del otro */
  .mieq-acc{ margin:0 10px 10px; }
  /* fuentes: el dato técnico se esconde; queda qué es, cómo está y la tecla */
  .mieq-fila{ grid-template-columns:28px minmax(0,1fr) auto; }
  .mieq-fila-e{ max-width:42vw; white-space:normal; text-align:right; line-height:1.3; }
  .mieq-fila-k{ grid-column:2 / -1; justify-content:flex-start; }
  .mieq-kv{ grid-template-columns:82px minmax(0,1fr) auto; }
  .mieq-sheet{ margin:0 12px 12px; }
  .mieq-sheet-r{ grid-template-columns:1fr; gap:0; }
  .mieq-sheet-k{ flex-wrap:wrap; }
  .mieq-sheet-k .mieq-create, .mieq-sheet-k .mieq-act{ flex:1 1 auto; justify-content:center; padding:10px 12px; }
}

/* [2026-10-06] Campañas del discador (Leo: «tiene que ser SaaS»): el cliente carga su base y maneja la campaña
   predictiva de SU central. Mismos campos que la tira de puestos (.mieq-tel-cta input). */
.mieq-disc-form{ display:grid; gap:10px; padding:10px 0 4px; font-size:13px; color:var(--mut); }
.mieq-disc-form label{ display:grid; gap:5px; font-size:12px; color:var(--mut); }
.mieq-disc-form input[type="text"], .mieq-disc-form input[type="time"], .mieq-disc-form input[type="number"], .mieq-disc-form textarea{
  background:var(--bg); border:1px solid var(--line2); border-radius:var(--r1); color:var(--fg); font-family:var(--ui); font-size:13px; padding:7px 10px; outline:none; min-width:0; }
.mieq-disc-form textarea{ font-family:var(--mono, ui-monospace, monospace); resize:vertical; min-height:96px; }
.mieq-disc-form input[type="file"]{ font-size:12px; color:var(--mut); }
.mieq-disc-form input:focus, .mieq-disc-form textarea:focus{ border-color:var(--amber, #E8B04A); }
.mieq-disc-fila{ display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:8px; }
.mieq-disc-k{ display:flex; gap:6px; flex-wrap:wrap; justify-content:flex-end; }
@media (max-width: 680px){ .mieq-disc-fila{ grid-template-columns:repeat(2, minmax(0, 1fr)); } }
.mieq-camps{ display:grid; background:var(--surf); border:1px solid var(--line); border-radius:var(--r2); padding:2px 12px; }
.mieq-camp{ display:grid; grid-template-columns:minmax(0, 1fr) auto; grid-template-areas:"t k" "m k"; gap:3px 10px; align-items:center; padding:9px 0; border-bottom:1px solid var(--line); }
.mieq-camp:last-child{ border-bottom:0; }
.mieq-camp-t{ grid-area:t; display:flex; align-items:center; gap:8px; min-width:0; font-size:13px; color:var(--fg); }
.mieq-camp-t b{ font-weight:600; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mieq-camp-e{ flex-shrink:0; font-size:12px; line-height:18px; padding:0 8px; border-radius:100px; border:1px solid var(--line2); color:var(--mut); }
.mieq-camp.is-ok .mieq-camp-e{ color:#57b88a; border-color:rgba(87,184,138,.45); }
.mieq-camp.is-pend .mieq-camp-e{ color:#E8B04A; border-color:rgba(232,176,74,.45); }
.mieq-camp-m{ grid-area:m; min-width:0; font-family:var(--mono); font-size:12px; color:var(--mut); overflow-wrap:anywhere; }
.mieq-camp .mieq-disc-k{ grid-area:k; }
/* [06-10] «Agregar números»: el cuadro que se abre debajo de la tarjeta de la campaña. */
.mieq-camp-add{ padding:4px 0 12px; border-bottom:1px solid var(--line); }
.mieq-camp-add textarea{ min-height:72px; }
.mieq-disc-pie{ padding:6px 2px 0; }
@media (max-width: 680px){ .mieq-camp{ grid-template-columns:1fr; grid-template-areas:"t" "m" "k"; } .mieq-camp .mieq-disc-k{ justify-content:flex-start; } }

/* Adentro de «Tus puestos»: las tres cifras de la central en una línea baja; el + y − del mes en el renglón de la
   cuenta (con una sola central); los correos que le llegan a Neo-Tech como un dato gris al pie. */
.mieq-cap{ padding:0 12px 10px; gap:2px 12px; }
.mieq-cap-n{ flex-direction:row; align-items:baseline; gap:6px; }
.mieq-cap-n b{ font-size:16px; }
.mieq-cap-bar{ height:4px; margin-top:4px; }
.mieq-cuenta .mieq-step{ flex-shrink:0; }
.mieq-cuenta .mieq-step + .mieq-cuenta-d{ flex:1 1 140px; }
.mieq-nota-correo{ display:flex; align-items:center; gap:8px; margin:2px 0 0; padding:0 2px; font-size:12px; color:var(--mut); }
.mieq-nota-correo [data-ico]{ color:var(--dim); }
#mieqCeMsg:empty, #mieqCeRevealSlot:empty{ display:none; }

/* ── [07-10] P1 · UNA COLUMNA CON LA PIEL DE PLANES ───────────────────────────────────────────────────────────
   Leo eligió la P1 (07-10): una sola columna angosta, un renglón por cosa con su punto de color y la cifra a la
   derecha, los internos como fichas y UNA tecla ámbar abajo con lo que falta («Cargar la base»). La paleta es la de
   la pantalla pública de Planes: petróleo casi negro, aurora esmeralda abajo y brillo ámbar arriba, vidrio oscuro con
   una línea fina de color arriba y un punto de color por cosa; Bricolage Grotesque en el título y Geist en el texto.
   Va al final: gana por orden. Los 4 colores de estado no cambian. Nada menor a 12 px. */
#mi-equipo-modal{
  --bg:#051214; --surf:#081719; --elev:#0b1d20; --elev2:#10262a; --hover:#153236;
  --teal:#2dd4bf; --green:#10b981;
  --fg:#EEF2F1; --mut:#97a7a6; --dim:#6d807f;
  --line:rgba(214,240,234,.07); --line2:rgba(214,240,234,.12);
  --ui:"Geist",system-ui,-apple-system,"Segoe UI",sans-serif; --mono:"Geist Mono",ui-monospace,monospace;
  --disp:"Bricolage Grotesque","Geist",system-ui,sans-serif;
  --c-credito:#A3E635; --c-cobro:#F2C300; --c-gente:#2dd4bf; --c-pu:#10b981; --c-tel:#10b981;
  --c-ce:#3b82f6; --c-disc:#F2A33C; --c-fuentes:#3b82f6; --c-mas:#97a7a6;
  background:
    radial-gradient(90% 55% at 50% 112%, rgba(16,185,129,.26), transparent 62%),
    radial-gradient(70% 40% at 50% -12%, rgba(242,163,60,.15), transparent 60%),
    rgba(2,16,18,.80);
  backdrop-filter:blur(10px) saturate(1.15); -webkit-backdrop-filter:blur(10px) saturate(1.15);
}
.mieq-mod[data-mod="gente"]{ --tinte:var(--c-gente); }
.mieq-mod[data-mod="pu"]{ --tinte:var(--c-pu); }
.mieq-mod[data-mod="tel"]{ --tinte:var(--c-tel); }
.mieq-mod[data-mod="ce"]{ --tinte:var(--c-ce); }
.mieq-mod[data-mod="disc"]{ --tinte:var(--c-disc); }
.mieq-mod[data-mod="fuentes"]{ --tinte:var(--c-fuentes); }
.mieq-mod[data-mod="mas"]{ --tinte:var(--c-mas); }

/* el panel: vidrio oscuro con la línea ámbar arriba */
@media (min-width:681px){ .mieq-panel.term{ width:min(640px,calc(100vw - 32px)); } }
.mieq-panel{
  position:relative; border-radius:20px; border:1px solid var(--line2);
  background:linear-gradient(180deg, rgba(13,29,32,.94), rgba(6,16,18,.96));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 40px 110px rgba(0,0,0,.6);
}
.mieq-panel::before{
  content:""; position:absolute; z-index:3; top:0; left:28px; right:28px; height:2px; border-radius:2px; pointer-events:none;
  background:linear-gradient(90deg, transparent, var(--amber) 18%, var(--amber-hot) 50%, var(--amber) 82%, transparent);
}
.mieq-head{ gap:14px; padding:22px 24px 14px; border-bottom:0; }
.mieq-ic.mieq-logo{
  width:46px; height:46px; border-radius:12px; color:#101318; font:800 26px/1 var(--disp);
  background:linear-gradient(180deg,#F6B24F,#E8952B); box-shadow:inset 0 1px 0 rgba(255,255,255,.4), 0 6px 18px rgba(242,163,60,.25);
}
.mieq-ttl{ font:800 24px/1.1 var(--disp); letter-spacing:-.02em; }
.mieq-sub{ font-size:13px; color:var(--mut); margin-top:3px; }
.mieq-plan{ display:none; }
.mieq-x{ margin-left:auto; align-self:flex-start; background:transparent; border-color:transparent; }
.mieq-x:hover{ background:rgba(255,255,255,.06); }
.mieq-body{ padding:2px 24px 6px; }
.mieq-foot{ background:transparent; border-top:1px solid var(--line); padding:12px 24px 14px; }

/* la lista: renglones a lo ancho del panel, separados por una línea fina */
.mieq-lista{ display:flex; flex-direction:column; }
.mieq-lista > .mieq-mod{ background:transparent; border:0; border-top:1px solid var(--line); border-radius:0; overflow:visible; }
.mieq-lista > .mieq-dato + .mieq-dato, .mieq-lista > .mieq-dato + .mieq-mod{ border-top:1px solid var(--line); }
.mieq-lista .mieq-mh{ grid-template-columns:10px minmax(0,1fr) auto 14px; column-gap:12px; padding:13px 2px; min-height:52px; }
.mieq-lista .mieq-mh-ico{
  width:10px; height:10px; border-radius:50%; background:var(--tinte);
  box-shadow:0 0 0 3px color-mix(in srgb, var(--tinte) 16%, transparent), 0 0 12px color-mix(in srgb, var(--tinte) 50%, transparent);
}
#mi-equipo-modal .mieq-lista .mieq-mh-ico svg, .mieq-lista .mieq-mh-ico::after{ display:none; }  /* #id: le gana a «#mi-equipo-modal svg{display:block}» */
.mieq-lista .mieq-mh-r{ font-size:15px; font-weight:600; }
.mieq-lista .mieq-mh-s{ display:none; }
.mieq-lista .mieq-mh-c{ background:transparent; border:0; padding:0; font-family:var(--ui); font-size:15px; font-weight:700; color:var(--fg); font-variant-numeric:tabular-nums; }
.mieq-lista .mieq-mh.is-pend .mieq-mh-c{ color:var(--st-pend); }
.mieq-lista .mieq-mh.is-err .mieq-mh-c{ color:var(--st-err); }
.mieq-lista .mieq-mh-chev{ border-color:var(--dim); justify-self:center; }
.mieq-lista .mieq-mh:hover .mieq-mh-chev{ border-color:var(--fg); }
.mieq-mod.is-fold .mieq-mh-k{ display:none; }
/* «activa ●»: lo que anda lleva el punto verde */
.mieq-mod[data-mod="ce"] .mieq-mh.is-ok .mieq-mh-c::after,
.mieq-mod[data-mod="tel"] .mieq-mh.is-ok .mieq-mh-c::after,
.mieq-mod[data-mod="fuentes"] .mieq-mh.is-ok .mieq-mh-c::after{
  content:""; display:inline-block; width:8px; height:8px; margin-left:8px; border-radius:50%; vertical-align:1px;
  background:var(--green); box-shadow:0 0 8px rgba(16,185,129,.7);
}
/* los internos del renglón de puestos, como fichas */
.mieq-pills{ display:inline-flex; gap:6px; }
.mieq-pill{
  display:inline-flex; align-items:center; gap:6px; height:28px; padding:0 10px 0 9px; border-radius:8px;
  background:rgba(255,255,255,.04); border:1px solid rgba(16,185,129,.35); font:600 13px/1 var(--ui); font-variant-numeric:tabular-nums; color:var(--fg);
}
.mieq-pill > i{ width:6px; height:6px; border-radius:50%; background:#A3E635; box-shadow:0 0 6px rgba(163,230,53,.8); }
.mieq-pill.is-pend{ border-color:rgba(232,176,74,.4); }
.mieq-pill.is-pend > i{ background:var(--st-pend); box-shadow:none; }
/* abierto: el contenido va en una tarjeta de vidrio con la línea de color arriba, como las de Planes */
.mieq-lista > .mieq-mod:not(.is-fold){ box-shadow:none; }
.mieq-lista > .mieq-mod:not(.is-fold) > .mieq-mh .mieq-mh-r{ color:#fff; }
.mieq-lista > .mieq-mod:not(.is-fold) > .mieq-mod-body{
  background:rgba(255,255,255,.025); border:1px solid var(--line); border-top:2px solid color-mix(in srgb, var(--tinte) 70%, transparent);
  border-radius:12px; padding:14px 14px 16px; margin:0 0 14px;
}

/* crédito y próximo cobro: renglones fijos, con la cifra alineada con la de los módulos */
.mieq-dato{ --tinte:var(--amber); display:grid; grid-template-columns:10px auto minmax(0,1fr) auto 14px; align-items:center; column-gap:12px; padding:13px 2px; min-height:52px; }
.mieq-dato.is-credito{ --tinte:var(--c-credito); }
.mieq-dato.is-cobro{ --tinte:var(--c-cobro); }
.mieq-dato-dot{
  width:10px; height:10px; border-radius:50%; background:var(--tinte);
  box-shadow:0 0 0 3px color-mix(in srgb, var(--tinte) 16%, transparent), 0 0 12px color-mix(in srgb, var(--tinte) 50%, transparent);
}
.mieq-dato-r{ font-size:15px; font-weight:600; color:var(--fg); white-space:nowrap; }
.mieq-dato-s{ font-size:13px; color:var(--mut); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:0; }
.mieq-dato-v{ grid-column:4; font-size:15px; font-weight:700; color:var(--fg); font-variant-numeric:tabular-nums; white-space:nowrap; justify-self:end; }
.mieq-dato-sep{ color:var(--dim); font-weight:500; }
.mieq-dato.is-pend .mieq-dato-v{ color:var(--st-pend); }
.mieq-dato.is-err .mieq-dato-v{ color:var(--st-err); }
.mieq-dato-btn{
  font:600 13px/1 var(--ui); color:var(--amber); background:transparent; border:0; padding:4px 0; cursor:pointer;
  text-decoration:underline; text-underline-offset:3px; text-decoration-color:rgba(242,163,60,.45);
}
.mieq-dato-btn:hover{ color:var(--amber-hot); text-decoration-color:currentColor; }

/* la tecla de lo que falta, abajo y a lo ancho */
.mieq-paso{ padding:10px 24px 18px; }
.mieq-paso[hidden]{ display:none; }
.mieq-cta{
  width:100%; height:50px; border:0; border-radius:12px; cursor:pointer; color:#141008; font:700 16px/1 var(--ui);
  background:linear-gradient(180deg,#F7B552,#F2A33C 55%,#E8952B);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45), 0 10px 28px rgba(242,163,60,.28);
  transition:transform var(--t1) var(--ease), box-shadow var(--t1) var(--ease), filter var(--t1) var(--ease);
}
.mieq-cta:hover{ filter:brightness(1.05); box-shadow:inset 0 1px 0 rgba(255,255,255,.5), 0 14px 34px rgba(242,163,60,.36); }
.mieq-cta:active{ transform:translateY(1px); }
.mieq-cta:focus-visible{ outline:2px solid #fff; outline-offset:3px; }

@media (max-width:680px){
  .mieq-head{ padding:16px 16px 12px; }
  .mieq-ttl{ font-size:22px; }
  .mieq-body{ padding:0 16px 6px; }
  .mieq-paso{ padding:8px 16px 14px; }
  .mieq-foot{ padding:10px 16px 12px; }
  .mieq-lista .mieq-mh{ padding:12px 0; }
  .mieq-dato{ grid-template-columns:10px minmax(0,1fr) auto 14px; row-gap:2px; padding:12px 0; }
  .mieq-dato-v{ grid-column:3; grid-row:1; }
  .mieq-dato-s{ grid-column:2 / 4; grid-row:2; white-space:normal; }
  .mieq-dato-dot{ grid-row:1; }
}
/* la aclaración de «Nueva campaña» venía con el «small» del navegador (10,8 px) */
.mieq-disc-form small{ font-size:12px; line-height:1.45; color:var(--mut); }
/* en el panel angosto, las centrales de «Tus puestos» van una debajo de la otra (lado a lado cortaban las cifras) */
.mieq-grupos{ grid-template-columns:minmax(0,1fr); }

/* [2026-10-17] «Conectá tu central» (Tu propia central): el formulario del discador con claves y filas de a dos. */
.mieq-cp-form input[type="password"]{ background:var(--bg); border:1px solid var(--line2); border-radius:var(--r1); color:var(--fg); font-family:var(--ui); font-size:13px; padding:7px 10px; outline:none; min-width:0; }
.mieq-cp-form input[type="password"]:focus{ border-color:var(--amber, #E8B04A); }
.mieq-cp-form .mieq-disc-fila{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
/* [2026-10-18] La fila del SSH lleva también el puerto (angosto): las centrales en la nube lo tienen en el 2222. */
.mieq-cp-form .mieq-disc-fila.mieq-cp-ssh{ grid-template-columns:minmax(0, 2fr) minmax(0, 2fr) minmax(0, 1fr); }
.mieq-cp-form > b{ font-size:12px; color:var(--fg); letter-spacing:.02em; margin-top:4px; }
.mieq-cp-sql{ margin:0; font:500 12px/1.55 var(--mono, ui-monospace, monospace); color:var(--fg); background:var(--bg); border:1px solid var(--line2); border-radius:var(--r1); padding:10px 12px; white-space:pre-wrap; word-break:break-all; max-height:220px; overflow:auto; }
@media (max-width: 560px){ .mieq-cp-form .mieq-disc-fila, .mieq-cp-form .mieq-disc-fila.mieq-cp-ssh{ grid-template-columns:minmax(0, 1fr); } }