@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes expandIn{0%{opacity:0;max-height:0}to{opacity:1;max-height:2000px}}@keyframes pulseCrit{0%,to{box-shadow:0 0 #ef444480}50%{box-shadow:0 0 0 5px #ef444400}}@keyframes pulseWarn{0%,to{box-shadow:0 0 #f59e0b66}50%{box-shadow:0 0 0 4px #f59e0b00}}@keyframes glowOk{0%,to{opacity:1}50%{opacity:.75}}@keyframes barGrow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-in{animation:fadeSlideIn .35s var(--ease) both}.animate-in.delay-1{animation-delay:.05s}.expand-in{animation:expandIn .3s var(--ease);overflow:hidden}.app{min-height:100vh;padding:8px 10px 16px;max-width:1180px;margin:0 auto}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;gap:8px;flex-wrap:wrap;padding:6px 8px;background:var(--header-bg);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.header-brand{display:flex;align-items:center;gap:8px}.brand-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent);animation:glowOk 2s ease infinite}.header h1{margin:0;font-size:.95rem;font-weight:700;letter-spacing:-.02em}.brand-sub{font-size:.65rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.header-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.nav-tabs{display:flex;gap:4px}.btn-primary{background:var(--accent);color:#fff;border:none;border-radius:var(--radius);padding:4px 10px;font-size:.85rem;font-weight:600}.btn-primary:hover{box-shadow:0 0 12px #3b82f659}.btn-icon{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:3px 8px;font-size:.75rem;opacity:.7}.btn-icon.active{opacity:1;border-color:var(--accent)}.toolbar input{width:100%;padding:6px 10px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text);margin-bottom:6px;font-size:.8rem;transition:border-color .15s,box-shadow .15s}.toolbar input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #3b82f626}.filtros{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:8px}.theme-toggle{display:flex;gap:2px;padding:2px;background:var(--surface-2);border:1px solid var(--border);border-radius:999px}.theme-toggle .chip{border-radius:999px;padding:3px 8px;font-size:.62rem}.chip{background:var(--surface);color:var(--chip-fg);border:1px solid var(--border);border-radius:999px;padding:3px 10px;font-size:.68rem;font-weight:500}.chip:hover{border-color:#3b82f666}.chip.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 0 10px #3b82f640}.error{background:#7f1d1d80;padding:6px 10px;border-radius:var(--radius);margin-bottom:8px;font-size:.78rem;border:1px solid rgba(239,68,68,.3)}.loading-skeleton{margin-bottom:8px}.loading-bar{height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--accent),var(--ok),transparent);background-size:200% 100%;animation:shimmer 1.2s linear infinite}.tiendas-grid{display:grid;gap:6px}.tienda-card{background:var(--card-bg);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden;transition:border-color .2s,transform .15s var(--ease)}.tienda-card:hover{border-color:var(--card-border-hover)}.tienda-header{width:100%;display:flex;gap:6px;align-items:center;padding:6px 8px;background:transparent;border:none;color:inherit;text-align:left;min-height:0}.semaforo{width:10px;height:10px;border-radius:50%;flex-shrink:0;background:var(--muted);transition:box-shadow .2s}.semaforo-pulse-crit{background:var(--crit);animation:pulseCrit 1.2s ease infinite}.semaforo-pulse-warn{background:var(--warn);animation:pulseWarn 1.6s ease infinite}.semaforo-glow-ok{background:var(--ok);animation:glowOk 3s ease infinite}.tienda-info{flex:0 1 auto;min-width:0;max-width:38%}.tienda-info-compact{max-width:42%}.tienda-title-row{display:flex;align-items:baseline;gap:6px;min-width:0;line-height:1.15}.tienda-nombre{font-weight:600;font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tienda-meta-inline{font-size:.58rem;color:var(--muted);white-space:nowrap;flex-shrink:0}.tienda-meta{font-size:.68rem;color:var(--muted)}.tienda-contexto{font-size:.65rem;color:#fbbf24;margin-top:2px;line-height:1.25}.tienda-contexto-clip{margin-top:1px;font-size:.55rem;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tienda-header-pulse{flex:1 1 auto;min-width:80px;max-width:none;padding:0 2px;align-self:center}.pulse-stack{gap:1px}.pulse-stack .wan-sync-row{--wan-sync-lbl: 9px}.pulse-stack .pulse-track{display:flex;align-items:flex-end;gap:1px;height:7px;min-width:0;background:var(--track-bg);border-radius:2px;padding:0 1px}.pulse-empty-fill{flex:1;min-height:2px}.pulse-lbl{flex:0 0 9px;font-size:.52rem;font-weight:800;color:#64748b;line-height:1}.pulse-lbl.down{color:#f87171}.pulse-track-empty{opacity:.35}.pulse-bar{flex:1;min-width:1px;align-self:flex-end;border-radius:0;display:block;font-style:normal}.chevron{color:var(--muted);font-size:1.1rem;transition:transform .2s var(--ease)}.chevron.open{transform:rotate(90deg)}.chevron-sm{font-size:.95rem}.enlace-graficos-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:4px;padding:4px 6px;background:var(--toggle-bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--heading-soft);font-size:.65rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:background .15s var(--ease),border-color .15s var(--ease)}.enlace-graficos-toggle:hover{background:var(--toggle-bg-hover);border-color:var(--toggle-border-hover)}.histograma-card.graficos-abiertos{border-color:var(--border-strong)}.enlace-graficos-label{color:var(--muted)}.enlace-graficos{margin-top:6px;padding-top:6px;border-top:1px dashed var(--border)}.noc-radar{background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--radius);padding:8px}.noc-radar-head{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}.noc-ventana-tabs{display:flex;gap:4px;flex-wrap:wrap}.chip-ventana{padding:3px 8px;font-size:.62rem;min-width:2.2rem;text-align:center}.noc-radar-subtitle{font-size:.62rem;color:var(--meta-soft);margin-bottom:8px}.noc-radar-label-spaced{margin-top:8px}.noc-strip-dias{min-height:26px;align-items:stretch}.noc-strip-cell-dia{height:24px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:1px}.noc-strip-dia-label{font-size:.5rem;font-weight:700;color:var(--chart-label-on-color);line-height:1}.noc-mes-extra{margin-top:10px;padding-top:8px;border-top:1px dashed var(--border)}.error-compact{font-size:.68rem;padding:4px 8px;margin-bottom:6px}.tienda-monitor-bar{background:var(--panel-bg-strong);border:1px solid var(--border);border-radius:var(--radius);padding:8px 10px;margin-bottom:8px}.tienda-monitor-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.tienda-monitor-title{font-size:.62rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:600}.tienda-monitor-legend{margin-left:auto}.tienda-monitor-sub{margin-bottom:0;margin-top:4px}.tienda-enlaces-stack{display:flex;flex-direction:column;gap:4px}.histograma-card-compact{padding:6px 8px;margin-top:2px}.histograma-header-compact{gap:8px;align-items:center}.histograma-header-compact strong{font-size:.75rem}.enlace-metrics-inline{margin:2px 0 0;align-items:center}.btn-monitor-toggle{margin-left:auto;background:var(--btn-toggle-bg);border:1px solid var(--border);color:#93c5fd;font-size:.62rem;font-weight:600;padding:2px 8px;border-radius:999px;cursor:pointer}.btn-monitor-toggle:hover{background:#3b82f633}.enlace-graficos-compact{margin-top:4px;padding-top:4px;border-top:none}.enlace-monitor-strip{background:var(--panel-bg-soft);border-radius:6px;padding:6px}.enlace-monitor-tag{display:flex;justify-content:space-between;font-size:.62rem;color:var(--muted);margin-bottom:4px;text-transform:uppercase;letter-spacing:.04em}.enlace-monitor-ip{font-size:.58rem;text-transform:none}.noc-carriles{display:flex;flex-direction:column;gap:2px}.noc-strip-thin{min-height:8px;padding:1px}.noc-strip-cell-thin{height:6px}.noc-strip-lat-thin{min-height:10px}.noc-axis-thin{margin-top:1px;font-size:.5rem}.noc-calendario-row{display:flex;flex-wrap:wrap;gap:3px}.noc-cal-dia{width:26px;height:26px;border-radius:4px;border:1px solid var(--chart-cell-border);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.55rem;font-weight:700;color:var(--chart-label-on-color);padding:0;transition:transform .1s,box-shadow .1s}.noc-cal-dia:hover{transform:scale(1.08)}.noc-cal-dia.activo{box-shadow:0 0 0 2px #93c5fd}.dia-detalle{margin-top:8px;padding:6px;background:var(--elevated-bg);border-radius:6px;border:1px dashed var(--border)}.dia-detalle-head{display:flex;justify-content:space-between;align-items:center;font-size:.62rem;color:var(--heading-soft);margin-bottom:6px}.dia-detalle-grid{display:grid;grid-template-columns:repeat(24,1fr);gap:1px}.dia-detalle-celda{display:flex;flex-direction:column;align-items:center;min-width:0}.dia-detalle-hora{font-size:.45rem;color:var(--muted);height:8px;line-height:1}.dia-detalle-block{width:100%;height:10px;border-radius:1px;min-height:8px}@media(max-width:520px){.tienda-monitor-legend{margin-left:0;width:100%}.dia-detalle-grid{grid-template-columns:repeat(12,1fr)}}.wan-ultra{background:var(--panel-bg-medium);border:1px solid var(--border);border-radius:6px;padding:4px 6px}.wan-ultra-top{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:4px}.wan-chips{display:flex;gap:2px}.wan-chip{border:1px solid var(--border);background:var(--chip-inactive-bg);color:var(--meta-soft);font-size:.58rem;font-weight:600;padding:1px 5px;border-radius:4px;cursor:pointer;line-height:1.3}.wan-chip.on{background:var(--chip-active-bg);border-color:var(--accent);color:var(--chip-active-fg)}.wan-meta{font-size:.55rem;color:var(--muted);margin-left:auto}.wan-sync-stack{--wan-sync-lbl: 10px;--wan-sync-gap: 3px;display:flex;flex-direction:column;gap:2px}.wan-sync-row{display:grid;grid-template-columns:var(--wan-sync-lbl) 1fr;gap:var(--wan-sync-gap);align-items:center;min-width:0}.wan-sync-track{min-width:0;display:flex;align-items:stretch}.wan-sync-ventana{gap:3px}.wan-axis-sync{margin-left:calc(var(--wan-sync-lbl) + var(--wan-sync-gap))}.wan-lbl{flex:0 0 10px;font-size:.58rem;font-weight:800;color:var(--meta-soft);line-height:1}.wan-lbl-ghost{opacity:0;pointer-events:none}.wan-track{flex:1;display:flex;gap:1px;align-items:flex-end;min-width:0;background:var(--track-bg-soft);border-radius:2px;padding:1px}.wan-track-avail{height:5px;align-items:stretch}.wan-track-lat{height:7px}.wan-pair-lat{margin-top:2px}.wan-pixel{flex:1;min-width:1px;border:none;border-radius:0;display:block;padding:0;height:100%;font-style:normal}.wan-pixel-lat{align-self:flex-end;height:3px}.wan-axis{display:flex;justify-content:space-between;font-size:.48rem;color:var(--muted);margin-top:2px;line-height:1}.wan-stats{display:flex;gap:8px;flex-wrap:wrap;margin-top:2px;font-size:.55rem;line-height:1.2}.wan-st-up{color:var(--ok)}.wan-st-down{color:var(--crit)}.wan-empty{font-size:.62rem;color:var(--muted);margin:4px 0}.wan-dia-block{display:flex;flex-direction:column;gap:3px}.wan-cal-wrap{min-width:0}.wan-cal-wrap .wan-cal{flex:1}.wan-cal{flex:1;display:flex;flex-wrap:wrap;gap:2px}.wan-cal-cell{width:18px;height:14px;padding:0;border:none;border-radius:2px;font-size:.48rem;font-weight:700;color:var(--chart-label-on-color);cursor:pointer;line-height:1}.wan-cal-cell.on{outline:1px solid #93c5fd}.wan-ultra-expanded{padding:8px 10px}.tienda-card .wan-diag-strip{display:flex;flex-direction:column;gap:3px;padding:4px 10px 6px;border-top:1px solid var(--border)}.wan-ventana-hint{font-size:.58rem;color:var(--muted);margin:2px 0 4px;line-height:1.3}.wan-diag-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;font-size:.62rem;line-height:1.2}.wan-diag-row.down{background:#ef444414;border-radius:4px;padding:2px 4px}.wan-diag-tag{font-weight:800;color:var(--meta-soft);width:12px}.wan-diag-ip{font-family:ui-monospace,monospace;color:var(--text)}.wan-diag-isp{color:var(--muted);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wan-diag-st.up{color:var(--ok);font-weight:700}.wan-diag-st.dn{color:var(--crit);font-weight:700}.wan-diag-kpi{color:var(--heading-soft)}.wan-diag-trend{color:var(--meta-soft)}.wan-diag-since{margin-left:auto;color:var(--muted);font-size:.58rem}.wan-track-expanded{height:10px!important}.wan-track-lat-expanded{height:14px!important}.wan-pixel-expanded{min-height:8px}.wan-pixel-lat-expanded{min-height:4px}.wan-kpi-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.wan-kpi-chip{font-size:.58rem;color:var(--muted);line-height:1.3}.wan-kpi-chip strong{color:var(--meta-soft)}.wan-section-head{display:flex;align-items:baseline;gap:8px;margin:8px 0 4px;font-size:.62rem;font-weight:700;color:var(--heading-soft);text-transform:uppercase;letter-spacing:.04em}.wan-section-sub{font-weight:400;text-transform:none;letter-spacing:0;color:var(--muted);font-size:.55rem}.wan-hist24 .wan-hist24-track{display:flex;gap:2px;min-width:0;width:100%}.wan-hist24-cell{flex:1;min-width:3px;height:16px;padding:0;border:none;border-radius:2px;cursor:pointer}.wan-hist24-cell.on{outline:2px solid #93c5fd;outline-offset:1px}.wan-hist24-axis{display:flex;justify-content:space-between;font-size:.5rem;color:var(--muted)}.wan-hora-detalle{margin-top:6px;padding:6px;background:var(--track-bg);border-radius:4px;border:1px solid var(--border)}.wan-hora-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.wan-hora-title{font-size:.6rem;font-weight:700;color:var(--detail-title-fg)}.wan-hora-detalle .wan-hora-avail{display:flex;gap:2px;height:10px;width:100%}.wan-pixel-min{flex:1;min-width:2px;border-radius:1px;display:block;height:100%;font-style:normal;border:none;padding:0}.wan-hora-detalle .wan-hora-lat{display:flex;gap:2px;align-items:flex-end;height:36px;width:100%;background:var(--track-bg-soft);border-radius:2px;padding:2px}.wan-pixel-min-lat{align-self:flex-end;width:auto;min-height:4px}.dia-detalle-expand .dia-detalle-grid-hours{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));gap:2px}.wan-pixel-hour-btn{cursor:pointer;padding:0;border:none}.wan-pixel-hour-btn.on{outline:2px solid #93c5fd}.dia-detalle-expand .wan-pixel-hour{width:100%;height:14px}.wan-pico-hint{margin-top:6px;display:flex;flex-direction:column;gap:2px;font-size:.55rem;color:var(--muted)}.tienda-body-dense{padding:6px 8px 10px}.dia-detalle-dense{margin-top:4px;padding:4px}.dia-detalle-grid{display:flex;gap:1px;flex-wrap:wrap}.wan-pixel-hour{width:8px;height:8px;flex:0 0 auto;border-radius:1px}@media(max-width:640px){.tienda-info-compact{max-width:36%}.tienda-meta-inline{display:none}.tienda-header-pulse{min-width:56px}}.noc-radar-title{font-size:.68rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--heading-soft)}.noc-radar-legend{display:flex;gap:8px;font-size:.58rem;color:var(--muted);align-items:center}.noc-radar-legend .dot{display:inline-block;width:6px;height:6px;border-radius:1px;margin-right:2px;vertical-align:middle}.noc-radar-legend .dot.green{background:var(--ok)}.noc-radar-legend .dot.yellow{background:var(--warn)}.noc-radar-legend .dot.red{background:var(--crit)}.noc-radar-legend .dot.gray{background:#334155}.noc-radar-grid{display:grid;grid-template-columns:1fr minmax(100px,28%);gap:10px;align-items:end}@media(max-width:520px){.noc-radar-grid{grid-template-columns:1fr}}.noc-radar-label{display:flex;justify-content:space-between;font-size:.58rem;letter-spacing:.05em;color:var(--muted);margin-bottom:4px;text-transform:uppercase}.noc-radar-label .muted{font-size:.55rem;opacity:.8}.noc-strip{display:flex;gap:1px;align-items:flex-end;border-radius:3px;overflow:hidden;background:var(--strip-bg);padding:2px}.noc-strip-24h{min-height:16px}.noc-strip-cell{flex:1;min-width:2px;height:14px;border-radius:1px;transition:transform .1s}.noc-strip-cell:hover{transform:scaleY(1.2);z-index:1}.noc-strip-lat{min-height:18px;align-items:flex-end}.noc-lat-bar{flex:1;min-width:2px;border-radius:1px;align-self:flex-end}.noc-strip-empty{font-size:.58rem;color:var(--muted);padding:4px 0;width:100%;text-align:center}.noc-axis{display:flex;justify-content:space-between;font-size:.52rem;color:var(--muted);margin-top:2px}.noc-mes{margin-top:10px;padding-top:8px;border-top:1px solid var(--border)}.noc-mes-head{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-bottom:6px}.noc-mes-alert{margin-left:6px;font-size:.58rem;color:#fca5a5;font-weight:500;text-transform:none;letter-spacing:0}.btn-link-compact{background:none;border:none;color:#93c5fd;font-size:.62rem;font-weight:600;cursor:pointer;padding:2px 4px}.btn-link-compact:hover{text-decoration:underline}.noc-dias-scroll{overflow-x:auto}.noc-dias-row{display:flex;gap:3px;min-width:min-content;padding-bottom:2px}.noc-dia-cell{width:22px;height:22px;border-radius:4px;flex-shrink:0;display:flex;align-items:center;justify-content:center;cursor:default;transition:transform .12s,box-shadow .12s;border:1px solid var(--chart-cell-border)}.noc-dia-cell:hover{transform:translateY(-2px);box-shadow:var(--shadow-pop)}.noc-dia-num{font-size:.55rem;font-weight:700;color:var(--chart-label-on-color);text-shadow:0 0 2px rgba(255,255,255,.35)}.noc-mes-hint{font-size:.52rem;color:var(--muted);margin-top:4px}.tendencia-pill.tendencia-alta{background:#f59e0b33;color:#fbbf24}.tendencia-pill.tendencia-baja{background:#22c55e1f;color:#86efac}.sin-datos-msg-compact{margin-bottom:6px;padding:3px 6px}.loading-bar-tight{margin:4px 0}.heatmap-mes-detalle{margin-top:0;padding-top:0;border-top:none}.heatmap-grid-compact{min-width:0}.heatmap-cell-tiny{height:7px;min-width:6px}.tienda-body-dense{padding:4px 6px 6px}.tienda-body{padding:0 8px 8px}.resumen-noc{margin-bottom:10px;display:grid;gap:8px}.resumen-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:5px}.resumen-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:6px 8px;transition:transform .15s var(--ease)}.resumen-card:hover{transform:translateY(-1px)}.resumen-label{font-size:.58rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:2px}.resumen-num{font-size:1.15rem;font-weight:700;line-height:1.1}.resumen-num.critico{color:var(--crit)}.resumen-num.redundancia{color:var(--warn)}.resumen-meta{font-size:.62rem;color:var(--meta-soft);margin-top:2px}.agente-status{display:flex;align-items:center;gap:6px;font-size:.75rem}.agente-dot{width:8px;height:8px}.resumen-block h3{margin:0 0 4px;font-size:.72rem;color:var(--heading-soft);font-weight:600}.incidente-card{background:var(--surface);border-left:3px solid var(--crit);border-radius:var(--radius);padding:6px 8px;margin-bottom:4px;animation:fadeSlideIn .3s var(--ease)}.incidente-header{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:.78rem}.incidente-body{font-size:.72rem;margin-top:2px}.incidente-duracion{color:#f87171}.incidente-contexto{font-size:.65rem;color:var(--meta-soft);margin-top:2px}.badge{font-size:.58rem;padding:1px 6px;border-radius:999px;font-weight:700}.badge-critico{background:#7f1d1d;color:#fecaca}.badge-redundancia{background:#78350f;color:#fde68a}.top-table{display:grid;gap:3px}.top-row{display:grid;grid-template-columns:2fr 1fr auto auto auto;gap:6px;font-size:.68rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:5px 8px;align-items:center}.text-down{color:var(--crit);font-weight:700}.histograma-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:8px;margin-top:5px}.histograma-header{display:flex;justify-content:space-between;gap:6px;font-size:.75rem;font-weight:600}.mono{font-family:JetBrains Mono,ui-monospace,monospace;color:var(--mono-fg);font-size:.65rem}.enlace-metrics{display:flex;flex-wrap:wrap;gap:4px;margin:4px 0 6px;align-items:center}.estado-up{color:var(--ok);font-size:.72rem;font-weight:600}.estado-down{color:var(--crit);font-size:.72rem;font-weight:600}.duracion-estado{font-weight:400;color:#f87171}.metric-pill{font-size:.6rem;background:var(--metric-pill-bg);color:var(--metric-pill-fg);padding:1px 6px;border-radius:999px}.metric-pill.muted{color:var(--meta-soft)}.metric-pill.warn{background:#78350f99;color:#fde68a}.tendencia-msg{font-size:.62rem;margin-bottom:4px;padding:3px 6px;border-radius:4px}.tendencia-alta{background:#f59e0b1f;color:#fbbf24}.tendencia-baja{background:#22c55e14;color:#86efac}.sparkline-wrap{margin-bottom:6px}.sparkline-label{font-size:.58rem;letter-spacing:.07em;color:var(--muted);margin-bottom:2px}.sparkline-row{display:flex;align-items:flex-end;gap:1px;height:22px}.spark-bar{flex:1;min-width:3px;border-radius:1px;align-self:flex-end;transform-origin:bottom;animation:barGrow .4s var(--ease) both}.histograma-label{font-size:.58rem;letter-spacing:.07em;color:var(--muted);margin-bottom:4px}.histograma-row{display:grid;grid-template-columns:repeat(24,1fr);gap:1px}.histograma-block{height:20px;border-radius:1px;transition:transform .12s,opacity .12s}.histograma-block:hover{transform:scaleY(1.15);opacity:.9}.histograma-axis{display:flex;justify-content:space-between;font-size:.58rem;color:var(--muted);margin-top:2px}.sin-datos-msg{font-size:.65rem;color:var(--warn);margin-bottom:4px;padding:4px 6px;background:#f59e0b14;border-radius:4px}.sin-datos-msg code{color:#93c5fd;font-size:.62rem}.heatmap-mes{margin-top:8px;padding-top:8px;border-top:1px solid var(--border)}.heatmap-header{display:flex;justify-content:space-between;align-items:baseline;gap:6px;flex-wrap:wrap;margin-bottom:4px}.heatmap-tz{font-size:.58rem;color:var(--muted)}.heatmap-picos{font-size:.65rem;color:var(--meta-soft);margin-bottom:4px;display:flex;flex-wrap:wrap;gap:4px;align-items:center}.pico-chip{background:#7f1d1d99;color:#fecaca;padding:1px 6px;border-radius:999px;font-size:.6rem}.heatmap-legend{display:flex;gap:8px;flex-wrap:wrap;font-size:.6rem;color:var(--meta-soft);margin-bottom:4px}.heatmap-legend .dot{display:inline-block;width:6px;height:6px;border-radius:1px;margin-right:3px;vertical-align:middle}.heatmap-legend .dot.green{background:var(--ok)}.heatmap-legend .dot.yellow{background:var(--warn)}.heatmap-legend .dot.red{background:var(--crit)}.heatmap-legend .dot.gray{background:#334155}.heatmap-scroll{overflow-x:auto}.heatmap-grid{display:grid;gap:1px;min-width:480px}.heatmap-corner,.heatmap-hour-label,.heatmap-day-label{font-size:.55rem;color:var(--muted);display:flex;align-items:center;justify-content:center}.heatmap-day-col{font-size:.58rem;font-weight:600}.heatmap-hour-row{justify-content:flex-end;padding-right:4px;font-size:.52rem}.heatmap-cell{height:10px;border-radius:1px;min-width:8px;transition:transform .1s,box-shadow .1s}.heatmap-cell:hover{transform:scale(1.25);box-shadow:0 0 4px #fff3;z-index:1}.heatmap-cell-empty{background:transparent}.heatmap-axis-note{font-size:.58rem;color:var(--muted);margin-top:4px}.config-panel{display:grid;gap:8px}.config-intro{color:var(--config-intro-fg);margin:0;font-size:.75rem}.config-ok{background:#14532d80;color:#bbf7d0;padding:6px 8px;border-radius:var(--radius);font-size:.75rem;animation:fadeSlideIn .3s var(--ease)}.config-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px}.config-card h2{margin:0 0 2px;font-size:.88rem}.config-subtitle{margin:10px 0 4px;font-size:.68rem;color:var(--meta-soft);text-transform:uppercase;letter-spacing:.06em}.config-form{display:grid;gap:5px;margin-top:6px}.config-form input,.config-form select{padding:6px 8px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:.78rem}.config-form button,.config-actions button{background:var(--accent);color:#fff;border:none;border-radius:var(--radius);padding:5px 10px;font-size:.72rem}.btn-muted{background:var(--btn-muted-bg)!important}.btn-danger{background:#b91c1c!important}.config-tienda-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;flex-wrap:wrap}.config-actions{display:flex;gap:4px;flex-wrap:wrap}.enlace-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:4px;flex-wrap:wrap;font-size:.78rem;transition:border-color .15s}.enlace-row:hover{border-color:#3b82f640}.enlace-row.pausado{opacity:.55}.enlace-isp{font-size:.68rem;color:var(--meta-soft)}.badge-pausa{font-size:.58rem;background:#78350f;color:#fde68a;padding:1px 6px;border-radius:999px}.config-empty{color:var(--muted);font-size:.75rem}.config-hint{font-size:.62rem;color:var(--muted);margin:0 0 6px;line-height:1.35;grid-column:1 / -1}.badge-alcance{font-size:.55rem;font-weight:700;color:var(--meta-soft);margin-left:6px;text-transform:uppercase}.config-form-inline{grid-template-columns:1fr 1fr auto;align-items:end}@media(max-width:640px){.config-form-inline{grid-template-columns:1fr}}.cfg-field{display:flex;flex-direction:column;gap:3px}.cfg-field>span:first-child,.cfg-field-hint{font-size:.65rem;color:var(--text-soft)}.cfg-field-hint{margin-top:2px;line-height:1.3}.cfg-field input,.cfg-field select,.cfg-enlace-fields input,.cfg-enlace-fields select{padding:8px 10px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:.82rem}.cfg-enlace-fields{display:flex;flex-direction:column;gap:10px}.cfg-radio-group{border:none;margin:0;padding:0}.cfg-radio-group legend{font-size:.65rem;color:var(--text-soft);margin-bottom:4px;padding:0}.cfg-radio{display:flex;align-items:center;gap:8px;font-size:.8rem;margin-bottom:4px;cursor:pointer}.cfg-check{flex-direction:row!important;align-items:center;gap:8px;font-size:.78rem}.cfg-avanzado-toggle{background:none;border:none;color:var(--muted);font-size:.68rem;cursor:pointer;padding:0;text-align:left}.cfg-avanzado-toggle:hover{color:var(--meta-soft)}.cfg-enlace-list{display:flex;flex-direction:column;gap:6px;margin-top:10px}.cfg-enlace-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius)}.cfg-enlace-item.pausado{opacity:.55}.cfg-enlace-line1{font-size:.82rem;font-weight:600;color:var(--cfg-line1-fg)}.cfg-enlace-line2{font-size:.72rem;color:var(--meta-soft);margin-top:2px}.cfg-btn-edit{flex-shrink:0;background:var(--btn-secondary-bg);color:var(--btn-secondary-fg);border:none;border-radius:var(--radius);padding:6px 12px;font-size:.72rem;cursor:pointer}.cfg-btn-edit:hover{background:var(--btn-secondary-hover)}.cfg-enlace-edit{margin-top:8px;padding:12px;background:var(--panel-overlay);border:1px solid var(--border);border-radius:var(--radius)}.cfg-nuevo-titulo{margin:0 0 8px;font-size:.75rem;font-weight:600;color:var(--cfg-title-fg)}.cfg-add-enlace{margin-top:10px;width:100%;background:transparent;border:1px dashed var(--border);color:var(--meta-soft);border-radius:var(--radius);padding:8px;font-size:.75rem;cursor:pointer}.cfg-add-enlace:hover{border-color:var(--toggle-border-hover);color:var(--text)}.cfg-btn-primary{align-self:end;height:fit-content}.cfg-btn-link{background:transparent!important;color:#f87171!important;text-decoration:underline;padding:5px 8px!important}.wan-diag-alc{font-size:.52rem;font-weight:800;color:#64748b;letter-spacing:.04em}.enlace-form h4{margin:8px 0 0;font-size:.72rem;color:var(--heading-soft)}.checkbox-label{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--heading-soft)}@media(max-width:768px){.top-row{grid-template-columns:1fr}.brand-sub{display:none}}*{box-sizing:border-box}:root,[data-theme=dark]{color-scheme:dark;--bg: #080d18;--surface: #111827;--surface-2: #0c1220;--border: rgba(148, 163, 184, .12);--text: #e2e8f0;--text-soft: #94a3b8;--muted: #64748b;--accent: #3b82f6;--ok: #22c55e;--warn: #f59e0b;--crit: #ef4444;--radius: 6px;--ease: cubic-bezier(.22, 1, .36, 1);--header-bg: rgba(17, 24, 39, .6);--chip-fg: #94a3b8;--panel-overlay: rgba(15, 23, 42, .5);--btn-muted-bg: #334155;--btn-muted-fg: #f1f5f9;--btn-secondary-bg: #334155;--btn-secondary-fg: #f1f5f9;--btn-secondary-hover: #475569;--card-bg: rgba(17, 24, 39, .75);--card-border-hover: rgba(148, 163, 184, .22);--panel-bg: rgba(15, 23, 42, .45);--panel-bg-strong: rgba(15, 23, 42, .55);--panel-bg-soft: rgba(15, 23, 42, .35);--panel-bg-medium: rgba(15, 23, 42, .5);--track-bg: rgba(0, 0, 0, .25);--track-bg-soft: rgba(0, 0, 0, .2);--toggle-bg: rgba(30, 41, 59, .6);--toggle-bg-hover: rgba(51, 65, 85, .8);--toggle-border-hover: #64748b;--chip-inactive-bg: rgba(30, 41, 59, .9);--chip-active-bg: rgba(59, 130, 246, .35);--chip-active-fg: #e2e8f0;--heading-soft: #cbd5e1;--meta-soft: #94a3b8;--mono-fg: #94a3b8;--btn-toggle-bg: rgba(51, 65, 85, .6);--strip-bg: rgba(30, 41, 59, .8);--elevated-bg: rgba(30, 41, 59, .5);--metric-pill-bg: rgba(51, 65, 85, .8);--metric-pill-fg: #e2e8f0;--chart-label-on-color: rgba(15, 23, 42, .9);--chart-cell-border: rgba(0, 0, 0, .3);--shadow-pop: 0 2px 8px rgba(0, 0, 0, .35);--detail-title-fg: #e2e8f0;--border-strong: #475569;--config-intro-fg: #94a3b8;--cfg-title-fg: #cbd5e1;--cfg-line1-fg: #e2e8f0}[data-theme=light]{color-scheme:light;--bg: #e8edf4;--surface: #ffffff;--surface-2: #f1f5f9;--border: rgba(15, 23, 42, .12);--text: #0f172a;--text-soft: #475569;--muted: #64748b;--accent: #2563eb;--ok: #16a34a;--warn: #d97706;--crit: #dc2626;--header-bg: rgba(255, 255, 255, .92);--chip-fg: #64748b;--panel-overlay: rgba(241, 245, 249, .98);--btn-muted-bg: #e2e8f0;--btn-muted-fg: #334155;--btn-secondary-bg: #cbd5e1;--btn-secondary-fg: #1e293b;--btn-secondary-hover: #94a3b8;--card-bg: #ffffff;--card-border-hover: rgba(37, 99, 235, .25);--panel-bg: #f8fafc;--panel-bg-strong: #f1f5f9;--panel-bg-soft: #f8fafc;--panel-bg-medium: #eef2f7;--track-bg: rgba(15, 23, 42, .08);--track-bg-soft: rgba(15, 23, 42, .06);--toggle-bg: #e2e8f0;--toggle-bg-hover: #cbd5e1;--toggle-border-hover: #94a3b8;--chip-inactive-bg: #e2e8f0;--chip-active-bg: rgba(37, 99, 235, .18);--chip-active-fg: #1e40af;--heading-soft: #334155;--meta-soft: #64748b;--mono-fg: #475569;--btn-toggle-bg: #e2e8f0;--strip-bg: #e2e8f0;--elevated-bg: #f1f5f9;--metric-pill-bg: #e2e8f0;--metric-pill-fg: #334155;--chart-label-on-color: rgba(255, 255, 255, .95);--chart-cell-border: rgba(15, 23, 42, .12);--shadow-pop: 0 2px 8px rgba(15, 23, 42, .08);--detail-title-fg: #0f172a;--border-strong: #cbd5e1;--config-intro-fg: #64748b;--cfg-title-fg: #334155;--cfg-line1-fg: #0f172a}body{margin:0;font-family:Inter,Segoe UI,system-ui,sans-serif;background:var(--bg);background-image:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(59,130,246,.08),transparent),radial-gradient(ellipse 60% 40% at 100% 100%,rgba(34,197,94,.04),transparent);color:var(--text);font-size:13px;line-height:1.35;-webkit-font-smoothing:antialiased;transition:background-color .2s ease,color .2s ease}[data-theme=light] body{background-image:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(37,99,235,.06),transparent),radial-gradient(ellipse 60% 40% at 100% 100%,rgba(22,163,74,.05),transparent)}[data-theme=light] .btn-muted{color:var(--btn-muted-fg)!important}button{cursor:pointer;font-family:inherit;transition:transform .12s var(--ease),background .15s,box-shadow .15s}button:active{transform:scale(.97)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}