/* ============================================================
   ARC — Accident Resolution Center  (modules/metricas/arc.js)
   Mismos patrones que Mi Célula: tarjetas .stat-card, botones de 42px,
   íconos de trazo, nada de emojis. Todo cuelga de #arc-root.
   ============================================================ */
#arc-root{
  /* Gravedad: una sola gama (rosa Ridery), de claro a oscuro */
  --arc-leve:#f2a7c0; --arc-medio:#df4f80; --arc-grave:#9e1240; --arc-muerte:#4a0820; --arc-sin:#c9d6d1;
  --arc-azul:#272883;
  --arc-sup:var(--blanco,#fff); --arc-borde:var(--borde,#dde8e3);
  --arc-txt:var(--negro,#0f111e); --arc-txt2:var(--gris-4,#5a7a70); --arc-suave:var(--gris-1,#eef2f0);
  color:var(--arc-txt);
}
[data-theme=dark] #arc-root{
  --arc-leve:#7a1033; --arc-medio:#c9356a; --arc-grave:#f59bbb; --arc-muerte:#fde0ea; --arc-sin:#3a3f57;
  --arc-azul:#8b8df0;
  --arc-sup:#151827; --arc-borde:#262a40;
  --arc-txt:#e2e8f0; --arc-txt2:#94a3b8; --arc-suave:#1d2135;
}
#arc-root .arc-wrap{max-width:1500px;margin:0 auto;padding:0 4px 32px}
#arc-root button,#arc-root input,#arc-root select{font-family:var(--font-main)}

/* ── Barra superior ── */
#arc-root .arc-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:10px}
#arc-root .arc-tit{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
#arc-root .arc-tit-p{font-family:var(--font-display);font-weight:900;font-size:1.5rem;letter-spacing:.06em}
#arc-root .arc-tit-s{font-size:.85rem;font-weight:700;color:var(--arc-txt2)}
#arc-root .arc-acc{display:flex;align-items:center;gap:8px;margin-left:auto;flex-wrap:wrap}
#arc-root .arc-sel{padding:10px 12px;min-height:42px;border:1.5px solid var(--arc-borde);border-radius:var(--radius-s);
  background:var(--arc-sup);color:var(--arc-txt);font-weight:700;font-size:.84rem;outline:none}
#arc-root .arc-sel:focus-visible{border-color:var(--verde);box-shadow:0 0 0 3px #38cea61f}
#arc-root .arc-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 15px;min-height:42px;border-radius:var(--radius-s);
  border:1.5px solid var(--arc-borde);background:var(--arc-sup);color:var(--arc-txt);font-weight:800;font-size:.82rem;
  cursor:pointer;transition:border-color .15s,background .15s;text-decoration:none}
#arc-root .arc-btn:hover{border-color:var(--verde)}
#arc-root .arc-btn:focus-visible{outline:3px solid var(--verde);outline-offset:2px}
#arc-root .arc-btn:disabled{opacity:.6;cursor:wait}
#arc-root .arc-btn-primario{background:var(--negro);border-color:var(--negro);color:#fff}
#arc-root .arc-btn-primario:hover{background:var(--negro-2);border-color:var(--negro-2)}
[data-theme=dark] #arc-root .arc-btn-primario{background:var(--rosa);border-color:var(--rosa)}
#arc-root .arc-btn.girando svg{animation:arc-girar 1s linear infinite}
@keyframes arc-girar{to{transform:rotate(360deg)}}
#arc-root .arc-link{background:none;border:0;color:var(--arc-txt2);font-weight:800;font-size:.78rem;cursor:pointer;text-decoration:underline;padding:6px}

/* ── Estado de la sincronización ── */
#arc-root .arc-estado{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:.8rem;color:var(--arc-txt2);margin-bottom:16px;min-height:26px}
#arc-root .arc-estado a{color:inherit;font-weight:800}
#arc-root .arc-estado-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-weight:800;font-size:.74rem;
  background:var(--arc-suave);color:var(--arc-txt2);border:1px solid var(--arc-borde)}
#arc-root .arc-estado-pill.bueno{background:var(--verde-p,#edfaf6);color:var(--negro-2,#1a1d30);border-color:#38cea659}
#arc-root .arc-estado-pill.malo{background:var(--rosa-p,#fdeef4);color:var(--rosa,#d71d5c);border-color:#d71d5c33}
#arc-root .arc-estado-pill.aviso{background:var(--amber-p,#fffbeb);color:#92400e;border-color:#d9770640}
[data-theme=dark] #arc-root .arc-estado-pill.bueno{background:#38cea61a;color:#a7f3d9}
[data-theme=dark] #arc-root .arc-estado-pill.malo{background:#d71d5c1f;color:#f59bbb}
[data-theme=dark] #arc-root .arc-estado-pill.aviso{background:#d977061f;color:#fcd34d}

/* ── Filtros activos ── */
#arc-root .arc-filtros{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:14px}
#arc-root .arc-filtros-lbl{font-size:.68rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase;color:var(--arc-txt2);margin-right:4px}
#arc-root .arc-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px 6px 12px;min-height:34px;border-radius:999px;
  border:1.5px solid var(--arc-txt);background:var(--arc-txt);color:var(--arc-sup);font-weight:800;font-size:.78rem;cursor:pointer}
#arc-root .arc-chip-k{opacity:.65;font-weight:700}

/* ── Tarjetas ── */
#arc-root .arc-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-bottom:16px}
#arc-root .arc-tile{background:var(--arc-sup);border:1.5px solid var(--arc-borde);border-radius:var(--radius);padding:16px 18px;box-shadow:0 2px 10px #0f111e12}
#arc-root .arc-tile-lbl{font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--arc-txt2)}
#arc-root .arc-tile-val{font-family:var(--font-display);font-size:2rem;font-weight:900;line-height:1.15;margin-top:6px}
#arc-root .arc-tile-sub{font-size:.76rem;color:var(--arc-txt2);font-weight:600;margin-top:4px}
#arc-root .arc-tile.malo{background:var(--rosa-p,#fdeef4);border-color:#d71d5c33}
#arc-root .arc-tile.malo .arc-tile-val{color:var(--rosa,#d71d5c)}
[data-theme=dark] #arc-root .arc-tile.malo{background:#d71d5c14}
[data-theme=dark] #arc-root .arc-tile.malo .arc-tile-val{color:#f59bbb}

