.realtime-vue{width:100%;--rt-topology-blue: #176bdb;--rt-blue: var(--accent, #0071e3);--rt-green: var(--green, #2d9d62);--rt-green-ink: #147a42;--rt-green-soft: rgba(45,157,98,.12);--rt-amber: var(--amber, #d9910b);--rt-amber-ink: #805500;--rt-amber-soft: rgba(217,145,11,.14);--rt-red: var(--red, #d94c44);--rt-red-ink: #a9332d;--rt-red-soft: rgba(217,76,68,.12);--rt-muted: #667085}.rt-wrap{padding:0 0 18px}.rt-topline{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;flex-wrap:wrap}.rt-hero{display:flex;align-items:center;gap:14px}.rt-hero-status{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:#3f4a5a;font-weight:600}.rt-dot{width:9px;height:9px;border-radius:50%;background:#c0c8d2;box-shadow:0 0 #22c55e00;transition:background .25s ease}.rt-dot.on{background:var(--rt-green);box-shadow:0 0 0 4px var(--rt-green-soft)}.rt-dot.off{background:var(--rt-red);box-shadow:0 0 0 4px var(--rt-red-soft)}.rt-dot.connecting{background:var(--rt-amber);animation:rtPulse 1.2s ease-in-out infinite}@keyframes rtPulse{0%,to{opacity:1}50%{opacity:.35}}.rt-fresh-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;font-size:12px;font-weight:600;color:var(--rt-green-ink);background:var(--rt-green-soft);border:1px solid rgba(45,157,98,.24);white-space:nowrap}.rt-fresh-pill.stale{color:var(--rt-amber-ink);background:var(--rt-amber-soft);border-color:#d9910b47}.rt-fresh-pill.muted{color:var(--rt-muted);background:#66708514;border-color:#66708533}.rt-kpi-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:10px}.rt-kpi{position:relative;border-radius:14px;background:#fff;border:1px solid #e2e9f1;box-shadow:0 3px 14px #163c640d;padding:11px 14px;overflow:hidden}.rt-kpi:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:transparent}.rt-kpi.blue:before{background:var(--rt-blue)}.rt-kpi.green:before{background:var(--rt-green)}.rt-kpi.amber:before{background:var(--rt-amber)}.rt-kpi.gray:before{background:#94a3b8}.rt-kpi-head{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;color:#3f4a5a}.rt-kpi-head .ui-icon{width:22px;height:22px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;color:#fff}.rt-kpi-head .ui-icon.rtk-bg1677ff{background:var(--rt-blue)}.rt-kpi-head .ui-icon.rtk-bg52c41a{color:var(--rt-green-ink);background:var(--rt-green-soft)}.rt-kpi-head .ui-icon.rtk-bg52c41a svg{stroke:currentColor}.rt-kpi-head .ui-icon.rtk-bgfaad14{color:var(--rt-amber-ink);background:var(--rt-amber-soft)}.rt-kpi-head .ui-icon.rtk-bgfaad14 svg{stroke:currentColor}.rt-kpi-big{font-size:22px;font-weight:800;color:#132238;margin:6px 0 1px;font-variant-numeric:tabular-nums}.rt-kpi-sub{font-size:11.5px;color:var(--rt-muted)}.rt-kpi-big .rtk-fs13px-fw600-c7b8797{color:var(--rt-muted)}.rt-status-bar{display:flex;align-items:center;gap:8px;padding:7px 12px;border-radius:12px;background:#fff;border:1px solid #e2e9f1;box-shadow:0 2px 10px #163c640a;margin-bottom:14px;flex-wrap:wrap}.rt-status-item{display:inline-flex;align-items:baseline;gap:6px;padding:4px 12px;border-radius:999px;font-size:12.5px;cursor:pointer;user-select:none;transition:all .18s ease}.rt-status-item:hover{transform:translateY(-1px);box-shadow:0 3px 10px #0000000f}.rt-status-item.active{box-shadow:0 0 0 1.5px currentColor inset;font-weight:700}.rt-status-item .n{font-size:16px;font-weight:800;font-variant-numeric:tabular-nums}.rt-status-item .lbl{font-weight:600}.rt-status-item.all{color:#3f4a5a;background:#f1f5f9}.rt-status-item.all .n,.rt-status-item.all.active{color:#334155}.rt-status-item.run{color:var(--rt-green-ink);background:var(--rt-green-soft)}.rt-status-item.alarm{color:var(--rt-amber-ink);background:var(--rt-amber-soft)}.rt-status-item.fault{color:var(--rt-red-ink);background:var(--rt-red-soft)}.rt-status-item.off{color:#64748b;background:#94a3b824}.rt-status-item.offline{color:#475569;background:#e8edf2}.rt-status-item.unknown{color:#6b7280;background:#f3f4f6}.rt-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap}.rt-toolbar .rt-search{flex:1;min-width:220px;max-width:340px}.rt-toolbar-spacer{flex:1}.rt-count{font-size:12.5px;color:var(--rt-muted);font-weight:600}.rt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(236px,1fr));grid-auto-rows:1fr;gap:10px;align-items:stretch}.rt-card{position:relative;display:flex;flex-direction:column;gap:7px;min-height:196px;height:100%;box-sizing:border-box;padding:12px 13px 11px;border-radius:14px;background:#fff;border:1px solid #dce5ed;box-shadow:0 1px 4px #16334a0b;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease;overflow:hidden}.rt-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3.5px;background:transparent}.rt-card:after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--rt-topology-blue);opacity:0;transition:opacity .22s ease}.rt-card:hover{border-color:#8bb7e8;box-shadow:0 5px 16px #16334a17}.rt-card:hover:after{opacity:1}.rt-card.selected{border-color:var(--rt-topology-blue);box-shadow:0 0 0 2px #176bdb24,0 8px 22px #176bdb1f}.rt-card:focus-visible{outline:3px solid rgba(0,113,227,.28);outline-offset:2px}.rt-card:before{background:var(--rt-topology-blue)}.rt-card.off{background:#fafbfc}.rt-card.offline{background:#f7f9fb}.rt-card.unknown:before{background:#a3a3a3}.rt-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.rt-card-name{flex:1;min-width:0;font-size:14px;font-weight:700;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rt-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border:1px solid transparent;border-radius:999px;font-size:11.5px;font-weight:700;color:var(--rt-muted);white-space:nowrap}.rt-badge.ok{color:var(--rt-green-ink);background:var(--rt-green-soft);border-color:#2d9d623d}.rt-badge.alarm{color:var(--rt-amber-ink);background:var(--rt-amber-soft);border-color:#d9910b4d}.rt-badge.fault{color:var(--rt-red-ink);background:var(--rt-red-soft);border-color:#d94c443d}.rt-badge.off{color:#526477;background:#eef2f5;border-color:#d9e0e7}.rt-badge.offline{color:#475569;background:#e8edf2;border-color:#d7e0e8}.rt-badge.unknown{color:#596579;background:#f1f3f5;border-color:#dfe3e8}.rt-card-power{display:flex;align-items:baseline;gap:4px}.rt-ac{font-size:26px;font-weight:800;color:#132238;font-variant-numeric:tabular-nums;line-height:1}.rt-ac-unit{font-size:13px;font-weight:600;color:#7b8797}.rt-metrics{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px}.rt-metric{display:flex;flex-direction:column;gap:1px}.rt-metric .k{font-size:11px;color:var(--rt-muted);letter-spacing:.02em}.rt-metric .v{font-size:12.5px;font-weight:600;color:#334155;font-variant-numeric:tabular-nums}.rt-load{margin-top:2px}.rt-load-head{display:flex;justify-content:space-between;font-size:11px;color:var(--rt-muted);margin-bottom:4px}.rt-load-head b{color:#334155;font-weight:700}.rt-load-track{height:5px;border-radius:999px;background:#eef2f6;overflow:hidden}.rt-load-fill{height:100%;border-radius:999px;transition:width .4s ease}.rt-load-fill.ok{background:var(--rt-green)}.rt-load-fill.hi{background:var(--rt-amber)}.rt-load-fill.lo{background:linear-gradient(90deg,#94a3b8,#cbd5e1)}.rt-load-missing{padding-top:4px;font-size:11px;color:var(--rt-muted)}.rt-card-foot{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--rt-muted);padding-top:6px;border-top:1px dashed #eef2f7}.rt-core{display:inline-flex;align-items:center;gap:5px}.rt-drill{color:var(--rt-blue);font-weight:600;cursor:pointer}.rt-string{margin-top:12px;border-radius:14px;background:#fff;border:1px solid #e2e9f1;box-shadow:0 2px 12px #163c640d;padding:15px 16px}.rt-string-backdrop{position:fixed;z-index:10050;inset:0;display:grid;place-items:center;padding:22px;background:#0f233a6b;backdrop-filter:blur(2px)}.rt-string.rt-string-dialog{width:min(1040px,100%);max-height:min(82vh,760px);overflow:auto;box-sizing:border-box;margin:0;border-color:#cddbeb;box-shadow:0 22px 64px #0f233a3d}.rt-str-title{font-size:14px;font-weight:700;color:#132238;margin-bottom:12px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.rt-str-close{margin-left:auto;font:inherit;font-size:12px;color:#52677d;background:#fff;cursor:pointer;font-weight:600;padding:5px 11px;border-radius:7px;border:1px solid #ccd9e8}.rt-str-close:hover{color:var(--rt-topology-blue);border-color:var(--rt-topology-blue);background:#f4f8fd}.rt-str-close:focus-visible{outline:3px solid rgba(23,107,219,.25);outline-offset:2px}.rt-str-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;align-items:stretch}.rt-str{min-width:0;width:100%;min-height:72px;box-sizing:border-box;background:#0071e30d;border:1px solid rgba(0,113,227,.16);border-radius:10px;padding:7px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;transition:all .18s ease}.rt-str:hover{transform:translateY(-1px);box-shadow:0 3px 10px #0071e31a}.rt-str span{font-size:11px;color:#6b7280}.rt-str-i{font-size:14px;color:#1f2937;font-variant-numeric:tabular-nums;line-height:1.25}.rt-str-v{font-size:11px;color:#64748b;font-variant-numeric:tabular-nums;line-height:1.2;margin-top:1px;white-space:nowrap}.rt-str.low{background:var(--rt-red-soft);border-color:#d94c444d}.rt-str.low .rt-str-i,.rt-str.low .rt-str-v{color:var(--rt-red-ink)}.rt-str.stale{background:#f3f4f6;border-color:#dfe3e8}.rt-str.stale .rt-str-i,.rt-str.stale .rt-str-v{color:var(--rt-muted)}.rt-str-stale{margin-left:8px;font-size:11.5px;font-weight:600;color:var(--rt-amber-ink);background:var(--rt-amber-soft);border:1px solid rgba(217,145,11,.28);padding:2px 9px;border-radius:999px}.rt-str-hint{width:100%;font-size:11px;color:var(--rt-amber-ink);margin-top:6px}.rt-str-peer{width:100%;font-size:11px;color:var(--rt-muted);margin-top:9px;padding-top:8px;border-top:1px dashed #eef2f7}.rt-eff{margin-top:16px;border-radius:14px;background:#fff;border:1px solid #dce5ed;box-shadow:0 1px 5px #16334a0a;overflow:hidden}.rt-eff-empty{padding:24px;text-align:center;color:var(--rt-muted);font-size:13px}.rt-eff-table{font-size:14px;width:100%;border-collapse:collapse}.rt-eff-table td,.rt-eff-table th{padding:9px 14px;text-align:left}.rt-eff-table tr:not(.rt-eff-sec):not(.rt-eff-colhead){border-top:1px solid #edf1f5}.rt-eff-table th{color:#66788a;font-size:11px;font-weight:700;background:#f6f8fa}.rt-eff-table td:nth-child(n+2),.rt-eff-table th:nth-child(n+2){text-align:right;font-variant-numeric:tabular-nums}.rt-eff-sec{font-weight:700;font-size:13px;letter-spacing:.03em}.rt-eff-sec.worst{color:var(--rt-red-ink);background:var(--rt-red-soft)}.rt-eff-sec.best{color:var(--rt-green-ink);background:var(--rt-green-soft)}.rt-eff-dev{font-weight:600;color:#334155}.rt-eff-h{color:#6b7280;font-variant-numeric:tabular-nums}.rt-eff-days{color:var(--rt-muted);font-size:12px}.rt-eff-pct{font-weight:700;font-variant-numeric:tabular-nums}.rt-eff-pct.low{color:var(--rt-red-ink)}.rt-eff-pct.mid{color:var(--rt-amber-ink)}.rt-eff-pct.up{color:var(--rt-green-ink)}.rt-eff-meta{padding:12px 16px;border-bottom:1px solid #eef2f7;font-size:13px;color:var(--rt-muted)}.rt-eff-meta .rtk-c8a97a8{color:var(--rt-muted)}.rt-gap-banner{margin-bottom:12px;padding:10px 14px;border-radius:10px;background:#fff7ed;color:var(--rt-amber-ink);border:1px solid #fdba74;font-size:13.5px;display:flex;align-items:center;gap:8px}.rt-loading,.rt-empty{padding:26px 0;text-align:center;color:var(--rt-muted);font-size:13.5px}@media(max-width:1100px){.rt-kpi-row{grid-template-columns:repeat(2,minmax(0,1fr))}.rt-status-bar{align-items:stretch}}@media(max-width:680px){.rt-kpi-row{grid-template-columns:1fr}.rt-status-bar{gap:8px;padding:10px}.rt-status-item{flex:1 0 calc(33.333% - 8px);justify-content:center;padding:5px 6px}.rt-toolbar-spacer{display:none}.rt-search{order:10;flex:1 0 100%!important;max-width:none!important;min-width:0!important}.rt-sort{flex:1}.rt-count{margin-left:auto}.rt-grid{grid-template-columns:1fr;gap:10px}.rt-card{padding:14px}.rt-str-row{grid-template-columns:repeat(3,minmax(0,1fr))}.rt-str{min-height:68px}.rt-string-backdrop{padding:12px}.rt-string.rt-string-dialog{max-height:88vh;padding:13px}.rt-eff-meta{align-items:flex-start!important;flex-direction:column;gap:3px!important}.rt-eff{overflow-x:auto}.rt-eff-table{min-width:500px}}.rtk-bg1677ff{background:#1677ff}.rtk-fs13px-fw600-c7b8797{font-size:13px;font-weight:600;color:#7b8797}.rtk-bg52c41a{background:#52c41a}.rtk-bgfaad14{background:#faad14}.rtk-bg64748b{background:#64748b}.rtk-fx1-minw200px-maxw320px-p7px_12px-bd1px_soli-br1{flex:1;min-width:200px;max-width:320px;padding:7px 12px;border:1px solid #e2e9f1;border-radius:10px;outline:none;font-size:13px;background:#fbfdff}.rtk-p7px_10px-bd1px_soli-br10px-fs13px-bgfbfdff-c334{padding:7px 10px;border:1px solid #e2e9f1;border-radius:10px;font-size:13px;background:#fbfdff;color:#334155;outline:none;cursor:pointer}.rtk-dflex-aicenter-g8px{display:flex;align-items:center;gap:8px}.rtk-fw700-c132238{font-weight:700;color:#132238}.rtk-c8a97a8{color:#8a97a8}.rtk-p16px{padding:16px}.rtk-wspre_wrap-cff4d4f-fs12px-maxh300px-ovauto{white-space:pre-wrap;color:#ff4d4f;font-size:12px;max-height:300px;overflow:auto}