.uplot,.uplot *,.uplot *:before,.uplot *:after{box-sizing:border-box}.uplot{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";line-height:1.5;width:min-content}.u-title{text-align:center;font-size:18px;font-weight:700}.u-wrap{position:relative;-webkit-user-select:none;user-select:none}.u-over,.u-under{position:absolute}.u-under{overflow:hidden}.uplot canvas{display:block;position:relative;width:100%;height:100%}.u-axis{position:absolute}.u-legend{font-size:14px;margin:auto;text-align:center}.u-inline{display:block}.u-inline *{display:inline-block}.u-inline tr{margin-right:16px}.u-legend th{font-weight:600}.u-legend th>*{vertical-align:middle;display:inline-block}.u-legend .u-marker{width:1em;height:1em;margin-right:4px;background-clip:padding-box!important}.u-inline.u-live th:after{content:":";vertical-align:middle}.u-inline:not(.u-live) .u-value{display:none}.u-series>*{padding:4px}.u-series th{cursor:pointer}.u-legend .u-off>*{opacity:.3}.u-select{background:#00000012;position:absolute;pointer-events:none}.u-cursor-x,.u-cursor-y{position:absolute;left:0;top:0;pointer-events:none;will-change:transform}.u-hz .u-cursor-x,.u-vt .u-cursor-y{height:100%;border-right:1px dashed #607D8B}.u-hz .u-cursor-y,.u-vt .u-cursor-x{width:100%;border-bottom:1px dashed #607D8B}.u-cursor-pt{position:absolute;top:0;left:0;border-radius:50%;border:0 solid;pointer-events:none;will-change:transform;background-clip:padding-box!important}.u-axis.u-off,.u-select.u-off,.u-cursor-x.u-off,.u-cursor-y.u-off,.u-cursor-pt.u-off{display:none}:root{color-scheme:dark;--bg: #0d1117;--panel: #161b22;--panel2: #1c232d;--text: #e6edf3;--muted: #8b949e;--accent: #2f81f7;--ok: #3fb950;--warn: #d29922;--bad: #f85149;--border: #30363d}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.45 system-ui,Segoe UI,Roboto,sans-serif}.app{display:flex;flex-direction:column;min-height:100vh}.topbar{display:flex;align-items:center;gap:24px;padding:10px 18px;background:var(--panel);border-bottom:1px solid var(--border);flex-wrap:wrap}.topbar h1{font-size:18px;margin:0;color:var(--accent)}.selector{display:flex;gap:8px;flex-wrap:wrap}.selector select,.kpi,.wellbore-card{background:var(--panel2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:6px 10px}.content{padding:18px;display:flex;flex-direction:column;gap:14px}.placeholder{color:var(--muted);padding:40px;text-align:center}.overview{display:flex;flex-direction:column;gap:14px}.overview-head{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center}.overview-head h2{margin:0;font-size:22px}.sub{color:var(--muted)}.pill{border-radius:999px;padding:2px 12px;font-weight:600;text-transform:uppercase;font-size:12px}.pill.live{background:var(--ok);color:#04260f}.pill.delayed{background:var(--warn);color:#241a02}.pill.offline{background:var(--bad);color:#300a08}.pill.no-data{background:var(--border);color:var(--muted)}.wellbore-card{display:flex;gap:22px;flex-wrap:wrap;align-items:baseline}.kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.kpi{display:flex;flex-direction:column;gap:4px;padding:12px}.kpi-name{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.kpi-value{font-size:24px;font-weight:700}.kpi-unit{color:var(--muted);font-size:12px}.error{color:var(--bad)}.tabs{display:flex;gap:6px}.tab{background:transparent;color:var(--muted);border:1px solid transparent;padding:6px 12px;border-radius:8px;cursor:pointer}.tab:hover{color:var(--text)}.tab.active{background:var(--panel2);color:var(--accent);border-color:var(--border)}.chart{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:8px}.chart canvas{max-width:100%}.rtdash{display:flex;flex-direction:column;gap:12px}.rtdash-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.rtdash-toolbar input{background:var(--panel2);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:4px 8px;font:inherit}.rtdash-toolbar button{background:var(--accent);border:0;color:#fff;border-radius:6px;padding:6px 12px;cursor:pointer}.curve-picker{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.chip-btn,.chip{background:var(--panel2);color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:3px 10px;font-size:12px;cursor:pointer}.stat-table table{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--border);border-radius:8px}.stat-table th,.stat-table td{text-align:left;padding:6px 10px;border-bottom:1px solid var(--border)}.stat-table th{color:var(--muted);font-size:12px;text-transform:uppercase}.depthviewer{display:flex;flex-direction:column;gap:10px}.depth-track{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:8px}.depth-track-title{color:var(--muted);text-transform:uppercase;font-size:11px;margin-bottom:4px}.depth-track svg{display:block;touch-action:none}.depth-track-legend{display:flex;gap:12px;margin-top:4px}.legend-item{color:var(--muted);font-size:12px}.spacer{flex:1}.export{background:var(--panel2);color:var(--accent);border:1px solid var(--border);border-radius:6px;padding:5px 12px;text-decoration:none;font-size:13px}.export:hover{border-color:var(--accent)}.auth-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0000008c;z-index:50}.auth-card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:24px;width:300px;display:flex;flex-direction:column;gap:10px}.auth-card h2{margin:0;color:var(--accent);font-size:18px}.auth-card input{background:var(--panel2);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:8px;font:inherit}.auth-card button{background:var(--accent);color:#fff;border:0;border-radius:6px;padding:8px;cursor:pointer;font:inherit}.auth-card button:disabled{opacity:.6;cursor:default}.hierarchy{display:flex;flex-direction:column;gap:10px}.hierarchy-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.tree{display:flex;flex-direction:column;gap:2px;font-size:14px}.tree-node{display:flex;flex-direction:column}.tree-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;cursor:pointer}.tree-row:hover{background:var(--panel2)}.tree-row .chevron{width:14px;color:var(--muted);font-size:10px}.tree-indent{width:14px;flex:0 0 auto}.tree-children{margin-left:26px;border-left:1px solid var(--border);padding-left:8px}.well-name{font-weight:600}.wb-name{color:var(--text)}.log-row{cursor:default}.log-name{max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meta{font-size:12px}.child-empty{padding:4px 12px;font-style:italic}.led-wrap{display:inline-flex;align-items:center;gap:6px;min-width:118px}.led{width:12px;height:12px;border-radius:50%;display:inline-block;flex:0 0 auto}.led-text{font-size:11px;text-transform:uppercase;letter-spacing:.4px}.led-connected{color:#56d364}.led-delayed{color:#e3b341}.led-disconnected{color:#f85149}.led-no-data{color:#8b949e}.log-type-badge{width:18px;height:18px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex:0 0 auto}.log-type-badge.time{background:#1f6feb33;color:#58a6ff}.log-type-badge.depth{background:#bc8c0033;color:#e3b341}.user-tag{margin-left:auto}.logout-btn{margin-left:6px}.pill.connected{background:var(--ok);color:#04260f}.pill.disconnected{background:var(--bad);color:#300a08}.log-row.clickable{cursor:pointer}.logmon{display:flex;flex-direction:column;gap:12px}.widgets{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}.widget{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}.widget-name{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.05em}.widget-now{font-size:26px;font-weight:700;color:var(--text);line-height:1.1;word-break:break-all}.widget-stats{font-size:12px}.info-note{background:var(--panel2);border:1px dashed var(--border);border-radius:8px;padding:8px 10px}.chip.on{background:var(--accent);color:#fff;border-color:var(--accent)}.led-solo{display:inline-flex;align-items:center}.servicebar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.service-item{display:inline-flex;align-items:center;gap:5px;font-size:12px}.service-name{color:var(--muted)}.pill-clientes{border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600;border:1px solid var(--border)}.pill-clientes.on{background:#2ea04322;color:#56d364;border-color:#2ea04355}.pill-clientes.off{background:var(--panel2);color:var(--muted)}.campana-wrap{position:relative}.campana{display:inline-flex;align-items:center;gap:5px;background:var(--panel2);color:var(--text);border:1px solid var(--border);border-radius:999px;padding:3px 10px;cursor:pointer;font:inherit;font-size:12px}.campana.critico{border-color:var(--bad);color:var(--bad)}.campana-num{font-weight:700}.campana-lista{position:absolute;right:0;top:130%;z-index:40;width:380px;max-height:420px;overflow:auto;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:8px;box-shadow:0 8px 24px #0008}.alerta-item{display:flex;gap:8px;align-items:flex-start;border-bottom:1px solid var(--border);padding-bottom:6px}.alerta-item:last-child{border-bottom:0}.alerta-texto{display:flex;flex-direction:column}.sev{border-radius:4px;padding:1px 6px;font-size:11px;text-transform:uppercase;flex:0 0 auto}.sev-critico{background:#f8514922;color:var(--bad);border:1px solid #f8514955}.sev-aviso{background:#d2992222;color:var(--warn);border:1px solid #d2992255}.sev-info{background:var(--panel2);color:var(--muted);border:1px solid var(--border)}.lista-alertas{display:flex;flex-direction:column;gap:8px}.etp,.soap,.monitor{display:flex;flex-direction:column;gap:14px}.etp-zone,.soap-zone,.monitor-zone{display:flex;flex-direction:column;gap:8px;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:12px}.etp-zone h3,.soap-zone h3,.monitor-zone h3{margin:0;font-size:15px;color:var(--accent);text-transform:uppercase;letter-spacing:.05em}.etp-zone h4,.soap-zone h4,.monitor-zone h4{margin:6px 0 0;font-size:13px;color:var(--text)}.etp-zone select,.soap-zone select,.monitor-zone select{background:var(--panel2);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:4px 8px;font:inherit}.etp-zone code,.soap-zone code,.monitor-zone code{background:var(--panel2);border-radius:4px;padding:1px 5px;font-size:12px}.etp-chart svg{display:block;max-width:100%}.etp-leyenda{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:4px;font-size:12px}.swatch{width:10px;height:10px;border-radius:2px;display:inline-block;margin-right:4px}.etp-dos-columnas{display:grid;grid-template-columns:minmax(280px,1fr) minmax(320px,2fr);gap:16px}.widget.alerta .widget-now{color:var(--bad)}.hbars{display:flex;flex-direction:column;gap:6px}.hbar-row{display:flex;align-items:center;gap:8px;font-size:12px}.hbar-label{flex:0 0 190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hbar-track{flex:1 1 auto;height:10px;background:var(--panel2);border-radius:999px;overflow:hidden}.hbar-fill{display:block;height:100%;border-radius:999px}.hbar-value{flex:0 0 60px;text-align:right;font-variant-numeric:tabular-nums}.hbar-nota{flex:0 0 auto}.llenado-track{display:block;width:100%;min-width:120px;height:10px;background:var(--panel2);border-radius:999px;overflow:hidden}.llenado-fill{display:block;height:100%;border-radius:999px}.llenado-fill.ok{background:var(--ok)}.llenado-fill.aviso{background:var(--warn)}.llenado-fill.critico{background:var(--bad)}.sparkline{display:block}.origen-badge{border-radius:4px;padding:1px 6px;font-size:10px;font-weight:700;letter-spacing:.04em;flex:0 0 auto}.origen-etp{background:#2f81f733;color:#58a6ff}.origen-soap{background:#3fb95033;color:#56d364}.origen-ambos{background:#bc8c0033;color:#e3b341}.origen-otro{background:var(--panel2);color:var(--muted)}.subscrito-badge{border-radius:4px;padding:1px 6px;font-size:10px;font-weight:700;letter-spacing:.04em;flex:0 0 auto;background:#8957e533;color:#d2a8ff}.widget.aviso .widget-now{color:var(--warn)}.soap-servicio-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.soap-led-grande .led{width:18px;height:18px}.soap-led-grande .led-text{font-size:14px;letter-spacing:.06em}.soap-led-grande .led-wrap{min-width:140px}.crecimiento-badge{border-radius:4px;padding:1px 6px;margin-left:6px;font-size:10px;font-weight:700;letter-spacing:.04em;background:#3fb95033;color:#56d364}.pozo-incidencia{display:inline-flex;align-items:center;gap:4px;margin-right:10px}.integridad-badge{border-radius:4px;padding:1px 6px;font-size:10px;font-weight:700;letter-spacing:.04em;flex:0 0 auto;background:#d2992233;color:#e3b341}.acceso-avisos{display:flex;flex-direction:column;gap:8px}.acceso-aviso{background:#f851490f;border:1px solid #f8514955;border-left:3px solid var(--bad);border-radius:8px;padding:8px 10px;color:var(--bad);font-size:13px}.acceso-aviso ul{margin:4px 0 0;padding-left:18px}.acceso-aviso .sub{color:var(--muted)}.acceso-fila-aviso td{background:#f851490d}.acceso-licencia-valor{word-break:break-all;font-family:ui-monospace,Consolas,monospace;font-size:12px}