/* ── Paneles ── */
#arc-root .arc-panel{background:var(--arc-sup);border:1.5px solid var(--arc-borde);border-radius:var(--radius);padding:18px 20px;margin-bottom:16px;min-width:0}
#arc-root .arc-panel-cab{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:10px 18px;margin-bottom:12px}
#arc-root .arc-panel-tit{font-weight:900;font-size:1rem}
#arc-root .arc-sub{font-size:.78rem;color:var(--arc-txt2);font-weight:600;margin-top:3px;line-height:1.4}
#arc-root .arc-muted{color:var(--arc-txt2);font-weight:600}
#arc-root .arc-vacio{display:flex;gap:14px;align-items:flex-start;color:var(--arc-txt)}
#arc-root .arc-vacio>svg{flex-shrink:0;color:var(--arc-txt2);margin-top:2px}
#arc-root .arc-esq{background:linear-gradient(90deg,var(--arc-suave) 0%,var(--arc-sup) 50%,var(--arc-suave) 100%);background-size:200% 100%;
  animation:arc-esq 1.3s ease-in-out infinite;border-color:transparent}
@keyframes arc-esq{0%{background-position:100% 0}100%{background-position:-100% 0}}

/* ── Gráfica semanal ── */
#arc-root .arc-leyenda{display:flex;flex-wrap:wrap;gap:6px 14px}
#arc-root .arc-ley{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700;color:var(--arc-txt2)}
#arc-root .arc-sw{display:inline-block;width:12px;height:12px;border-radius:3px;flex-shrink:0}
#arc-root .arc-chart svg{display:block;width:100%;height:auto}
#arc-root .arc-grid-l{stroke:var(--arc-borde);stroke-width:1}
#arc-root .arc-grid-l.base{stroke:var(--arc-txt2);stroke-opacity:.45}
#arc-root .arc-eje{fill:var(--arc-txt2);font-size:12px;font-weight:600}
#arc-root .arc-eje.fuerte{fill:var(--arc-txt);font-weight:900}
#arc-root .arc-val{fill:var(--arc-txt);font-size:12px;font-weight:800}
#arc-root .arc-sep{stroke:var(--arc-sup);stroke-width:2}
#arc-root .arc-zona{fill:transparent;cursor:default}
#arc-root .arc-zona:hover{fill:var(--arc-txt);fill-opacity:.04}
#arc-root .arc-s-leve{fill:var(--arc-leve)} #arc-root .arc-s-medio{fill:var(--arc-medio)}
#arc-root .arc-s-grave{fill:var(--arc-grave)} #arc-root .arc-s-muerte{fill:var(--arc-muerte)} #arc-root .arc-s-sin{fill:var(--arc-sin)}
#arc-root .arc-bg-leve{background:var(--arc-leve)} #arc-root .arc-bg-medio{background:var(--arc-medio)}
#arc-root .arc-bg-grave{background:var(--arc-grave)} #arc-root .arc-bg-muerte{background:var(--arc-muerte)} #arc-root .arc-bg-sin{background:var(--arc-sin)}
#arc-root .arc-bg-azul{background:var(--arc-azul)}

/* Tooltip (fuera del SVG, fijo a la pantalla) */
#arc-root .arc-tip{position:fixed;z-index:9000;pointer-events:none;background:var(--arc-sup);color:var(--arc-txt);
  border:1.5px solid var(--arc-borde);border-radius:10px;padding:10px 12px;box-shadow:0 8px 24px #0f111e26;min-width:170px;font-size:.8rem}
#arc-root .arc-tip-t{font-weight:900;margin-bottom:6px}
#arc-root .arc-tip-f{display:flex;align-items:center;gap:8px;padding:2px 0}
#arc-root .arc-tip-f span{flex:1;color:var(--arc-txt2);font-weight:700}
#arc-root .arc-tip-f.total{border-bottom:1px solid var(--arc-borde);padding-bottom:5px;margin-bottom:3px}
#arc-root .arc-tip-f.total span{color:var(--arc-txt)}

/* ── Desgloses (barras horizontales) ── */
#arc-root .arc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:0 16px}
#arc-root .arc-hbs{margin-top:12px;display:flex;flex-direction:column;gap:4px}
#arc-root .arc-hb{display:grid;grid-template-columns:130px 1fr 74px;align-items:center;gap:10px;padding:6px 6px;border-radius:8px}
#arc-root .arc-hb.clic{cursor:pointer}
#arc-root .arc-hb.clic:hover{background:var(--arc-suave)}
#arc-root .arc-hb.clic:focus-visible{outline:3px solid var(--verde);outline-offset:1px}
#arc-root .arc-hb.sel{background:var(--arc-suave);box-shadow:inset 0 0 0 1.5px var(--arc-txt2)}
#arc-root .arc-hb.apagada{opacity:.45}
#arc-root .arc-hb-lbl{font-size:.8rem;font-weight:800;line-height:1.2;overflow:hidden;text-overflow:ellipsis}
#arc-root .arc-hb-lbl small{display:block;font-weight:600;color:var(--arc-txt2);font-size:.7rem}
#arc-root .arc-hb-pista{height:12px;border-radius:0 4px 4px 0;background:transparent}
#arc-root .arc-hb-barra{height:100%;border-radius:0 4px 4px 0;min-width:0}
#arc-root .arc-hb-val{display:flex;align-items:baseline;justify-content:flex-end;gap:6px;font-size:.8rem}
#arc-root .arc-hb-val span{color:var(--arc-txt2);font-weight:600;font-size:.72rem;min-width:30px;text-align:right}

