:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--fondo:#f2f5f8;--superficie:#fff;--superficie-2:#f6f8fa;--texto:#141c24;--tenue:#56636f;--linea:#d7dee5;--acento:#0b5cad;--acento-suave:#e3edf8;--ok:#1b7444;--ok-suave:#e1f1e7;--ok-punto:#22a05a;--aviso:#8f5300;--aviso-suave:#fff0d2;--aviso-punto:#e89b0c;--critico:#b3261e;--critico-suave:#fbe6e4;--critico-punto:#d93025;--gris:#5b6670;--gris-suave:#e9edf1;--gris-punto:#9aa4ae;--serie:#2a78d6;--sombra:0 1px 2px #141c240f;--nav-alto:62px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--fondo:#0f1418;--superficie:#182027;--superficie-2:#1d262e;--texto:#e5ecf2;--tenue:#9aa8b4;--linea:#2c3843;--acento:#6cb2f5;--acento-suave:#1b3550;--ok:#5fd394;--ok-suave:#173527;--ok-punto:#3fc07a;--aviso:#f3bd4e;--aviso-suave:#3a2c0f;--aviso-punto:#f0a81c;--critico:#ff8a80;--critico-suave:#42201e;--critico-punto:#f05a4f;--gris:#a3aeb8;--gris-suave:#26303a;--gris-punto:#6e7a85;--serie:#5aa9f0;--sombra:none}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--fondo);color:var(--texto);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.4}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--acento)}:focus-visible{outline:2px solid var(--acento);outline-offset:2px}h1{margin:0;font-size:22px;line-height:1.2}h2{margin:0;font-size:16px}h3{margin:0;font-size:14px}p{margin:0}code,.mono{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:.9em}.tenue{color:var(--tenue)}.chico{font-size:13px}.oculto{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.num{font-variant-numeric:tabular-nums}.partir{overflow-wrap:anywhere}.logo{object-fit:cover;object-position:50% 50%;display:block}.logo.chico{width:96px;height:26px}.logo.grande{width:240px;height:66px}@media (prefers-color-scheme:dark){.logo{background:#fff;border-radius:8px;padding:2px 6px}.logo.chico{width:108px;height:30px}.logo.grande{width:264px;height:78px;padding:6px 12px}}.app{min-height:100dvh}.arriba{z-index:20;background:var(--superficie);border-bottom:1px solid var(--linea);padding:8px 16px;padding-top:max(8px, env(safe-area-inset-top));align-items:center;gap:10px;display:flex;position:sticky;top:0}.arriba .marca{color:var(--texto);align-items:center;gap:8px;min-width:0;text-decoration:none;display:flex}.arriba .marca strong{letter-spacing:.2px;white-space:nowrap;font-size:17px}.arriba .usuario{align-items:center;gap:10px;min-width:0;margin-left:auto;display:flex}.arriba .usuario .nombre{color:var(--tenue);white-space:nowrap;text-overflow:ellipsis;max-width:240px;font-size:13px;display:none;overflow:hidden}.contenido{padding:14px 16px calc(var(--nav-alto) + 24px + env(safe-area-inset-bottom));min-width:0;max-width:1180px;margin:0 auto}.nav{z-index:20;background:var(--superficie);border-top:1px solid var(--linea);padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(6,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0}.nav a{min-height:var(--nav-alto);color:var(--tenue);flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:0;padding:4px 0;font-size:11px;font-weight:600;text-decoration:none;display:flex}.nav a svg{flex:none;width:22px;height:22px}.nav a .largo{display:none}.nav a[aria-current=page]{color:var(--acento)}.nav a[aria-current=page] svg{stroke-width:2.2px}.nav a .punto{position:absolute}@media (width>=900px){.app{grid-template-rows:auto 1fr;grid-template-columns:220px minmax(0,1fr);display:grid}.arriba{grid-column:1/-1;padding:10px 24px}.arriba .usuario .nombre{display:block}.nav{border-top:0;border-right:1px solid var(--linea);flex-direction:column;align-self:start;gap:2px;height:calc(100vh - 57px);padding:14px 10px;display:flex;position:sticky;top:57px}.nav a{border-radius:8px;flex-direction:row;justify-content:flex-start;gap:10px;min-height:40px;padding:8px 12px;font-size:14px}.nav a:hover{background:var(--superficie-2);color:var(--texto)}.nav a[aria-current=page]{background:var(--acento-suave)}.nav a .largo{display:inline}.nav a .corto{display:none}.nav a svg{width:20px;height:20px}.contenido{width:100%;padding:20px 28px 40px}}.pagina{flex-direction:column;gap:14px;min-width:0;display:flex}.titulo{flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}.titulo .tenue{font-size:13px}.seccion{flex-direction:column;gap:10px;min-width:0;display:flex}.seccion>.cabeza{flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.seccion>.cabeza h2{margin-right:auto}.tarjeta{background:var(--superficie);border:1px solid var(--linea);box-shadow:var(--sombra);border-radius:12px;flex-direction:column;gap:10px;min-width:0;padding:14px;display:flex}.tarjeta.aviso{border-color:var(--aviso-punto);box-shadow:inset 4px 0 0 var(--aviso-punto)}.tarjeta.critico{border-color:var(--critico-punto);box-shadow:inset 4px 0 0 var(--critico-punto)}.grilla{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));align-items:start;gap:14px;display:grid}.nota{background:var(--superficie-2);border:1px dashed var(--linea);color:var(--tenue);border-radius:10px;padding:10px 12px;font-size:14px}.vacio{color:var(--tenue);padding:6px 0;font-size:14px}.error{background:var(--critico-suave);color:var(--critico);overflow-wrap:anywhere;border-radius:10px;padding:10px 12px;font-size:14px}.error-campo{color:var(--critico);overflow-wrap:anywhere;font-size:13px}.bien{color:var(--ok);font-size:13px}.cargando{color:var(--tenue);text-align:center;padding:24px 0}.nivel{white-space:nowrap;background:var(--gris-suave);color:var(--gris);border-radius:999px;align-items:center;gap:6px;padding:2px 9px 2px 7px;font-size:12.5px;font-weight:700;line-height:1.5;display:inline-flex}.nivel .punto{background:var(--gris-punto);border-radius:50%;flex:none;width:9px;height:9px}.nivel.ok{background:var(--ok-suave);color:var(--ok)}.nivel.ok .punto{background:var(--ok-punto)}.nivel.aviso{background:var(--aviso-suave);color:var(--aviso)}.nivel.aviso .punto{background:var(--aviso-punto)}.nivel.critico{background:var(--critico-suave);color:var(--critico)}.nivel.critico .punto{background:var(--critico-punto)}.nivel.grande{padding:4px 12px 4px 10px;font-size:14px}.nivel.grande .punto{width:11px;height:11px}.boton{border:1px solid var(--linea);background:var(--superficie);min-height:38px;color:var(--texto);cursor:pointer;white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:6px 14px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.boton:hover{background:var(--superficie-2)}.boton.primario{background:var(--acento);border-color:var(--acento);color:#fff}@media (prefers-color-scheme:dark){.boton.primario{color:#0f1418}}.boton.primario:hover{filter:brightness(1.08)}.boton.chico{min-height:32px;padding:4px 10px;font-size:13px}.boton:disabled{opacity:.55;cursor:default}.campo{flex-direction:column;gap:4px;min-width:0;display:flex}.campo>span{color:var(--tenue);font-size:13px;font-weight:600}.entrada{border:1px solid var(--linea);background:var(--superficie);border-radius:9px;width:100%;min-height:40px;padding:7px 10px;font-size:16px}.entrada:focus{outline:2px solid var(--acento);outline-offset:0;border-color:#0000}.fila-botones{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.solapas{background:var(--gris-suave);border-radius:10px;gap:4px;width:fit-content;max-width:100%;padding:3px;display:flex;overflow-x:auto}.solapas button{color:var(--tenue);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:8px;min-height:32px;padding:6px 12px;font-size:13.5px;font-weight:600}.solapas button[aria-pressed=true],.solapas button[aria-selected=true]{background:var(--superficie);color:var(--texto);box-shadow:var(--sombra)}.cifras{grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr));gap:10px;display:grid}.cifra{background:var(--superficie);border:1px solid var(--linea);border-radius:12px;flex-direction:column;gap:4px;min-width:0;padding:11px 12px;display:flex}.cifra.aviso{border-color:var(--aviso-punto);box-shadow:inset 3px 0 0 var(--aviso-punto)}.cifra.critico{border-color:var(--critico-punto);box-shadow:inset 3px 0 0 var(--critico-punto)}.cifra .que{color:var(--tenue);justify-content:space-between;align-items:center;gap:6px;font-size:12.5px;font-weight:600;display:flex}.cifra .cuanto{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:24px;font-weight:700;line-height:1.15}.cifra .cuanto small{color:var(--tenue);font-size:14px;font-weight:600}.cifra .det{color:var(--tenue);overflow-wrap:anywhere;font-size:12.5px}.medidor{background:var(--gris-suave);border-radius:4px;height:7px;position:relative;overflow:hidden}.medidor>span{background:var(--ok-punto);border-radius:4px;height:100%;display:block}.medidor.aviso>span{background:var(--aviso-punto)}.medidor.critico>span{background:var(--critico-punto)}.medidor>i{background:var(--texto);opacity:.5;width:2px;position:absolute;top:0;bottom:0}.lista{flex-direction:column;display:flex}.lista>.fila{border-top:1px solid var(--linea);align-items:flex-start;gap:8px 12px;min-width:0;padding:9px 0;display:flex}.lista>.fila:first-child{border-top:0;padding-top:2px}.fila .izq{overflow-wrap:anywhere;flex:auto;min-width:0}.fila .izq .sub{color:var(--tenue);font-size:12.5px}.fila .der{text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;flex:none;max-width:55%;font-size:14px}.fila .der .sub{color:var(--tenue);font-size:12.5px}.fila .semaforo{flex:none;justify-content:flex-end;min-width:64px;display:flex}.lista.columnas{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));column-gap:20px;display:grid}.lista.columnas>.fila:nth-child(-n+1){border-top:0}.tabla-marco{max-width:100%;overflow-x:auto}.tabla{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:13.5px}.tabla th{text-align:left;color:var(--tenue);border-bottom:1px solid var(--linea);white-space:nowrap;padding:4px 6px;font-size:12px;font-weight:600}.tabla td{border-bottom:1px solid var(--linea);vertical-align:top;padding:7px 6px}.tabla tr:last-child td{border-bottom:0}.tabla .d{text-align:right;white-space:nowrap}.tabla th.d{text-align:right}.tabla td:first-child,.tabla th:first-child{padding-left:0}.tabla td:last-child,.tabla th:last-child{padding-right:0}.tabla .nombre{overflow-wrap:anywhere}.servidor-tarjeta .cabeza{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.servidor-tarjeta .cabeza h2{font-size:18px}.servidor-tarjeta .cabeza a{color:inherit;text-decoration:none}.grupos{flex-wrap:wrap;gap:6px;display:flex}.grupos a{text-decoration:none}.grupo{border:1px solid var(--linea);color:var(--texto);background:var(--superficie-2);border-radius:8px;align-items:center;gap:6px;padding:3px 8px;font-size:13px;display:inline-flex}.grupo .punto{background:var(--gris-punto);border-radius:50%;flex:none;width:9px;height:9px}.grupo.ok .punto{background:var(--ok-punto)}.grupo.aviso{border-color:var(--aviso-punto)}.grupo.aviso .punto{background:var(--aviso-punto)}.grupo.critico{border-color:var(--critico-punto)}.grupo.critico .punto{background:var(--critico-punto)}.grupo .estado{color:var(--tenue);font-size:12px;font-weight:700}.grupo.aviso .estado{color:var(--aviso)}.grupo.critico .estado{color:var(--critico)}.problemas{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.problemas li{overflow-wrap:anywhere;align-items:flex-start;gap:8px;min-width:0;font-size:14px;display:flex}.problemas li .nivel{margin-top:1px}.problemas li span:last-child{min-width:0}.graficos{grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr));gap:14px;display:grid}.grafico{min-width:0;position:relative}.grafico .cab{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 8px;margin-bottom:4px;display:flex}.grafico .cab .tenue{font-size:12.5px}.grafico svg{touch-action:pan-y;width:100%;display:block;overflow:visible}.grafico svg:focus{outline:none}.grafico svg:focus-visible{outline:2px solid var(--acento);outline-offset:2px;border-radius:4px}.grafico .eje{fill:var(--tenue);font-variant-numeric:tabular-nums;font-size:11px}.grafico .ref{fill:var(--tenue);paint-order:stroke;stroke:var(--superficie);stroke-width:3px;font-size:11px}.grafico .tip{pointer-events:none;background:var(--superficie);border:1px solid var(--linea);z-index:2;border-radius:8px;max-width:calc(50% + 20px);padding:6px 10px;font-size:12px;position:absolute;top:26px;box-shadow:0 6px 18px #141c2429}.grafico .tip strong{font-size:14px;display:block}.grafico .vacio{text-align:center;padding:26px 0}.ingreso{justify-content:center;align-items:center;min-height:100dvh;padding:24px 16px;display:flex}.ingreso .tarjeta{text-align:center;align-items:center;gap:16px;width:100%;max-width:380px;padding:28px 22px}.ingreso h1{font-size:20px}.ingreso form{text-align:left;flex-direction:column;gap:10px;width:100%;display:flex}.ingreso .google{justify-content:center;min-height:44px;display:flex}.parametro{border-top:1px solid var(--linea);flex-direction:column;gap:6px;min-width:0;padding:11px 0;display:flex}.parametro:first-child{border-top:0;padding-top:2px}.parametro .linea1{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.parametro .nombre{color:var(--tenue);overflow-wrap:anywhere;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:12.5px}.parametro .valor{overflow-wrap:anywhere;font-size:16px;font-weight:700}.parametro .det{color:var(--tenue);font-size:13.5px}.parametro .editar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.parametro .editar .entrada{flex:160px;width:auto}.form-alta{grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));align-items:end;gap:10px;display:grid}.chip{background:var(--gris-suave);color:var(--gris);white-space:nowrap;border-radius:6px;padding:1px 7px;font-size:11.5px;font-weight:700;display:inline-block}.chip.aviso{background:var(--aviso-suave);color:var(--aviso)}.chip.critico{background:var(--critico-suave);color:var(--critico)}.chip.ok{background:var(--ok-suave);color:var(--ok)}
