:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:oklch(100% 0 0);--surface-1:oklch(98.5% .001 248);--surface-2:oklch(96% .003 248);--surface-3:oklch(94% .004 248);--border-color:oklch(91% .004 250);--border-color-strong:oklch(85% .006 250);--text-1:oklch(20% .006 262);--text-2:oklch(53% .014 262);--text-3:oklch(66% .012 262);--accent:oklch(55% .16 275);--accent-hover:oklch(50% .17 275);--accent-active:oklch(45% .17 275);--accent-soft:oklch(55% .16 275/.12);--accent-contrast:oklch(99% 0 0);--success:oklch(53.8% .127 158.5);--success-soft:oklch(58% .13 155/.14);--warning:oklch(55.7% .141 80.3);--warning-soft:oklch(72% .13 75/.18);--danger:oklch(57.7% .193 23);--danger-soft:oklch(60% .19 20/.12);--info:oklch(55.7% .168 256);--info-soft:oklch(66% .15 250/.12);--neutral:oklch(53% .014 262);--neutral-soft:oklch(66% .012 262/.14);--font-family-sans:"Inter", "Inter Variable", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-family-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.625rem;--radius-xl:.875rem;--shadow-xs:0 1px 2px oklch(0% 0 0/.04);--shadow-sm:0 1px 2px oklch(0% 0 0/.06), 0 1px 1px oklch(0% 0 0/.04);--shadow-md:0 4px 12px oklch(0% 0 0/.08);--shadow-lg:0 10px 28px oklch(0% 0 0/.16), 0 2px 6px oklch(0% 0 0/.08);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-8:3rem}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:oklch(19% .004 260);--surface-1:oklch(22% .004 260);--surface-2:oklch(25% .004 260);--surface-3:oklch(29% .005 260);--border-color:oklch(100% 0 0/.08);--border-color-strong:oklch(100% 0 0/.14);--text-1:oklch(96% .002 260);--text-2:oklch(64% .008 260);--text-3:oklch(50% .008 260);--accent:oklch(63% .15 275);--accent-hover:oklch(68% .15 275);--accent-active:oklch(60% .15 275);--accent-soft:oklch(63% .15 275/.16);--accent-contrast:oklch(12% .01 275);--success:oklch(68% .13 155);--success-soft:oklch(68% .13 155/.18);--warning:oklch(78% .12 75);--warning-soft:oklch(78% .12 75/.18);--danger:oklch(68% .17 20);--danger-soft:oklch(68% .17 20/.16);--info:oklch(72% .13 250);--info-soft:oklch(72% .13 250/.16);--neutral:oklch(64% .008 260);--neutral-soft:oklch(64% .008 260/.16);--shadow-xs:0 0 0 1px oklch(100% 0 0/.06);--shadow-sm:0 0 0 1px oklch(100% 0 0/.08);--shadow-md:0 4px 16px oklch(0% 0 0/.35), 0 0 0 1px oklch(100% 0 0/.08);--shadow-lg:0 10px 32px oklch(0% 0 0/.55), 0 0 0 1px oklch(100% 0 0/.1)}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:oklch(19% .004 260);--surface-1:oklch(22% .004 260);--surface-2:oklch(25% .004 260);--surface-3:oklch(29% .005 260);--border-color:oklch(100% 0 0/.08);--border-color-strong:oklch(100% 0 0/.14);--text-1:oklch(96% .002 260);--text-2:oklch(64% .008 260);--text-3:oklch(50% .008 260);--accent:oklch(63% .15 275);--accent-hover:oklch(68% .15 275);--accent-active:oklch(60% .15 275);--accent-soft:oklch(63% .15 275/.16);--accent-contrast:oklch(12% .01 275);--success:oklch(68% .13 155);--success-soft:oklch(68% .13 155/.18);--warning:oklch(78% .12 75);--warning-soft:oklch(78% .12 75/.18);--danger:oklch(68% .17 20);--danger-soft:oklch(68% .17 20/.16);--info:oklch(72% .13 250);--info-soft:oklch(72% .13 250/.16);--neutral:oklch(64% .008 260);--neutral-soft:oklch(64% .008 260/.16);--shadow-xs:0 0 0 1px oklch(100% 0 0/.06);--shadow-sm:0 0 0 1px oklch(100% 0 0/.08);--shadow-md:0 4px 16px oklch(0% 0 0/.35), 0 0 0 1px oklch(100% 0 0/.08);--shadow-lg:0 10px 32px oklch(0% 0 0/.55), 0 0 0 1px oklch(100% 0 0/.1)}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}html{-webkit-tap-highlight-color:transparent}body{background:var(--bg);color:var(--text-1);font-family:var(--font-family-sans);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.5}h1,h2,h3,h4{letter-spacing:-.01em;margin:0;font-weight:600}p{margin:0}a{color:var(--accent)}button,input,select{font:inherit;color:inherit}code,pre,.mono{font-family:var(--font-family-mono)}::selection{background:var(--accent-soft)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.app-shell{flex-direction:column;min-height:100dvh;display:flex}.app-topbar{z-index:30;align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-3) var(--space-4);background:color-mix(in oklch, var(--surface-1) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border-color);flex-wrap:wrap;display:flex;position:sticky;top:0}.app-topbar-principal{flex:auto;min-width:0}.app-topbar-sesion{margin-left:auto}.app-body{flex:1;min-height:0;display:flex}.app-nav{display:none}.app-main{min-width:0;padding:var(--space-4);padding-bottom:calc(var(--space-8) + env(safe-area-inset-bottom));flex:1}.app-nav-mobile{z-index:30;gap:var(--space-1);padding:var(--space-2);background:color-mix(in oklch, var(--surface-1) 94%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--border-color);display:flex;position:sticky;bottom:0;overflow-x:auto}@media (width>=860px){.app-nav-mobile{display:none}.app-nav{gap:var(--space-1);width:224px;padding:var(--space-4) var(--space-3);border-right:1px solid var(--border-color);flex-direction:column;flex-shrink:0;display:flex;overflow-y:auto}.app-main{padding:var(--space-6)}}.nav-link{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--text-2);white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;font-size:.9rem;font-weight:500;text-decoration:none;display:flex}.nav-link:hover{background:var(--surface-2);color:var(--text-1)}.nav-link[aria-current=page]{background:var(--accent-soft);color:var(--accent)}.nav-link .nav-icon{font-size:1rem;line-height:1}.app-nav-mobile .nav-link{padding:var(--space-1) var(--space-2);flex-direction:column;gap:2px;font-size:.68rem}.card{background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.card-pad{padding:var(--space-4)}.card-header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.card-title{font-size:.95rem;font-weight:600}.card-subtitle{color:var(--text-2);margin-top:2px;font-size:.8rem}.section{gap:var(--space-4);margin-bottom:var(--space-6);flex-direction:column;display:flex}.section-title{font-size:1.1rem;font-weight:650}.grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (width>=640px){.grid-cols-2-sm{grid-template-columns:repeat(2,1fr)}}@media (width>=900px){.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}}.stack{gap:var(--space-3);flex-direction:column;display:flex}.row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.row-between{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.divider{background:var(--border-color);height:1px;margin:var(--space-3) 0;border:none}.muted{color:var(--text-2)}.text-sm{font-size:.82rem}.text-xs{font-size:.72rem}.kpi-value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:1.8rem;font-weight:700}.kpi-label{color:var(--text-2);text-transform:uppercase;letter-spacing:.04em;font-size:.78rem}.badge{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:.4em;padding:.22em .6em;font-size:.76rem;font-weight:600;line-height:1.4;display:inline-flex}.badge-ok{background:var(--success-soft);color:var(--success);border-color:color-mix(in oklch, var(--success) 35%, transparent)}.badge-degradado{background:var(--warning-soft);color:var(--warning);border-color:color-mix(in oklch, var(--warning) 35%, transparent)}.badge-caido{background:var(--danger-soft);color:var(--danger);border-color:color-mix(in oklch, var(--danger) 35%, transparent)}.badge-no_configurado{background:var(--neutral-soft);color:var(--text-2);border-color:var(--border-color-strong)}.badge-desconocido{background:var(--surface-2);color:var(--text-3);border-color:var(--border-color)}.dot{background:currentColor;border-radius:50%;flex-shrink:0;width:.55em;height:.55em}.severity-P1{color:var(--danger)}.severity-P2{color:var(--warning)}.severity-P3{color:var(--info)}.chip{border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-2);align-items:center;gap:.3em;padding:.15em .5em;font-size:.72rem;font-weight:600;display:inline-flex}.stale-indicator{color:var(--warning);align-items:center;gap:.35em;font-size:.72rem;font-weight:600;display:inline-flex}.btn{border-radius:var(--radius-md);border:1px solid var(--border-color-strong);background:var(--surface-1);color:var(--text-1);cursor:pointer;justify-content:center;align-items:center;gap:.45em;padding:.5em .9em;font-size:.85rem;font-weight:600;transition:background-color .12s,border-color .12s,color .12s;display:inline-flex}.btn:hover{background:var(--surface-2)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-primary:active{background:var(--accent-active);border-color:var(--accent-active)}.btn-danger{background:var(--danger);border-color:var(--danger);color:var(--accent-contrast)}.btn-sm{padding:.32em .7em;font-size:.78rem}.btn-ghost{background:0 0;border-color:#0000}.btn-icon{width:2.1em;height:2.1em;padding:.4em}.select,.input{border-radius:var(--radius-md);border:1px solid var(--border-color-strong);background:var(--surface-1);color:var(--text-1);padding:.45em .7em;font-size:.85rem}.segmented{background:var(--surface-2);border-radius:var(--radius-md);gap:2px;padding:2px;display:inline-flex}.segmented button{border-radius:calc(var(--radius-md) - 2px);color:var(--text-2);cursor:pointer;background:0 0;border:none;padding:.35em .75em;font-size:.78rem;font-weight:600}.segmented button[aria-pressed=true]{background:var(--surface-1);color:var(--text-1);box-shadow:var(--shadow-xs)}.table-wrap{overflow-x:auto}table.data-table{border-collapse:collapse;width:100%;font-size:.84rem}.data-table th{text-align:left;padding:var(--space-2) var(--space-3);color:var(--text-2);text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--border-color);white-space:nowrap;font-size:.72rem;font-weight:600}.data-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-color);vertical-align:middle}.data-table tbody tr:hover{background:var(--surface-2)}.data-table tbody tr:last-child td{border-bottom:none}@media (width<=720px){.data-table thead{display:none}.data-table,.data-table tbody,.data-table tr,.data-table td{width:100%;display:block}.data-table tr{border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--surface-1)}.data-table td{border-bottom:1px dashed var(--border-color);justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;text-align:right;display:flex}.data-table td:last-child{border-bottom:none}.data-table td:before{content:attr(data-label);color:var(--text-2);text-transform:uppercase;letter-spacing:.03em;text-align:left;font-size:.7rem;font-weight:600}}.meter{background:var(--surface-3);border-radius:999px;height:6px;overflow:hidden}.meter>span{border-radius:inherit;background:var(--accent);height:100%;transition:width .3s;display:block}.meter.meter-ok>span{background:var(--success)}.meter.meter-warn>span{background:var(--warning)}.meter.meter-danger>span{background:var(--danger)}.modal-overlay{z-index:100;background:oklch(0% 0 0/.45);justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}@media (width>=640px){.modal-overlay{padding:var(--space-4);align-items:center}}.modal{background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;max-width:560px;max-height:92dvh;box-shadow:var(--shadow-md);padding:var(--space-5);overflow-y:auto}@media (width>=640px){.modal{border-radius:var(--radius-xl)}}.empty-state{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-8) var(--space-4);color:var(--text-2);text-align:center;flex-direction:column;display:flex}.empty-state .empty-icon{font-size:2rem}.banner{align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-color-strong);background:var(--surface-2);font-size:.84rem;display:flex}.banner-warning{background:var(--warning-soft);border-color:color-mix(in oklch, var(--warning) 35%, transparent);color:var(--text-1)}.banner-danger{background:var(--danger-soft);border-color:color-mix(in oklch, var(--danger) 35%, transparent)}.banner-info{background:var(--info-soft);border-color:color-mix(in oklch, var(--info) 35%, transparent)}.skeleton{background:linear-gradient(90deg, var(--surface-2) 25%, var(--surface-3) 37%, var(--surface-2) 63%);border-radius:var(--radius-sm);background-size:400% 100%;animation:1.4s infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:100%}to{background-position:0}}.scroll-x{overflow-x:auto}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.alert-toasts{top:76px;right:var(--space-4);z-index:40;align-items:flex-end;gap:var(--space-2);width:360px;max-width:calc(100vw - var(--space-4) * 2);flex-direction:column;display:flex;position:fixed}@media (width<=639px){.alert-toasts{width:auto;max-width:none;left:16px;right:16px}}.alert-toasts-cerrar-todas{box-shadow:var(--shadow-lg);align-self:flex-end}.alert-toast{width:100%;padding:var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--border-color-strong);background:var(--surface-1);box-shadow:var(--shadow-lg);animation:.18s alert-toast-in}@keyframes alert-toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.alert-toast-resuelta{background:color-mix(in oklab, var(--success) 14%, var(--surface-1));border-color:color-mix(in oklab, var(--success) 35%, var(--surface-1))}.alert-toast-mas{width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--border-color-strong);background:var(--surface-2);box-shadow:var(--shadow-lg);color:var(--text-1);text-align:center;font-size:.8rem;font-weight:600;text-decoration:none;display:block}.alert-toast-mas:hover{background:var(--surface-3)}@property --d{syntax:"<length>";inherits:true;initial-value:0}.topo{width:100%}.topo-barra{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;margin-bottom:.35rem;display:flex}.topo-leyenda{color:var(--text-2);flex-wrap:wrap;gap:.35rem 1rem;margin:0;padding:0;font-size:.72rem;list-style:none;display:flex}.topo-leyenda li{align-items:center;gap:.45em;display:inline-flex}.topo-muestra{border-top:2px solid var(--muestra);width:22px}.topo-muestra--trafico{--muestra:var(--accent);box-shadow:0 0 6px var(--accent)}.topo-muestra--replicacion{--muestra:var(--info);border-top-style:dashed}.topo-muestra--monitoreo{--muestra:var(--text-3);border-top-style:dashed}.topo-muestra--pendiente{--muestra:var(--text-3);border-top-style:dotted}.topo-vista{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface-2);padding:2px;display:inline-flex}.topo-vista button{border-radius:calc(var(--radius-md) - 2px);color:var(--text-2);font:inherit;cursor:pointer;background:0 0;border:0;padding:.22em .8em;font-size:.72rem;font-weight:600;transition:background .2s,color .2s}.topo-vista button:hover{color:var(--text-1)}.topo-vista button[aria-pressed=true]{background:var(--surface-1);color:var(--text-1);box-shadow:0 1px 3px oklab(0% none none/.18)}.topo-vista button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.topo-visor{transition:height .5s cubic-bezier(.2,.7,.2,1);position:relative;overflow:hidden}.topo-lente{transform-origin:0 0;transition:transform .5s cubic-bezier(.2,.7,.2,1);position:absolute;top:0;left:0}.topo-escena{--px:0;--py:0;transform-style:preserve-3d;transform:rotateX(calc(var(--rx) - var(--py) * var(--prx))) rotateZ(calc(var(--rz) + var(--px) * var(--prz)));transition:transform .6s cubic-bezier(.2,.7,.2,1);position:relative}.topo-piso{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.topo-placa{fill:color-mix(in oklab, var(--surface-2) 65%, transparent);stroke:var(--border-color);stroke-width:1px}.topo-rejilla{fill:none;stroke:var(--border-color-strong);stroke-width:.7px;opacity:.5}.topo-foco-centro{stop-color:var(--accent);stop-opacity:.16}.topo-foco-borde{stop-color:var(--accent);stop-opacity:0}.topo-barrido-centro{stop-color:var(--accent);stop-opacity:.12}.topo-barrido{animation:9s linear infinite topo-barrer}@keyframes topo-barrer{0%{transform:translate(-160px)}to{transform:translateX(var(--ancho-piso))}}.topo-enlace{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round}.topo-enlace--halo{stroke-width:6px;opacity:.16}.topo-enlace--pendiente{opacity:.65}.topo-enlace--fluye{animation:1.1s linear infinite topo-fluir}.topo-enlace--monitoreo.topo-enlace--fluye{animation-duration:3.2s}@keyframes topo-fluir{to{stroke-dashoffset:-20px}}.topo-particula{fill:currentColor}.topo-particula-aura{opacity:.3}.topo-bloque{--d:var(--dd);transform-style:preserve-3d;animation:.8s cubic-bezier(.25,1.45,.45,1) backwards topo-caer;animation-delay:calc(var(--i) * 55ms);transition:--d .5s cubic-bezier(.2,.7,.2,1);position:absolute}.topo[data-vista=plana] .topo-bloque{--d:0px}@keyframes topo-caer{0%{translate:0 0 44px}}.topo-halo{background:radial-gradient(closest-side, color-mix(in oklab, var(--c) 34%, transparent), transparent);pointer-events:none;animation:3.6s ease-in-out infinite topo-respirar;animation-delay:calc(var(--i) * -.29s);border-radius:24px;position:absolute;inset:-16px;transform:translateZ(1px)}@keyframes topo-respirar{50%{opacity:.45;scale:1.06}}.topo-bloque[data-disp=degradado] .topo-halo{animation-duration:1.8s}.topo-bloque[data-disp=caido] .topo-halo{background:radial-gradient(closest-side, color-mix(in oklab, var(--c) 55%, transparent), transparent);animation-duration:1.1s}.topo-bloque[data-disp=desconocido] .topo-halo,.topo-bloque[data-disp=no_configurado] .topo-halo{display:none}.topo-cuerpo{transform-style:preserve-3d;transition:transform .3s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0}.topo-bloque:hover .topo-cuerpo{transform:translateZ(9px)}.topo[data-vista="3d"] .topo-bloque:is([data-disp=ok],[data-disp=degradado]) .topo-cuerpo{animation:5s ease-in-out infinite topo-flotar;animation-delay:calc(var(--i) * -.41s)}.topo[data-vista="3d"] .topo-bloque[data-disp=degradado] .topo-cuerpo{animation-duration:2.6s}@keyframes topo-flotar{50%{translate:0 0 5px}}.topo-cara,.topo-tapa{backface-visibility:hidden;position:absolute}.topo-cara{background:color-mix(in oklab, color-mix(in oklab, var(--c) 38%, var(--surface-2)) 70%, black);overflow:hidden}.topo-cara--frente{left:0;right:0;top:calc(100% - var(--d));height:var(--d);transform-origin:bottom;border-top:1px solid color-mix(in oklab, var(--c) 70%, transparent);background-image:linear-gradient(oklab(100% 0 5.96046e-8/.14),#0000 70%);transform:rotateX(-90deg)}.topo-cara--atras{height:var(--d);transform-origin:top;top:0;left:0;right:0;transform:rotateX(90deg)}.topo-cara--izq,.topo-cara--der{width:var(--d);background:color-mix(in oklab, color-mix(in oklab, var(--c) 38%, var(--surface-2)) 58%, black);top:0;bottom:0}.topo-cara--izq{transform-origin:0;left:0;transform:rotateY(-90deg)}.topo-cara--der{left:calc(100% - var(--d));transform-origin:100%;transform:rotateY(90deg)}.topo-leds{gap:5px;display:flex;position:absolute;top:50%;right:10px;translate:0 -50%}.topo-leds i{background:var(--c);width:4px;height:4px;box-shadow:0 0 5px var(--c);border-radius:50%;animation:1.9s step-end infinite topo-parpadeo}.topo-leds i:nth-child(2){animation-duration:1.3s;animation-delay:-.4s}.topo-leds i:nth-child(3){animation-duration:2.7s;animation-delay:-1.1s}@keyframes topo-parpadeo{50%{opacity:.2}}.topo-tapa{transform:translateZ(var(--d));border:1.5px solid var(--c);background:linear-gradient(155deg, color-mix(in oklab, var(--c) 20%, var(--surface-1)) 0%, var(--surface-1) 58%);box-shadow:0 0 22px -6px var(--c), inset 0 1px 0 oklab(100% 0 5.96046e-8/.28);color:var(--text-1);border-radius:5px;transition:border-radius .5s,box-shadow .3s;inset:0;overflow:hidden}.topo[data-vista=plana] .topo-tapa{border-radius:10px}.topo-bloque:hover .topo-tapa{box-shadow:0 0 30px -4px var(--c), inset 0 1px 0 oklab(100% 0 5.96046e-8/.28)}.topo-bloque[data-discontinuo] .topo-tapa{border-style:dashed}.topo-bloque:is([data-disp=desconocido],[data-disp=no_configurado]) .topo-tapa{background:var(--surface-2);box-shadow:none;color:var(--text-2)}.topo-bloque[data-disp=caido] .topo-tapa{animation:1.1s ease-in-out infinite topo-alerta}@keyframes topo-alerta{50%{box-shadow:0 0 34px -2px var(--c), inset 0 0 14px color-mix(in oklab, var(--c) 35%, transparent)}}.topo-tapa:after{content:"";background:linear-gradient(105deg, transparent 35%, color-mix(in oklab, var(--c) 24%, transparent) 50%, transparent 65%);pointer-events:none;animation:7s ease-in-out infinite topo-destello;animation-delay:calc(var(--i) * .6s);position:absolute;inset:0;translate:-110%}.topo-bloque:not([data-disp=ok]) .topo-tapa:after{display:none}@keyframes topo-destello{0%,78%{translate:-110%}to{translate:110%}}.topo-led{background:var(--c);width:8px;height:8px;box-shadow:0 0 8px var(--c);border-radius:50%;position:absolute;top:11px;left:10px}.topo-bloque[data-disp=ok] .topo-led{animation:2.4s ease-out infinite topo-latido}.topo-bloque[data-disp=degradado] .topo-led{animation:1.2s ease-out infinite topo-latido}.topo-bloque[data-disp=caido] .topo-led{animation:.7s step-end infinite topo-parpadeo}@keyframes topo-latido{0%{box-shadow:0 0 0 0 color-mix(in oklab, var(--c) 60%, transparent), 0 0 8px var(--c)}to{box-shadow:0 0 0 7px color-mix(in oklab, var(--c) 0%, transparent), 0 0 8px var(--c)}}.topo-titulo,.topo-subtitulo{white-space:nowrap;text-overflow:ellipsis;position:absolute;overflow:hidden}.topo-titulo{font-size:12px;font-weight:700;line-height:16px;top:7px;left:24px;right:3px}.topo-subtitulo{color:var(--text-2);font-size:10px;line-height:13px;top:25px;left:12px;right:3px}.topo-estado{color:var(--c);font-size:9px;font-weight:600;line-height:12px;position:absolute;bottom:4px;right:10px}.topo{--topo-s3:color-mix(in oklab, var(--info) 50%, var(--success))}.topo-muestra--almacenamiento{--muestra:var(--topo-s3)}.topo-uso{background:color-mix(in oklab, var(--text-3) 28%, transparent);border-radius:3px;height:5px;position:absolute;bottom:8px;left:12px;right:62px;overflow:hidden}.topo-uso>span{border-radius:inherit;background:var(--topo-s3);height:100%;display:block}.topo-uso[data-nivel=alto]>span{background:var(--warning)}.topo-uso[data-nivel=critico]>span{background:var(--danger)}.data-table tr.fila-clic{cursor:pointer}.data-table tr.fila-clic:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.data-table tr.fila-seleccionada td{background:var(--accent-soft)}.tabla-items,.tabla-logs{max-height:520px;overflow-y:auto}.tabla-items thead th,.tabla-logs thead th{background:var(--surface-1);z-index:1;position:sticky;top:0}.celda-log{white-space:pre-wrap;overflow-wrap:anywhere;max-width:680px}.detalle-item{border:1px solid var(--border-color);border-left:3px solid var(--accent);border-radius:var(--radius-md);padding:var(--space-3);background:var(--surface-2)}.detalle-item-texto{margin-top:var(--space-2);white-space:pre-wrap;overflow-wrap:anywhere;max-height:220px;overflow-y:auto}.franja-salud{border-radius:var(--radius-sm);cursor:crosshair;width:100%;height:24px;display:block}.slider-tiempo{width:100%;accent-color:var(--accent)}.titulo-incidente{margin:0;font-size:1.25rem;font-weight:650;line-height:1.3}.kpi-hora{font-size:1rem}.grid-analisis{align-items:start}.hipotesis{border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-3)}.hipotesis-principal{border-color:var(--border-color-strong);border-left:3px solid var(--danger);background:var(--surface-2)}.cadena-causal{gap:var(--space-1) var(--space-2);margin:var(--space-2) 0;counter-reset:paso;flex-wrap:wrap;padding:0;list-style:none;display:flex}.cadena-causal li{counter-increment:paso;padding:2px var(--space-2);border-radius:var(--radius-sm);background:var(--neutral-soft);color:var(--text-2);font-size:.8rem}.cadena-causal li:before{content:counter(paso) ". ";font-weight:600}.cadena-causal li+li:after{content:none}.lista-evidencia{margin:var(--space-2) 0 0;flex-direction:column;gap:2px;padding:0;list-style:none;display:flex}.lista-recomendaciones{margin:var(--space-1) 0 0;padding-left:1.2em}.btn-link{align-items:baseline;gap:var(--space-2);text-align:left;border-radius:var(--radius-sm);width:100%;padding:var(--space-1) var(--space-2);color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;flex-wrap:wrap;display:flex}.btn-link:hover{background:var(--surface-3)}.btn-link:focus-visible{outline:2px solid var(--accent)}.chip-causa{background:var(--danger-soft);color:var(--danger)}button.chip-incidente{cursor:pointer;border:1px solid var(--danger);background:var(--danger-soft);color:var(--text-1);font:inherit;font-size:.8rem}.resumen-ia{white-space:pre-wrap;border-left:3px solid var(--info);padding-left:var(--space-3);line-height:1.55}@media (width<=720px){.celda-log{text-align:left;max-width:none}.tabla-items,.tabla-logs{max-height:none}}.noc-cabecera{justify-content:space-between;align-items:flex-end;gap:var(--space-3);flex-wrap:wrap;display:flex}.noc-titulo{align-items:center;gap:var(--space-2);letter-spacing:.01em;font-size:1.15rem;font-weight:700;display:flex}.noc-vivo{background:var(--success);width:10px;height:10px;box-shadow:0 0 0 0 color-mix(in oklab, var(--success) 60%, transparent);border-radius:50%;animation:2s ease-out infinite noc-pulso}@keyframes noc-pulso{0%{box-shadow:0 0 0 0 color-mix(in oklab, var(--success) 55%, transparent)}to{box-shadow:0 0 0 10px color-mix(in oklab, var(--success) 0%, transparent)}}@media (prefers-reduced-motion:reduce){.noc-vivo{animation:none}}.noc-tiles{gap:var(--space-3);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}@media (width<=1200px){.noc-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=560px){.noc-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}.noc-tile{--tono:var(--accent);border:1px solid var(--border-color);border-radius:var(--radius-lg);background:linear-gradient(180deg, color-mix(in oklab, var(--tono) 9%, var(--surface-1)), var(--surface-1) 70%);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-xs);position:relative;overflow:hidden}.noc-tile:before{content:"";background:var(--tono);height:3px;position:absolute;inset:0 0 auto}.noc-danger{--tono:var(--danger)}.noc-warning{--tono:var(--warning)}.noc-info{--tono:var(--info)}.noc-accent{--tono:var(--accent)}.noc-neutral{--tono:var(--neutral)}.noc-valor{color:var(--tono);font-variant-numeric:tabular-nums;font-size:2rem;font-weight:700;line-height:1.1}.noc-etiqueta{margin-top:var(--space-1);text-transform:uppercase;letter-spacing:.04em;color:var(--text-2);font-size:.78rem;font-weight:600}.noc-detalle{color:var(--text-3);font-size:.72rem}.noc-fila{gap:var(--space-4);align-items:start;display:grid}.noc-fila-2-1{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.noc-fila-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=1100px){.noc-fila-2-1,.noc-fila-3{grid-template-columns:minmax(0,1fr)}}.tabla-noc{max-height:460px;overflow-y:auto}.tabla-noc thead th{background:var(--surface-1);z-index:1;position:sticky;top:0}.ranking{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ranking-cabecera{justify-content:space-between;align-items:baseline;gap:var(--space-2);display:flex}.ranking-etiqueta{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.875rem;overflow:hidden}.ranking-barra{background:var(--surface-3);border-radius:999px;height:6px;margin-top:3px;overflow:hidden}.ranking-barra>span{border-radius:inherit;background:linear-gradient(90deg, var(--warning), var(--danger));height:100%;display:block}.ranking-acento .ranking-barra>span{background:var(--accent)}.pais{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.pais-codigo{font-family:var(--font-family-mono);border-radius:var(--radius-sm);border:1px solid var(--border-color-strong);background:var(--surface-2);color:var(--text-2);letter-spacing:.04em;padding:1px 5px;font-size:.68rem;font-weight:700}.noc-nodo{border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3)}.noc-feed{max-height:360px;margin:0;padding:0;list-style:none;overflow-y:auto}.noc-feed li{align-items:center;gap:6px var(--space-2);border-bottom:1px dashed var(--border-color);flex-wrap:wrap;padding:6px 0;display:flex}.noc-feed li:last-child{border-bottom:none}.noc-feed-hora{margin-left:auto}.resumen-seguridad{gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}@media (width<=560px){.resumen-seguridad{grid-template-columns:repeat(2,minmax(0,1fr))}}.resumen-seguridad .noc-valor{font-size:1.5rem}.noc-success{--tono:var(--success)}.noc-valor-texto{overflow-wrap:anywhere;font-size:1.55rem}.noc-vivo-alerta{background:var(--warning)}.noc-vivo-critico{background:var(--danger)}.kv-lista{flex-direction:column;display:flex}.kv-fila{justify-content:space-between;align-items:baseline;gap:var(--space-3);border-bottom:1px dashed var(--border-color);padding:5px 0;font-size:.85rem;display:flex}.kv-fila:last-child{border-bottom:none}.kv-fila>span:last-child{text-align:right}.lista-motivos{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.lista-motivos li{align-items:baseline;gap:var(--space-2);flex-wrap:wrap;display:flex}.respaldo-nodo-activo{border-color:color-mix(in oklab, var(--success) 45%, var(--border-color))}.respaldo-bloque{margin-top:var(--space-3);gap:var(--space-1);flex-direction:column;display:flex}.respaldo-codigo{font-family:var(--font-mono,ui-monospace, monospace);background:var(--surface-2);border:1px solid var(--border-color);border-radius:var(--radius-sm);overflow-wrap:anywhere;padding:2px 6px;font-size:.75rem}div>.respaldo-codigo{padding:var(--space-2);display:block}.texto-peligro{color:var(--danger);font-weight:700}.texto-escalar{font-weight:600}.data-table tr.fila-resaltada td{background:var(--danger-soft)}.cuota{gap:var(--space-2);flex-direction:column;display:flex}.cuota-barra{border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--border-color);height:22px;display:flex;position:relative;overflow:hidden}.cuota-barra>span{min-width:2px;height:100%}.cuota-marca{border-left:2px dashed var(--danger);width:0;position:absolute;top:-2px;bottom:-2px}.cuota-leyenda{gap:var(--space-2) var(--space-4);flex-wrap:wrap;font-size:.8rem;display:flex}.cuota-leyenda i{vertical-align:-1px;border-radius:2px;width:10px;height:10px;margin-right:6px;display:inline-block}.bucket-cabecera{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.bucket-cifras{gap:var(--space-2);margin:var(--space-3) 0;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.bucket-cifras>div{background:var(--surface-2);border-radius:var(--radius-md);padding:var(--space-2)}.bucket-cifras strong{font-variant-numeric:tabular-nums;font-size:1.05rem;display:block}@media (width<=560px){.bucket-cifras{grid-template-columns:repeat(2,minmax(0,1fr))}}.matriz-conexion td,.matriz-conexion th{text-align:center}.matriz-conexion td:first-child,.matriz-conexion th:first-child{text-align:left}