/* ── Tabla ── */
#arc-root .arc-buscar{position:relative;display:flex;align-items:center;min-width:min(320px,100%)}
#arc-root .arc-buscar svg{position:absolute;left:12px;color:var(--arc-txt2);pointer-events:none}
#arc-root .arc-buscar input{width:100%;padding:10px 12px 10px 36px;min-height:42px;border:1.5px solid var(--arc-borde);border-radius:var(--radius-s);
  background:var(--arc-sup);color:var(--arc-txt);font-weight:600;font-size:.84rem;outline:none}
#arc-root .arc-buscar input:focus-visible{border-color:var(--verde);box-shadow:0 0 0 3px #38cea61f}
#arc-root .arc-tabla-scroll{overflow-x:auto;margin:0 -20px;padding:0 20px}
#arc-root .arc-tabla{width:100%;border-collapse:collapse;font-size:.8rem;min-width:960px}
#arc-root .arc-tabla th{text-align:left;font-size:.66rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--arc-txt2);
  padding:8px 10px;border-bottom:1.5px solid var(--arc-borde);white-space:nowrap}
#arc-root .arc-tabla td{padding:10px;border-bottom:1px solid var(--arc-borde);vertical-align:top}
#arc-root .arc-tr{cursor:pointer}
#arc-root .arc-tr:hover td{background:var(--arc-suave)}
#arc-root .arc-tr:focus-visible{outline:3px solid var(--verde);outline-offset:-3px}
#arc-root .arc-tr.abierta td{background:var(--arc-suave);border-bottom-color:transparent}
#arc-root .arc-nw{white-space:nowrap}
#arc-root .arc-nw div{color:var(--arc-txt2);font-weight:600;font-size:.74rem;margin-top:2px}
#arc-root .arc-mono{font-variant-numeric:tabular-nums}
#arc-root .arc-desc{max-width:420px}
#arc-root .arc-desc-t{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}
#arc-root .arc-chev{color:var(--arc-txt2);width:28px}
#arc-root .arc-tr.abierta .arc-chev svg{transform:rotate(180deg)}
#arc-root .arc-det td{background:var(--arc-suave);padding:4px 14px 16px}
#arc-root .arc-det-g{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px 28px;align-items:start}
#arc-root .arc-det-g>.arc-btn{grid-column:1/-1;justify-self:start}
#arc-root .arc-det-txt{white-space:pre-wrap;line-height:1.5;font-size:.84rem}
#arc-root .arc-dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:.8rem;margin:0}
#arc-root .arc-dl dt{color:var(--arc-txt2);font-weight:700}
#arc-root .arc-dl dd{margin:0;font-weight:800}
#arc-root .arc-mas{display:flex;justify-content:center;padding-top:14px}

/* Pastillas de gravedad: texto siempre en tinta, el color va en el borde y el punto */
#arc-root .arc-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;font-size:.7rem;font-weight:900;
  letter-spacing:.03em;white-space:nowrap;border:1.5px solid var(--arc-borde);color:var(--arc-txt);background:var(--arc-sup)}
#arc-root .arc-pill:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--arc-sin)}
#arc-root .arc-pill-leve:before{background:var(--arc-leve)}
#arc-root .arc-pill-medio:before{background:var(--arc-medio)}
#arc-root .arc-pill-grave{border-color:var(--arc-grave)}
#arc-root .arc-pill-grave:before{background:var(--arc-grave)}
#arc-root .arc-pill-muerte{border-color:var(--arc-muerte);background:var(--arc-muerte);color:#fff}
#arc-root .arc-pill-muerte:before{background:#fff}
[data-theme=dark] #arc-root .arc-pill-muerte{color:#2a0612}
[data-theme=dark] #arc-root .arc-pill-muerte:before{background:#2a0612}
/* Estado del caso */
#arc-root .arc-pill-cerrado{color:var(--arc-txt2)}
#arc-root .arc-pill-cerrado:before{background:var(--arc-txt2)}
#arc-root .arc-pill-abierto{border-color:#38cea680;background:var(--verde-p,#edfaf6);color:var(--negro-2,#1a1d30)}
#arc-root .arc-pill-abierto:before{background:var(--verde,#38cea6)}
#arc-root .arc-pill-sinseg{border-color:#d9770666;background:var(--amber-p,#fffbeb);color:#92400e}
#arc-root .arc-pill-sinseg:before{background:var(--amber,#d97706)}
[data-theme=dark] #arc-root .arc-pill-abierto{background:#38cea61a;color:#a7f3d9}
[data-theme=dark] #arc-root .arc-pill-sinseg{background:#d977061f;color:#fcd34d}
#arc-root .arc-pill-aviso{border-color:#d9770666;color:#92400e;background:var(--amber-p,#fffbeb)}
#arc-root .arc-pill-aviso:before{display:none}
[data-theme=dark] #arc-root .arc-pill-aviso{color:#fcd34d;background:#d977061f}

@media (max-width:700px){
  #arc-root .arc-acc{margin-left:0;width:100%}
  #arc-root .arc-acc .arc-btn span{display:none}
  #arc-root .arc-acc .arc-btn-primario span{display:inline}
  #arc-root .arc-grid{grid-template-columns:1fr}
  #arc-root .arc-hb{grid-template-columns:96px 1fr 66px}
  #arc-root .arc-det-g{grid-template-columns:1fr}
  #arc-root .arc-btn,#arc-root .arc-sel{min-height:44px}
}

/* ── Pestañas KPIs / Casos ── */
#arc-root .arc-tabs{display:inline-flex;gap:4px;padding:4px;border-radius:12px;background:var(--arc-suave);border:1.5px solid var(--arc-borde)}
#arc-root .arc-tab{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;min-height:38px;border:0;border-radius:9px;background:transparent;
  color:var(--arc-txt2);font-weight:800;font-size:.84rem;cursor:pointer}
