.ops-livecondition{--oplc-canvas:#191b1f;--oplc-card-bg:#22242a;--oplc-card-border:#31343b;--oplc-glass-bg:rgba(22, 26, 33, 0.86);--oplc-glass-border:#2b313d;--oplc-progress-track:#252b36;--oplc-divider:#1e222b;--oplc-text-primary:#e8ebf0;--oplc-text-list:#dfe4ec;--oplc-text-diagram-label:#a4aebd;--oplc-text-unit:#9aa4b4;--oplc-text-muted:#8b95a6;--oplc-text-label:#7c8698;--oplc-link:#37b374;--oplc-link-hover:#4ecb8c;position:relative;width:100%;max-width:1272px;margin-inline:auto;background:var(--oplc-canvas);color:var(--oplc-text-primary);font-family:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-bottom:24px;text-align:left;isolation:isolate;border-radius:12px;border:1px solid #31343b;box-shadow:0 18px 40px rgba(0,0,0,.35);animation:hero-fade-up .8s cubic-bezier(.16,1,.3,1)both;animation-delay:.7s}@media(prefers-reduced-motion:reduce){.ops-livecondition{animation:none}}.ops-livecondition *,.ops-livecondition *::before,.ops-livecondition *::after{box-sizing:border-box}.ops-livecondition a{color:var(--oplc-link);text-decoration:none}.ops-livecondition a:hover{color:var(--oplc-link-hover)}.ops-livecondition .is-green{--oplc-accent:#37b374;--oplc-accent-glow:rgba(55, 179, 116, 0.85);--oplc-accent-bg:rgba(55, 179, 116, 0.13);--oplc-accent-border:rgba(55, 179, 116, 0.34)}.ops-livecondition .is-amber{--oplc-accent:#e6a23c;--oplc-accent-glow:rgba(230, 162, 60, 0.85);--oplc-accent-bg:rgba(230, 162, 60, 0.13);--oplc-accent-border:rgba(230, 162, 60, 0.34)}.ops-livecondition .is-cyan{--oplc-accent:#4cc7d4;--oplc-accent-glow:rgba(76, 199, 212, 0.85);--oplc-accent-bg:rgba(76, 199, 212, 0.13);--oplc-accent-border:rgba(76, 199, 212, 0.34)}.ops-livecondition .is-violet{--oplc-accent:#9d7cf0;--oplc-accent-glow:rgba(157, 124, 240, 0.85);--oplc-accent-bg:rgba(157, 124, 240, 0.13);--oplc-accent-border:rgba(157, 124, 240, 0.34)}.ops-grid{display:grid;grid-template-columns:minmax(0,1.9fr)minmax(0,1fr);gap:14px;padding:14px 20px 0;align-items:stretch}.ops-col{display:flex;flex-direction:column;gap:14px;min-width:0}.ops-card{background:var(--oplc-card-bg);border:1px solid var(--oplc-card-border);border-radius:12px}.ops-card--network{box-shadow:0 18px 40px rgba(0,0,0,.35);padding:18px 18px 14px;flex:1;display:flex;flex-direction:column}.ops-glass{background:var(--oplc-glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--oplc-glass-border);border-radius:10px;box-shadow:0 6px 14px rgba(0,0,0,.35);padding:10px 12px 11px}.ops-network-title{font-size:16px;font-weight:700;letter-spacing:-.01em;margin:0}.ops-diagram{position:relative;flex:1;min-height:362px;margin-top:6px}.ops-diagram-svg{position:absolute;inset:0;z-index:0;display:block}@keyframes ops-dashflow{to{stroke-dashoffset:-20}}@keyframes ops-pulse{0%,100%{opacity:.14}50%{opacity:.32}}.ops-livecondition .link-glow{animation-name:ops-pulse;animation-duration:2.6s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.ops-livecondition .link-flow{animation-name:ops-dashflow;animation-timing-function:linear;animation-iteration-count:infinite}@media(prefers-reduced-motion:reduce){.ops-livecondition .link-glow,.ops-livecondition .link-flow{animation:none}}.ops-node-label{position:absolute;z-index:3;transform:translateX(-50%);text-align:center;white-space:nowrap}.ops-node-label-top{font-family:ui-monospace,monospace;font-size:9px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:0 8px;color:var(--oplc-text-diagram-label);text-shadow:0 1px 4px rgba(8,10,14,.95),0 0 8px rgba(8,10,14,.8)}.ops-node-label-value{font-size:12.5px;font-weight:700;margin-top:2px;text-shadow:0 1px 4px rgba(8,10,14,.95),0 0 8px rgba(8,10,14,.8)}.ops-consumption-pill{position:absolute;z-index:3;left:50%;top:64%;transform:translateX(-50%);display:flex;align-items:center;gap:7px;white-space:nowrap;background:rgba(24,28,36,.82);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--oplc-glass-border);border-radius:999px;padding:6px 13px}.ops-consumption-label{font-size:10.5px;color:var(--oplc-text-muted)}.ops-consumption-value{font-size:12.5px;font-weight:700}.ops-panel{position:absolute}.ops-panel--grid{right:0;top:0;width:186px;z-index:1}.ops-panel--solar{left:0;top:40%;width:180px;z-index:3}.ops-panel--battery{right:0;top:40%;width:180px;z-index:1}.ops-panel-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.ops-panel-id{display:flex;align-items:center;gap:8px;min-width:0}.ops-dot{width:7px;height:7px;border-radius:999px;flex-shrink:0;background:var(--oplc-accent);box-shadow:0 0 8px var(--oplc-accent-glow)}.ops-panel-name{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--oplc-text-primary)}.ops-panel-status{font-size:9px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--oplc-accent);white-space:nowrap}.ops-metric-row{display:flex;justify-content:space-between;align-items:baseline;font-size:11px;margin-top:8px}.ops-metric-row:first-of-type{margin-top:9px}.ops-metric-row--tight{margin-top:7px}.ops-metric-label{color:var(--oplc-text-label)}.ops-metric-value{font-weight:700}.ops-progress{height:3px;border-radius:999px;background:var(--oplc-progress-track);margin-top:7px;overflow:hidden}.ops-progress-fill{height:100%;background:var(--oplc-accent)}.ops-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.ops-kpi{padding:14px 15px}.ops-kpi-label{font-size:11.5px;font-weight:500;color:var(--oplc-text-label)}.ops-kpi-value{font-size:22px;font-weight:700;letter-spacing:-.02em;margin-top:6px}.ops-kpi-unit{font-size:13px;font-weight:500;color:var(--oplc-text-unit)}.ops-kpi-foot{font-size:11.5px;color:var(--oplc-text-label);margin-top:6px}.ops-status-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.ops-status{padding:14px 15px 12px}.ops-status-label{font-size:11.5px;font-weight:500;color:var(--oplc-text-label)}.ops-status-state{font-size:19px;font-weight:700;letter-spacing:-.02em;margin-top:6px;color:var(--oplc-accent)}.ops-status-duration{font-size:11.5px;color:var(--oplc-text-label);margin-top:4px}.ops-status-bar{height:3px;border-radius:999px;margin-top:14px;background:var(--oplc-accent)}.ops-contract{padding:16px 17px}.ops-contract-label{font-family:ui-monospace,monospace;font-size:10.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--oplc-text-label);margin:0}.ops-contract-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 16px;margin-top:13px}.ops-contract-cell-label{font-size:11.5px;color:var(--oplc-text-label)}.ops-contract-cell-value{font-size:16px;font-weight:700;margin-top:5px}.ops-contract-cell-value.is-amber{color:var(--oplc-accent)}.ops-contract-cell-unit{font-size:11.5px;font-weight:500;color:var(--oplc-text-unit)}.ops-events{padding:16px 17px 4px}.ops-events-title{font-size:15px;font-weight:700;letter-spacing:-.01em;margin:0}.ops-events-list{list-style:none;margin:8px 0 0;padding:0}.ops-event{display:flex;align-items:center;gap:11px;padding:11px 0;font-size:12.5px;border-bottom:1px solid var(--oplc-divider)}.ops-event:last-child{border-bottom:none}.ops-event-badge{flex-shrink:0;width:66px;text-align:center;font-size:9.5px;font-weight:700;letter-spacing:.06em;padding:3px 8px;border-radius:5px;background:var(--oplc-accent-bg);color:var(--oplc-accent);border:1px solid var(--oplc-accent-border)}.ops-event-text{flex:1;color:var(--oplc-text-list)}.ops-event-age{font-size:11px;color:var(--oplc-text-label)}@media(max-width:1023px){.ops-kpi-grid,.ops-status-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.ops-livecondition{display:none}}@media(prefers-reduced-motion:reduce){.ops-livecondition *{transition-duration:.001ms!important;animation-duration:.001ms!important}}.ops-livecondition--embed{background:0 0;border:0;box-shadow:none;padding-bottom:0;animation:none}@media(max-width:767px){.ops-livecondition.ops-livecondition--embed{display:block}.ops-livecondition--embed .ops-panel{display:none}}@media(prefers-reduced-motion:no-preference){.ops-livecondition.reveal .ops-diagram-svg>g{opacity:0;translate:0 10px;transition:opacity .5s var(--fx-ease)calc(var(--i,0) * 35ms + .2s),translate .5s var(--fx-ease)calc(var(--i,0) * 35ms + .2s)}.ops-livecondition.reveal .ops-diagram-svg>g:first-of-type{opacity:1;translate:none;transition:none}.ops-livecondition .ops-diagram-svg>g:first-of-type>g:nth-child(1){--fx-d:1.3s}.ops-livecondition .ops-diagram-svg>g:first-of-type>g:nth-child(2){--fx-d:1.42s}.ops-livecondition .ops-diagram-svg>g:first-of-type>g:nth-child(3){--fx-d:1.54s}.ops-livecondition .ops-diagram-svg>g:first-of-type>g:nth-child(4){--fx-d:1.66s}.ops-livecondition.reveal .ops-diagram-svg>g:first-of-type line:not([class]){stroke-dasharray:120;stroke-dashoffset:120;transition:stroke-dashoffset .6s var(--fx-draw)var(--fx-d)}.ops-livecondition.reveal .link-glow,.ops-livecondition.reveal .link-flow{stroke-opacity:0;transition:stroke-opacity .5s ease calc(var(--fx-d) + .45s)}.ops-livecondition.reveal .ops-node-label,.ops-livecondition.reveal .ops-consumption-pill{opacity:0;translate:0 6px;transition:opacity .45s var(--fx-ease)calc(var(--i,0) * .1s + 1.3s),translate .45s var(--fx-ease)calc(var(--i,0) * .1s + 1.3s)}.ops-livecondition.reveal .ops-panel{opacity:0;translate:0 10px;transition:opacity .5s var(--fx-ease)calc(var(--i,0) * .12s + 1.2s),translate .5s var(--fx-ease)calc(var(--i,0) * .12s + 1.2s)}.ops-livecondition.reveal .ops-progress-fill{transform-origin:left;scale:0 1;transition:scale .8s var(--fx-draw)calc(var(--i,0) * .12s + 1.55s)}.ops-livecondition.reveal .ops-dot{scale:0}.ops-livecondition.reveal.is-visible .ops-diagram-svg>g,.ops-livecondition.reveal.is-visible .ops-node-label,.ops-livecondition.reveal.is-visible .ops-consumption-pill,.ops-livecondition.reveal.is-visible .ops-panel{opacity:1;translate:none}.ops-livecondition.reveal.is-visible .ops-diagram-svg>g:first-of-type line:not([class]){stroke-dashoffset:0}.ops-livecondition.reveal.is-visible .link-glow,.ops-livecondition.reveal.is-visible .link-flow{stroke-opacity:1}.ops-livecondition.reveal.is-visible .ops-panel{animation:arch-lit 1s ease-out calc(var(--i,0) * .12s + 1.4s)backwards}.ops-livecondition.reveal.is-visible .ops-progress-fill{scale:1}.ops-livecondition.reveal.is-visible .ops-dot{animation:fx-pop .4s var(--fx-ease)calc(var(--i,0) * .12s + 1.5s)both}}@media(prefers-reduced-motion:no-preference){.ops-livecondition:not(.ops-livecondition--embed){--oplc-net:1s}.ops-livecondition:not(.ops-livecondition--embed) .ops-network-title{animation:fx-fade-in .5s ease .95s both}.ops-livecondition:not(.ops-livecondition--embed) .ops-diagram-svg>g{animation:fx-rise .5s var(--fx-ease)calc(var(--oplc-net) + var(--i,0) * 35ms)both}.ops-livecondition:not(.ops-livecondition--embed) .ops-diagram-svg>g:first-of-type{animation:none}.ops-livecondition:not(.ops-livecondition--embed) .ops-diagram-svg>g:first-of-type>g{animation:fx-fade-in .4s ease calc(var(--oplc-net) + 1.1s + var(--fx-k,0s))both}.ops-livecondition:not(.ops-livecondition--embed) .ops-diagram-svg>g:first-of-type>g:nth-child(2){--fx-k:0.12s}.ops-livecondition:not(.ops-livecondition--embed) .ops-diagram-svg>g:first-of-type>g:nth-child(3){--fx-k:0.24s}.ops-livecondition:not(.ops-livecondition--embed) .ops-diagram-svg>g:first-of-type>g:nth-child(4){--fx-k:0.36s}.ops-livecondition:not(.ops-livecondition--embed) .ops-diagram-svg>g:first-of-type line:not([class]){stroke-dasharray:120;animation:oplc-link-draw .6s var(--fx-draw)calc(var(--oplc-net) + 1.1s + var(--fx-k,0s))both}.ops-livecondition:not(.ops-livecondition--embed) :is(.ops-node-label,.ops-consumption-pill){animation:fx-rise .45s var(--fx-ease)calc(var(--oplc-net) + 1.1s + var(--i,0) * .1s)both}.ops-livecondition:not(.ops-livecondition--embed) .ops-panel{animation:fx-rise .5s var(--fx-ease)calc(var(--oplc-net) + 1s + var(--i,0) * .12s)both,arch-lit 1s ease-out calc(var(--oplc-net) + 1.2s + var(--i,0) * .12s)backwards}.ops-livecondition:not(.ops-livecondition--embed) .ops-progress-fill{transform-origin:left;animation:fx-grow-x .8s var(--fx-draw)calc(var(--oplc-net) + 1.35s + var(--i,0) * .12s)both}.ops-livecondition:not(.ops-livecondition--embed) .ops-panel .ops-dot{animation:fx-pop .4s var(--fx-ease)calc(var(--oplc-net) + 1.3s + var(--i,0) * .12s)both}.ops-livecondition .ops-kpi{animation:fx-rise .5s var(--fx-ease)calc(1.1s + var(--i,0) * .08s)both}.ops-livecondition .ops-status{animation:fx-rise .5s var(--fx-ease)calc(1s + var(--i,0) * .08s)both}.ops-livecondition .ops-status-bar{transform-origin:left;animation:fx-grow-x .7s var(--fx-draw)calc(1.35s + var(--i,0) * .08s)both}.ops-livecondition .ops-status:has(.ops-status-state.is-amber){--arch-glow:230, 162, 60;animation:fx-rise .5s var(--fx-ease)calc(1s + var(--i,0) * .08s)both,arch-lit 1s ease-out 2.2s both}.ops-livecondition .ops-contract{animation:fx-rise .5s var(--fx-ease)1.4s both}.ops-livecondition .ops-contract-cell{animation:fx-rise .4s var(--fx-ease)calc(1.6s + var(--i,0) * .08s)both}.ops-livecondition .ops-events{animation:fx-rise .5s var(--fx-ease)1.6s both}.ops-livecondition .ops-event{animation:fx-rise .4s var(--fx-ease)calc(1.9s + var(--i,0) * .18s)both}.ops-livecondition .ops-event:has(.ops-event-badge.is-violet){--arch-glow:157, 124, 240;animation:fx-rise .4s var(--fx-ease)calc(1.9s + var(--i,0) * .18s)both,arch-lit 1s ease-out 2.6s both}}@keyframes oplc-link-draw{from{stroke-dashoffset:120}}