#arc-root .arc-tab:hover{color:var(--arc-txt)}
#arc-root .arc-tab.activa{background:var(--arc-sup);color:var(--arc-txt);box-shadow:0 1px 4px #0f111e1f}
#arc-root .arc-tab:focus-visible{outline:3px solid var(--verde);outline-offset:1px}
#arc-root .arc-tab-n{min-width:20px;padding:1px 6px;border-radius:999px;background:var(--amber-p,#fffbeb);color:#92400e;border:1px solid #d9770640;font-size:.7rem}
#arc-root .arc-tab-n:empty{display:none}
[data-theme=dark] #arc-root .arc-tab-n{background:#d977061f;color:#fcd34d}

/* ── Selector de semana ── */
#arc-root .arc-sem{display:flex;align-items:stretch;gap:6px}
#arc-root .arc-sem .arc-sel{min-width:250px}
#arc-root .arc-nav{width:42px;min-height:42px;border:1.5px solid var(--arc-borde);border-radius:var(--radius-s);background:var(--arc-sup);
  color:var(--arc-txt);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;flex-shrink:0}
#arc-root .arc-nav:hover:not(:disabled){border-color:var(--verde)}
#arc-root .arc-nav:disabled{opacity:.3;cursor:not-allowed}

/* Tarjetas que se pueden pulsar */
#arc-root button.arc-tile{text-align:left;font:inherit;color:inherit;cursor:pointer;width:100%}
#arc-root button.arc-tile:hover{border-color:var(--verde)}
#arc-root button.arc-tile:focus-visible{outline:3px solid var(--verde);outline-offset:2px}
#arc-root .arc-tile.aviso{background:var(--amber-p,#fffbeb);border-color:#d9770640}
#arc-root .arc-tile.aviso .arc-tile-val{color:#92400e}
[data-theme=dark] #arc-root .arc-tile.aviso{background:#d9770614}
[data-theme=dark] #arc-root .arc-tile.aviso .arc-tile-val{color:#fcd34d}

/* ── Filtros de la vista Casos ── */
#arc-root .arc-casos-filtros{display:flex;flex-direction:column;gap:10px;padding:14px 18px}
#arc-root .arc-seg-fila{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
#arc-root .arc-seg-lbl{width:96px;flex-shrink:0;font-size:.68rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase;color:var(--arc-txt2)}
#arc-root .arc-seg{display:flex;flex-wrap:wrap;gap:6px}
#arc-root .arc-seg-b{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;min-height:36px;border-radius:999px;border:1.5px solid var(--arc-borde);
  background:var(--arc-sup);color:var(--arc-txt);font-weight:800;font-size:.78rem;cursor:pointer}
#arc-root .arc-seg-b:hover{border-color:var(--verde)}
#arc-root .arc-seg-b:focus-visible{outline:3px solid var(--verde);outline-offset:2px}
#arc-root .arc-seg-b.sel{background:var(--arc-txt);border-color:var(--arc-txt);color:var(--arc-sup)}
#arc-root .arc-seg-n{font-weight:700;opacity:.65;font-size:.72rem}
#arc-root .arc-nota{display:flex;gap:10px;align-items:flex-start;background:var(--amber-p,#fffbeb);border:1.5px solid #d9770640;color:#92400e;
  border-radius:var(--radius-s);padding:12px 14px;font-size:.8rem;font-weight:600;margin-bottom:16px;line-height:1.45}
#arc-root .arc-nota svg{flex-shrink:0;margin-top:1px}
[data-theme=dark] #arc-root .arc-nota{background:#d9770614;color:#fcd34d}
#arc-root .arc-tr.alerta td:first-child{box-shadow:inset 3px 0 0 var(--amber,#d97706)}
#arc-root .arc-det-est{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:10px;font-size:.78rem}

/* ── Ventana de diagnóstico ── */
#arc-root .arc-modal{position:fixed;inset:0;z-index:9500;background:#0f111e73;display:flex;align-items:center;justify-content:center;padding:16px}
#arc-root .arc-modal[hidden]{display:none}
#arc-root .arc-modal-c{background:var(--arc-sup);color:var(--arc-txt);border-radius:var(--radius);padding:20px 22px;width:min(720px,100%);
  max-height:85vh;overflow:auto;box-shadow:0 20px 60px #0f111e40}

@media (max-width:700px){
  #arc-root .arc-sem{width:100%}
  #arc-root .arc-sem .arc-sel{flex:1;min-width:0}
  #arc-root .arc-seg-lbl{width:100%}
}

/* ── Plazo de 5 días ── */
#arc-root .arc-pl-historico{color:var(--arc-txt2);background:var(--arc-suave);border-style:dashed}
#arc-root .arc-pl-historico:before{background:var(--arc-sin)}
#arc-root .arc-pl-ok{border-color:#38cea680;background:var(--verde-p,#edfaf6);color:var(--negro-2,#1a1d30)}
#arc-root .arc-pl-ok:before{background:var(--verde,#38cea6)}
[data-theme=dark] #arc-root .arc-pl-ok{background:#38cea61a;color:#a7f3d9}
#arc-root .arc-pl-pronto{border-color:#d9770666;background:var(--amber-p,#fffbeb);color:#92400e}
#arc-root .arc-pl-pronto:before{background:var(--amber,#d97706)}
#arc-root .arc-pl-vencido{border-color:#d71d5c55;background:var(--rosa-p,#fdeef4);color:var(--rosa,#d71d5c)}
#arc-root .arc-pl-vencido:before{background:var(--rosa,#d71d5c)}
[data-theme=dark] #arc-root .arc-pl-pronto{background:#d977061f;color:#fcd34d}
[data-theme=dark] #arc-root .arc-pl-vencido{background:#d71d5c1f;color:#f59bbb}

/* Lista de contacto: el período y las acciones de admin no aplican */
#arc-root .arc-v-contacto .arc-sem{display:none}
#arc-root .arc-modo-agente .arc-tabs,#arc-root .arc-modo-agente .arc-acc{display:none}
#arc-root .arc-contacto-cab{display:flex;flex-direction:column;gap:12px}
#arc-root .arc-contacto-cab .arc-buscar{max-width:420px}
#arc-root .arc-lista-tit{display:flex;align-items:center;gap:8px;font-weight:900;font-size:1rem;margin:22px 0 10px;color:var(--arc-txt);
  background:none;border:0;padding:0;font-family:var(--font-main)}
#arc-root .arc-lista-tit span{font-size:.75rem;padding:2px 9px;border-radius:999px;background:var(--arc-suave);border:1px solid var(--arc-borde);color:var(--arc-txt2)}
#arc-root .arc-plegable{cursor:pointer;min-height:44px}
#arc-root .arc-plegable:focus-visible{outline:3px solid var(--verde);outline-offset:2px;border-radius:8px}
#arc-root .arc-tarjetas{display:grid;grid-template-columns:repeat(auto-fill,minmax(440px,1fr));gap:14px}
#arc-root .arc-tarjeta{background:var(--arc-sup);border:1.5px solid var(--arc-borde);border-radius:var(--radius);padding:16px 18px;
  display:flex;flex-direction:column;gap:12px;border-left-width:5px}
#arc-root .arc-t-vencido{border-left-color:var(--rosa,#d71d5c)}
#arc-root .arc-t-pronto,#arc-root .arc-t-sinseg{border-left-color:var(--amber,#d97706)}
#arc-root .arc-t-ok{border-left-color:var(--arc-borde)}
#arc-root .arc-tarjeta-cab{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center}
#arc-root .arc-tarjeta-fecha{font-size:.74rem;margin-left:auto}
#arc-root .arc-tarjeta-txt{font-size:.88rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer;white-space:pre-wrap}
#arc-root .arc-tarjeta-txt.completo{display:block;-webkit-line-clamp:unset}
#arc-root .arc-datos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px}
#arc-root .arc-dato{display:flex;flex-direction:column;gap:2px;min-width:0}
#arc-root .arc-dato>span{font-size:.64rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--arc-txt2)}
#arc-root .arc-dato>b{font-size:.82rem;font-weight:800}
#arc-root .arc-copiable{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;background:none;border:0;padding:2px 0;
  font:800 .86rem var(--font-main);color:var(--arc-txt);cursor:pointer;font-variant-numeric:tabular-nums;min-height:28px}
#arc-root .arc-copiable svg{color:var(--arc-txt2)}
#arc-root .arc-copiable:hover svg{color:var(--arc-txt)}
#arc-root .arc-copiable:focus-visible{outline:3px solid var(--verde);outline-offset:2px;border-radius:4px}
#arc-root .arc-alerta-txt{color:#92400e}
[data-theme=dark] #arc-root .arc-alerta-txt{color:#fcd34d}
#arc-root .arc-historial{list-style:none;margin:0;padding:10px 12px;border-radius:var(--radius-s);background:var(--arc-suave);font-size:.78rem;display:flex;flex-direction:column;gap:6px}
#arc-root .arc-historial li div{color:var(--arc-txt2);margin-top:2px;white-space:pre-wrap}
#arc-root .arc-tarjeta-acc{display:flex;flex-wrap:wrap;gap:8px}
#arc-root .arc-btn-ok{background:var(--verde-p,#edfaf6);border-color:#38cea680;color:var(--negro-2,#1a1d30)}
#arc-root .arc-btn-ok:hover{border-color:var(--verde)}
[data-theme=dark] #arc-root .arc-btn-ok{background:#38cea61a;color:#a7f3d9}
#arc-root .arc-btn-sec{margin-left:auto}
#arc-root .arc-nota-form{display:flex;flex-direction:column;gap:8px;width:100%}
#arc-root .arc-nota-form label{font-size:.78rem;font-weight:800}
#arc-root .arc-nota-form textarea{width:100%;border:1.5px solid var(--arc-borde);border-radius:var(--radius-s);padding:10px 12px;
  font:600 .84rem var(--font-main);background:var(--arc-sup);color:var(--arc-txt);resize:vertical;outline:none}
#arc-root .arc-nota-form textarea:focus-visible{border-color:var(--verde);box-shadow:0 0 0 3px #38cea61f}
#arc-root .arc-nota-acc{display:flex;gap:8px}
@media (max-width:700px){
  #arc-root .arc-tarjetas{grid-template-columns:1fr}
  #arc-root .arc-tarjeta-fecha{margin-left:0;width:100%}
  #arc-root .arc-btn-sec{margin-left:0}
}

/* ── Filtro principal de Casos: Abiertos / Cerrados / Histórico ── */
#arc-root .arc-estados{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:8px}
#arc-root .arc-est{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:14px 18px;min-height:56px;border-radius:var(--radius);
  border:1.5px solid var(--arc-borde);background:var(--arc-sup);color:var(--arc-txt);cursor:pointer;font-family:var(--font-main);text-align:left}
#arc-root .arc-est span{font-weight:900;font-size:1rem}
#arc-root .arc-est b{font-family:var(--font-display);font-weight:900;font-size:1.5rem}
#arc-root .arc-est:hover{border-color:var(--verde)}
#arc-root .arc-est:focus-visible{outline:3px solid var(--verde);outline-offset:2px}
#arc-root .arc-est.sel{background:var(--arc-txt);border-color:var(--arc-txt);color:var(--arc-sup)}
#arc-root .arc-est-todos{opacity:.85}
#arc-root .arc-est-nota{margin:0 2px 14px}
#arc-root .arc-subtit{font-size:.7rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase;color:var(--arc-txt2);margin-bottom:2px}
#arc-root .arc-det-acc{display:flex;flex-wrap:wrap;gap:8px;grid-column:1/-1}
@media (max-width:700px){ #arc-root .arc-estados{grid-template-columns:repeat(2,minmax(0,1fr))} }

/* ── Cola tipo contact center (Lista de contacto) ── */
#arc-root .arc-cola-sec{margin-top:18px}
#arc-root .arc-cola-tit{display:flex;align-items:center;gap:8px;width:100%;background:none;border:0;padding:6px 2px;min-height:44px;cursor:pointer;
  font-family:var(--font-main);color:var(--arc-txt);text-align:left}
#arc-root .arc-cola-tit span{font-weight:900;font-size:1rem}
#arc-root .arc-cola-tit b{font-size:.75rem;padding:2px 9px;border-radius:999px;background:var(--arc-suave);border:1px solid var(--arc-borde);color:var(--arc-txt2)}
#arc-root .arc-cola-tit small{color:var(--arc-txt2);font-weight:700;font-size:.76rem}
#arc-root .arc-cola-tit:focus-visible{outline:3px solid var(--verde);outline-offset:2px;border-radius:8px}
#arc-root .arc-cola{background:var(--arc-sup);border:1.5px solid var(--arc-borde);border-radius:var(--radius);overflow:hidden}
#arc-root .arc-fila{border-bottom:1px solid var(--arc-borde);border-left:4px solid transparent}
#arc-root .arc-fila:last-child{border-bottom:0}
#arc-root .arc-f-vencido{border-left-color:var(--rosa,#d71d5c)}
#arc-root .arc-f-pronto,#arc-root .arc-f-sinseg{border-left-color:var(--amber,#d97706)}
#arc-root .arc-f-historico{border-left-color:var(--arc-sin)}
#arc-root .arc-fila-main{display:grid;grid-template-columns:44px minmax(0,1fr) 150px;gap:14px;align-items:start;padding:12px 16px;cursor:pointer}
#arc-root .arc-fila-main:hover{background:var(--arc-suave)}
#arc-root .arc-fila-main:focus-visible{outline:3px solid var(--verde);outline-offset:-3px}
#arc-root .arc-fila.abierta .arc-fila-main{background:var(--arc-suave)}
#arc-root .arc-turno{width:36px;height:36px;border-radius:50%;background:var(--arc-suave);border:1.5px solid var(--arc-borde);display:flex;align-items:center;
  justify-content:center;font-weight:900;font-size:.85rem;color:var(--arc-txt2);font-variant-numeric:tabular-nums}
#arc-root .arc-sec-hoy .arc-turno{background:var(--arc-txt);color:var(--arc-sup);border-color:var(--arc-txt)}
#arc-root .arc-fila-badges{display:flex;flex-wrap:wrap;gap:5px 6px;align-items:center}
#arc-root .arc-fila-fecha{font-size:.72rem;color:var(--arc-txt2);font-weight:700;margin-left:auto}
#arc-root .arc-fila-txt{font-size:.86rem;font-weight:700;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#arc-root .arc-fila-com{display:flex;gap:6px;align-items:baseline;font-size:.78rem;color:var(--arc-txt2);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#arc-root .arc-fila-com svg{flex-shrink:0;align-self:center}
#arc-root .arc-fila-com b{color:var(--arc-txt)}
#arc-root .arc-rechazo{color:var(--rosa,#d71d5c);white-space:normal}
[data-theme=dark] #arc-root .arc-rechazo{color:#f59bbb}
#arc-root .arc-fila-ids{display:grid;grid-template-columns:auto 1fr;gap:2px 8px;font-size:.76rem;align-content:start}
#arc-root .arc-fila-ids span{color:var(--arc-txt2);font-weight:700}
#arc-root .arc-fila-ids b{font-variant-numeric:tabular-nums}
#arc-root .arc-fila-det{padding:4px 16px 16px 74px;display:flex;flex-direction:column;gap:12px;background:var(--arc-suave)}
#arc-root .arc-coms{display:flex;flex-direction:column;gap:8px;background:var(--arc-sup);border:1px solid var(--arc-borde);border-radius:var(--radius-s);padding:12px 14px}
#arc-root .arc-com{font-size:.8rem}
#arc-root .arc-com p{margin:2px 0 0;white-space:pre-wrap;line-height:1.45}
#arc-root .arc-pill-hoy{background:var(--arc-txt);border-color:var(--arc-txt);color:var(--arc-sup)}
#arc-root .arc-pill-hoy:before{background:var(--arc-sup)}
#arc-root .arc-pill-validar{border-color:#27288366;background:var(--azul-p,#ebebff);color:var(--azul,#272883)}
#arc-root .arc-pill-validar:before{background:var(--azul,#272883)}
[data-theme=dark] #arc-root .arc-pill-validar{background:#8b8df01f;color:#c7c8ff}
/* Casos: selección y validación */
#arc-root .arc-chk{width:34px;text-align:center}
#arc-root .arc-chk input{width:18px;height:18px;cursor:pointer;accent-color:var(--negro)}
#arc-root .arc-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
#arc-root .arc-selbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;margin-bottom:10px;border-radius:var(--radius-s);
  background:var(--arc-suave);border:1px dashed var(--arc-borde);font-size:.8rem}
#arc-root .arc-selbar.activa{border-style:solid;border-color:var(--arc-txt)}
#arc-root .arc-validar{grid-column:1/-1;background:var(--azul-p,#ebebff);border:1.5px solid #27288340;border-radius:var(--radius-s);padding:12px 14px;font-size:.84rem}
#arc-root .arc-validar blockquote{margin:6px 0 10px;padding:8px 12px;border-left:3px solid var(--azul,#272883);background:var(--arc-sup);border-radius:6px;white-space:pre-wrap}
[data-theme=dark] #arc-root .arc-validar{background:#8b8df014}
#arc-root .arc-estados{grid-template-columns:repeat(6,minmax(0,1fr))}
#arc-root .arc-det-g>.arc-coms,#arc-root .arc-det-g>.arc-historial,#arc-root .arc-det-g>.arc-sub{grid-column:1/-1}
@media (max-width:1100px){ #arc-root .arc-estados{grid-template-columns:repeat(3,minmax(0,1fr))} }
@media (max-width:700px){
  #arc-root .arc-fila-main{grid-template-columns:36px minmax(0,1fr)}
  #arc-root .arc-fila-ids{grid-column:2}
  #arc-root .arc-fila-det{padding-left:16px}
  #arc-root .arc-estados{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Subfiltros de Casos plegables */
#arc-root .arc-filtros-cab{display:flex;align-items:center;gap:8px;width:100%;background:none;border:0;padding:2px 0;min-height:36px;cursor:pointer;
  font-family:var(--font-main);color:var(--arc-txt);text-align:left}
#arc-root .arc-filtros-cab .arc-subtit{margin:0}
#arc-root .arc-filtros-cab:focus-visible{outline:3px solid var(--verde);outline-offset:2px;border-radius:6px}
#arc-root .arc-filtros-n{font-size:.7rem;padding:2px 8px;border-radius:999px;background:var(--arc-txt);color:var(--arc-sup)}
#arc-root .arc-filtros-acc{margin-left:auto;font-size:.76rem;font-weight:800;color:var(--arc-txt2);text-decoration:underline}
#arc-root .arc-casos-filtros.plegado{padding-top:8px;padding-bottom:8px}
#arc-root .arc-ayuda-btn{align-self:flex-start;padding:0}
#arc-root .arc-seg-linea{color:var(--arc-txt2)}
#arc-root .arc-seg-k{font-weight:800;color:var(--arc-txt2)}
#arc-root .arc-fila-com>span{overflow:hidden;text-overflow:ellipsis}

/* Agentes con acceso */
#arc-root .arc-acc-lista{max-height:50vh;overflow:auto;border:1px solid var(--arc-borde);border-radius:var(--radius-s)}
#arc-root .arc-acc-fila{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--arc-borde);cursor:pointer}
#arc-root .arc-acc-fila:last-child{border-bottom:0}
#arc-root .arc-acc-fila:hover{background:var(--arc-suave)}
#arc-root .arc-acc-fila input{width:18px;height:18px;accent-color:var(--negro);flex-shrink:0}
#arc-root .arc-acc-fila span{display:flex;flex-direction:column;font-size:.84rem}
#arc-root .arc-acc-fila small{color:var(--arc-txt2);font-weight:600;font-size:.74rem}

/* Conductor bloqueado / desbloqueado */
#arc-root .arc-pill-bloq{border-color:#d71d5c66;background:var(--rosa-p,#fdeef4);color:var(--rosa,#d71d5c)}
#arc-root .arc-pill-bloq:before{background:var(--rosa,#d71d5c)}
#arc-root .arc-pill-desbloq{border-color:#38cea680;background:var(--verde-p,#edfaf6);color:var(--negro-2,#1a1d30)}
#arc-root .arc-pill-desbloq:before{background:var(--verde,#38cea6)}
[data-theme=dark] #arc-root .arc-pill-bloq{background:#d71d5c1f;color:#f59bbb}
[data-theme=dark] #arc-root .arc-pill-desbloq{background:#38cea61a;color:#a7f3d9}
#arc-root .arc-conductor{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;grid-column:1/-1;padding:10px 12px;border-radius:var(--radius-s);
  background:var(--arc-sup);border:1px solid var(--arc-borde)}
#arc-root .arc-conductor .arc-seg-lbl{width:auto}
#arc-root .arc-conductor-quien{font-size:.76rem}
/* ── SOS (alertas del canal #sos-alerts) ── */
#arc-root{--sos-acc:#d71d5c;--sos-sinr:#d97706;--sos-falsa:#7b8fa3;--sos-otro:#8b8df0;--sos-pend:#d8e2de}
[data-theme=dark] #arc-root{--sos-acc:#f0457f;--sos-sinr:#f5a524;--sos-falsa:#94a3b8;--sos-otro:#a5a7ff;--sos-pend:#3a4057}
#arc-root rect.arc-sos-acc{fill:var(--sos-acc)} #arc-root rect.arc-sos-sinr{fill:var(--sos-sinr)} #arc-root rect.arc-sos-falsa{fill:var(--sos-falsa)}
#arc-root rect.arc-sos-otro{fill:var(--sos-otro)} #arc-root rect.arc-sos-pend{fill:var(--sos-pend)}
#arc-root i.arc-sos-acc{background:var(--sos-acc)} #arc-root i.arc-sos-sinr{background:var(--sos-sinr)} #arc-root i.arc-sos-falsa{background:var(--sos-falsa)}
#arc-root i.arc-sos-otro{background:var(--sos-otro)} #arc-root i.arc-sos-pend{background:var(--sos-pend)}
#arc-root .arc-sos-pill.arc-sos-acc{border-color:#d71d5c55;background:var(--rosa-p,#fdeef4);color:var(--rosa,#d71d5c)}
#arc-root .arc-sos-pill.arc-sos-acc:before{background:var(--sos-acc)}
#arc-root .arc-sos-pill.arc-sos-sinr{border-color:#d9770666;background:var(--amber-p,#fffbeb);color:#92400e}
#arc-root .arc-sos-pill.arc-sos-sinr:before{background:var(--sos-sinr)}
#arc-root .arc-sos-pill.arc-sos-falsa{color:var(--arc-txt2);background:var(--arc-suave)}
#arc-root .arc-sos-pill.arc-sos-falsa:before{background:var(--sos-falsa)}
#arc-root .arc-sos-pill.arc-sos-otro{border-color:#27288366;background:var(--azul-p,#ebebff);color:var(--azul,#272883)}
#arc-root .arc-sos-pill.arc-sos-otro:before{background:var(--sos-otro)}
#arc-root .arc-sos-pill.arc-sos-pend{border-style:dashed;color:var(--arc-txt2);background:transparent}
#arc-root .arc-sos-pill.arc-sos-pend:before{background:var(--sos-pend)}
[data-theme=dark] #arc-root .arc-sos-pill.arc-sos-acc{background:#d71d5c1f;color:#f59bbb}
[data-theme=dark] #arc-root .arc-sos-pill.arc-sos-sinr{background:#d977061f;color:#fcd34d}
[data-theme=dark] #arc-root .arc-sos-pill.arc-sos-otro{background:#8b8df01f;color:#c7c8ff}
#arc-root .arc-sos-tiles{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
#arc-root .arc-sos-filtros{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center}
#arc-root .arc-sos-aviso{display:flex;gap:10px;align-items:flex-start;border-color:#d9770666;background:var(--amber-p,#fffbeb);color:#92400e}
#arc-root .arc-sos-aviso code{font-size:.78rem;background:#fff;border:1px solid #d9770644;border-radius:6px;padding:1px 5px;margin-right:2px}
[data-theme=dark] #arc-root .arc-sos-aviso{background:#d977061a;color:#fcd34d}
[data-theme=dark] #arc-root .arc-sos-aviso code{background:transparent}
#arc-root .arc-sos-tabla{min-width:880px}
#arc-root .arc-v-sos .arc-acc .arc-btn:first-child{display:none}

/* ── Estado del caso (mismo orden que la lista de Slack) ── */
#arc-root .arc-pill-esperando{border-color:#7c3aed55;background:#f5f3ff;color:#5b21b6}
#arc-root .arc-pill-esperando:before{background:#7c3aed}
[data-theme=dark] #arc-root .arc-pill-esperando{background:#7c3aed1f;color:#ddd6fe}
#arc-root .arc-tabla tr.arc-grupo td{background:var(--arc-suave);padding:10px 12px;border-top:2px solid var(--arc-txt2);font-size:.82rem;color:var(--arc-txt)}
#arc-root .arc-tabla tr.arc-grupo b{font-weight:800}
#arc-root .arc-grupo-n{display:inline-block;margin-left:8px;padding:1px 8px;border-radius:999px;background:var(--arc-txt);color:var(--arc-sup);font-size:.72rem;font-weight:800}
#arc-root .arc-tabla tr.arc-grupo small{margin-left:10px;color:var(--arc-txt2)}
#arc-root .arc-tabla tr.arc-grupo-nuevo td{border-top-color:var(--amber,#d97706)}
#arc-root .arc-tabla tr.arc-grupo-esperando td{border-top-color:#7c3aed}
#arc-root .arc-tabla tr.arc-grupo-seguimiento td{border-top-color:var(--verde,#38cea6)}

/* ── SOS: En gestión (:eyes:) ── */
#arc-root{--sos-gest:#0e9fb8}
[data-theme=dark] #arc-root{--sos-gest:#38c6dc}
#arc-root rect.arc-sos-gest{fill:var(--sos-gest)} #arc-root i.arc-sos-gest{background:var(--sos-gest)}
#arc-root .arc-sos-pill.arc-sos-gest{border-color:#0e9fb855;background:#ecfafd;color:#0b6d7e}
#arc-root .arc-sos-pill.arc-sos-gest:before{background:var(--sos-gest)}
[data-theme=dark] #arc-root .arc-sos-pill.arc-sos-gest{background:#38c6dc1a;color:#a5ecf6}

/* ── SOS: Demanda por hora (un solo tono, de claro a oscuro) ── */
#arc-root{--hora-alta:#272883;--hora-media:#6466d6;--hora-baja:#a9abea}
[data-theme=dark] #arc-root{--hora-alta:#c7c8ff;--hora-media:#8b8df0;--hora-baja:#4b4fb8}
#arc-root path.arc-hora-alta{fill:var(--hora-alta)} #arc-root path.arc-hora-media{fill:var(--hora-media)} #arc-root path.arc-hora-baja{fill:var(--hora-baja)}
#arc-root i.arc-hora-alta{background:var(--hora-alta)} #arc-root i.arc-hora-media{background:var(--hora-media)} #arc-root i.arc-hora-baja{background:var(--hora-baja)}
#arc-root .arc-horas-res{display:flex;flex-direction:column;gap:10px;margin:4px 0 12px;font-size:.84rem}
#arc-root .arc-horas-fila{display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap}
#arc-root .arc-horas-fila>.arc-seg-lbl{min-width:130px;padding-top:2px}
#arc-root .arc-horas-fila>div{display:flex;flex-direction:column;gap:4px;flex:1;min-width:240px}
#arc-root .arc-horas-k{display:inline-block;min-width:100px;color:var(--arc-txt2);font-size:.76rem;font-weight:700}
#arc-root .arc-horas-sep{margin:0 8px;color:var(--arc-txt2)}

/* ── Período: un día o un rango de fechas (oct 2026) ── */
#arc-root .arc-fechas-wrap{flex-basis:100%;order:3}
#arc-root .arc-fechas{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px;padding:10px 12px;border:1.5px solid var(--arc-borde);
  border-radius:var(--radius-s);background:var(--arc-sup)}
#arc-root .arc-fecha-lbl{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:700;color:var(--arc-txt2)}
#arc-root .arc-fecha{min-width:160px;font:inherit}
#arc-root .arc-fecha-err{color:#D71D5C;font-size:12.5px;font-weight:700;align-self:center}
#arc-root .arc-fecha-err:empty{display:none}
@media (max-width:600px){
  #arc-root .arc-fechas{flex-direction:column;align-items:stretch}
  #arc-root .arc-fecha{min-width:0;width:100%}
}

/* Período cerrado con alertas en gestión (oct 2026) */
#arc-root .arc-sos-cerrado{display:flex;gap:10px;align-items:flex-start;border-color:#d9770666;background:var(--amber-p,#fffbeb);color:#92400e;margin-bottom:12px}
[data-theme=dark] #arc-root .arc-sos-cerrado{background:#d977061a;color:#fcd34d}