.xc-stab{--xs-bg:#091422;--xs-panel:#102237;--xs-line:#294057;--xs-text:#edf5ff;--xs-muted:#a8bad0;--xs-accent:#68ead0;box-sizing:border-box;container-type:inline-size;color:var(--xs-text);background:radial-gradient(ellipse at 65% 0%,#163149 0%,transparent 55%),var(--xs-bg);font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;padding:28px;border-radius:12px;margin:0 12px 12px;overflow:auto;max-height:calc(100vh - 215px);min-height:420px;font-size:14px;line-height:1.5;color-scheme:dark}
.xc-stab *{box-sizing:border-box}.xc-stab:fullscreen{width:100vw;height:100vh;max-height:none;border-radius:0;margin:0;padding:36px 4vw;overflow:auto}.xc-stab h2,.xc-stab h3,.xc-stab p{margin:0;color:var(--xs-text)}.xc-stab-header{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.xc-stab-eyebrow{font-size:12px;letter-spacing:1.5px;color:var(--xs-muted);font-weight:600}.xc-stab h2{font-size:26px;font-weight:650;letter-spacing:1px;margin:8px 0}.xc-stab-subtitle{font-size:13px;color:var(--xs-muted)!important;overflow-wrap:anywhere}.xc-stab-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.xc-stab button{min-height:44px;padding:0 14px;border:1px solid #456078;border-radius:7px;background:#152a40;color:var(--xs-text);font:inherit;cursor:pointer;transition:background .15s}.xc-stab button:hover{background:#234059}.xc-stab button:focus-visible{outline:3px solid var(--xs-accent);outline-offset:3px}.xc-stab button:disabled{opacity:.55;cursor:wait}.xc-stab-badge{padding:7px 12px;border:1px solid #506078;border-radius:30px;font-size:12px;color:#d0dbea;white-space:nowrap}.xc-stab-badge.is-online{color:var(--xs-accent);border-color:#286657;background:#113b36}.xc-stab-sync{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--xs-muted);padding:14px 0 18px;border-bottom:1px solid var(--xs-line);margin-bottom:22px}.xc-stab-energy{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.85fr) minmax(0,1fr);align-items:center;gap:18px}.xc-stab-metric{min-width:0;background:linear-gradient(140deg,#142a41,#0e1e31);border:1px solid var(--xs-line);border-radius:12px;padding:18px}.xc-stab-metric h3{font-size:14px;font-weight:500;margin-top:10px}.xc-stab-voltage{padding:26px 22px;min-height:232px;position:relative;overflow:hidden}.xc-stab-voltage:after{content:"";display:block;width:100%;height:2px;margin-top:24px;background:linear-gradient(90deg,#70b7ff,transparent)}.xc-stab-output{border-color:#2b6f68;background:linear-gradient(140deg,#143c41,#0e2231)}.xc-stab-output:after{background:linear-gradient(90deg,var(--xs-accent),transparent)}.xc-stab-reading{display:flex;align-items:baseline;gap:8px;margin:12px 0;min-width:0;flex-wrap:wrap}.xc-stab-reading strong{font-size:29px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-1px;line-height:1.2;overflow-wrap:anywhere}.xc-stab-reading span{font-size:14px;color:var(--xs-muted)}.xc-stab-voltage .xc-stab-reading strong{font-size:clamp(36px,5.5cqw,70px);color:#99ccff}.xc-stab-output .xc-stab-reading strong{color:var(--xs-accent)}.xc-stab-point-time{font-size:12px;color:var(--xs-muted);overflow-wrap:anywhere}.xc-stab-machine{display:flex;flex-direction:column;align-items:center;position:relative;text-align:center;gap:5px}.xc-stab-cabinet{width:180px;height:205px;max-width:100%}.xc-stab-machine small{font-size:12px;color:var(--xs-muted)}.xc-stab-state{padding:6px 14px;border-radius:6px;background:#1a3448;color:#d8eafb;font-size:13px}.xc-stab .is-warning{color:#ffd091}.xc-stab-state.is-warning{background:#433220}.xc-stab-section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:24px 0 12px}.xc-stab-section-title h3{font-size:16px}.xc-stab-section-title span{font-size:11px;letter-spacing:1.5px;color:var(--xs-muted)}.xc-stab-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.xc-stab-bottom{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:18px;padding:18px 20px;border:1px solid var(--xs-line);border-radius:10px;background:#101f30}.xc-stab-bottom>div{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.xc-stab-bottom span{font-size:12px;color:var(--xs-muted)}.xc-stab-bottom strong{font-size:15px;font-weight:500;overflow-wrap:anywhere}.xc-stab-footer{font-size:12px;color:var(--xs-muted);padding-top:18px}.xc-stab:fullscreen .xc-stab-energy{margin-top:25px}.xc-stab:fullscreen .xc-stab-voltage{min-height:260px}.xc-stab:fullscreen .xc-stab-cabinet{width:215px;height:245px}
@container (max-width:900px){.xc-stab-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.xc-stab-voltage{padding:20px 16px}.xc-stab-energy{gap:12px;grid-template-columns:minmax(0,1fr) 150px minmax(0,1fr)}.xc-stab-bottom{gap:12px}.xc-stab-bottom>div{align-items:flex-start;flex-direction:column;gap:4px}}
@container (max-width:580px){.xc-stab-energy{grid-template-columns:repeat(2,minmax(0,1fr))}.xc-stab-machine{grid-column:1/-1;grid-row:2;flex-direction:row;justify-content:center;flex-wrap:wrap;padding:14px;border:1px solid var(--xs-line);border-radius:10px}.xc-stab-cabinet{width:90px;height:105px}.xc-stab-machine>.xc-stab-eyebrow,.xc-stab-machine>small{display:none}.xc-stab-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.xc-stab-voltage{min-height:190px;padding:18px 12px}.xc-stab-voltage .xc-stab-reading strong{font-size:36px}.xc-stab-bottom{grid-template-columns:1fr}.xc-stab-bottom>div{flex-direction:row}.xc-stab-section-title span{display:none}.xc-stab-reading strong{font-size:26px}}
@media(max-width:600px){.xc-stab{padding:16px;margin:0 6px 8px;max-height:calc(100dvh - 160px)}.xc-stab h2{font-size:22px}.xc-stab-actions{width:100%}.xc-stab:fullscreen{padding:16px}}
@media(prefers-reduced-motion:reduce){.xc-stab *{transition:none!important;animation:none!important}}
@container (min-width:760px) and (max-width:900px){.xc-stab-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.xc-stab-grid .xc-stab-metric{padding:14px 12px}.xc-stab-grid .xc-stab-reading strong{font-size:26px}}
@container (max-width:360px){.xc-stab-grid,.xc-stab-energy{grid-template-columns:minmax(0,1fr)}.xc-stab-voltage{min-height:175px}.xc-stab-machine{grid-row:2}.xc-stab h2{font-size:21px}.xc-stab-eyebrow{letter-spacing:1px}}

/* Scoped upgrade; no changes to the shared monitoring/card styles. */
.xc-stab-v2{--xs-glow:rgba(87,224,195,.15);--xs-amber:#ffd091;background:radial-gradient(ellipse at 50% 12%,#173e50 0%,transparent 48%),radial-gradient(ellipse at 0 0,#162d4c,transparent 60%),#081422;padding:24px;scrollbar-color:#3c6277 #0b1b2b}
.xc-stab-v2 .xc-stab-header{padding-bottom:2px}.xc-stab-v2 .xc-stab-eyebrow{letter-spacing:1.8px}.xc-stab-v2 .xc-stab-header h2{font-size:28px;letter-spacing:1px}.xc-stab-v2 .xc-stab-actions{gap:8px}.xc-stab-v2 .xc-stab-badge{display:inline-flex;align-items:center;gap:7px}.xc-stab-v2 .xc-stab-badge:before{content:"";width:6px;height:6px;background:#98aac0;border-radius:50%}.xc-stab-v2 .xc-stab-badge.is-online:before{background:var(--xs-accent);box-shadow:0 0 12px var(--xs-accent)}
.xc-stab-v2 .xc-stab-energy{position:relative;isolation:isolate;padding:8px 0;background-image:linear-gradient(rgba(74,112,135,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(74,112,135,.07) 1px,transparent 1px);background-size:24px 24px;border-radius:12px}
.xc-stab-v2 .xc-stab-voltage{min-height:218px;border-top:2px solid #5794c0;box-shadow:0 8px 32px #020a1426}.xc-stab-v2 .xc-stab-output{border-top-color:#58cdb7}.xc-stab-v2 .xc-stab-machine{z-index:1}.xc-stab-v2 .xc-stab-cabinet{filter:drop-shadow(0 14px 15px #0006);width:170px;height:190px}.xc-stab-v2 .xc-stab-state{border:1px solid #345169}.xc-stab-v2 .xc-stab-state.is-warning{border-color:#775d37}.xc-stab-current-warning .xc-stab-machine{--xs-glow:rgba(255,185,94,.15)}
.xc-stab-v2 .xc-stab-metric{position:relative;overflow:hidden;background:linear-gradient(145deg,#162e45e8,#0c1b2de8)}.xc-stab-v2 .xc-stab-output{background:linear-gradient(145deg,#16413fe8,#0c2130ef)}.xc-stab-v2 .xc-stab-metric:before{content:"";position:absolute;right:12px;top:14px;width:5px;height:5px;border-radius:50%;background:#6888a1}.xc-stab-v2 .xc-stab-output:before{background:var(--xs-accent)}.xc-stab-v2 .xc-stab-grid .xc-stab-eyebrow{color:#85b4d1}.xc-stab-v2 .xc-stab-section-title{margin-top:20px}.xc-stab-v2 .xc-stab-bottom{margin-top:12px;padding:14px 18px}.xc-stab-v2 .xc-stab-point-time{font-size:12px}.xc-stab-value-update{display:inline-block}
.xc-stab-motion .xc-stab-value-update{animation:xc-stab-value-in .65s ease-out both}.xc-stab-motion .xc-stab-alarm-snapshot{animation:xc-stab-detail-in .24s ease-out}.xc-stab-sync-wave{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:2;border-radius:12px}.xc-stab-sync-wave:after{content:"";position:absolute;top:0;bottom:0;width:30%;left:0;background:linear-gradient(90deg,transparent,rgba(105,239,212,.1),transparent);opacity:0}.xc-stab-motion .xc-stab-sync-wave:after{animation:xc-stab-sync-pass 1.25s ease-out}.xc-stab-v2 .xc-stab-metric{transition:border-color .2s,box-shadow .2s}.xc-stab-v2 .xc-stab-metric:hover{border-color:#557d98;box-shadow:0 8px 24px #0003}
.xc-stab-alarms{border-top:1px solid #284052;margin-top:22px;padding-top:2px}.xc-stab-alarms .xc-stab-section-title h3{font-size:20px;margin-top:6px}.xc-stab-alarms .xc-stab-section-title .xc-stab-alarm-count{font-size:12px;letter-spacing:0;border:1px solid #35536b;background:#112a3b;padding:6px 12px;border-radius:20px;white-space:nowrap}.xc-stab-v2 .xc-stab-alarm-note{font-size:12px;color:var(--xs-muted);line-height:1.65;margin:0 0 14px}.xc-stab-alarm-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:14px}
.xc-stab-v2 button.xc-stab-alarm-tab{min-height:132px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;padding:14px 12px;gap:5px;background:#0e2032;border:1px solid #29435a;border-radius:10px;position:relative;overflow:hidden;white-space:normal;min-width:0}.xc-stab-alarm-tab .xc-stab-alarm-number{position:absolute;right:9px;top:3px;font-size:40px;font-weight:700;line-height:1.2;color:#29455b;pointer-events:none}.xc-stab-alarm-tab .xc-stab-alarm-label{position:relative;font-size:12px;color:var(--xs-muted)}.xc-stab-alarm-tab strong{position:relative;font-size:15px;color:#dceafa;font-weight:600;overflow-wrap:anywhere}.xc-stab-alarm-tab small{font-size:12px;color:var(--xs-muted);text-wrap:pretty;overflow-wrap:anywhere}.xc-stab-v2 button.xc-stab-alarm-tab:hover{background:#163147;border-color:#568a9f}.xc-stab-v2 button.xc-stab-alarm-tab.is-selected{border-color:#60d7c0;box-shadow:inset 0 -3px #60d7c0;background:linear-gradient(135deg,#19453f,#122938)}.xc-stab-alarm-tab.has-fault strong{color:var(--xs-amber)}.xc-stab-v2 button.xc-stab-alarm-tab.has-fault.is-selected{border-color:#e7b66f;box-shadow:inset 0 -3px #e7b66f;background:linear-gradient(135deg,#383025,#172733)}
.xc-stab-alarm-detail{border:1px solid #315169;border-radius:12px;background:linear-gradient(135deg,#132b3d,#101f31);padding:20px}.xc-stab-alarm-detail:focus-visible{outline:2px solid var(--xs-accent);outline-offset:3px}.xc-stab-alarm-detail-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}.xc-stab-alarm-detail h4{margin:0;font-size:16px;font-weight:600;color:var(--xs-text)}.xc-stab-alarm-detail-head>span{font-size:12px;color:var(--xs-muted)}.xc-stab-alarm-snapshot{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.xc-stab-alarm-snapshot>div{min-width:0;border-left:2px solid #385e76;padding:3px 12px;background:#0b1b292b}.xc-stab-alarm-snapshot>div>span{font-size:12px;color:var(--xs-muted)}.xc-stab-alarm-snapshot strong{font-size:23px;font-weight:550;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.xc-stab-alarm-snapshot small{font-size:12px;color:var(--xs-muted);margin-left:6px}.xc-stab-alarm-snapshot .xc-stab-snapshot-time{display:block;font-size:11px;margin:3px 0 5px;overflow-wrap:anywhere}.xc-stab-alarm-detail .xc-stab-alarm-note{margin:16px 0 0;border-top:1px solid #294054;padding-top:12px}
.xc-stab-v2:fullscreen{padding:26px 4vw}.xc-stab-v2:fullscreen .xc-stab-energy{margin-top:0}.xc-stab-v2:fullscreen .xc-stab-voltage{min-height:220px}.xc-stab-v2:fullscreen .xc-stab-cabinet{height:205px;width:180px}.xc-stab-v2:fullscreen .xc-stab-sync{margin-bottom:10px}
@keyframes xc-stab-value-in{0%{transform:translateY(5px);opacity:.4;text-shadow:0 0 20px #6debd6}100%{transform:translateY(0);opacity:1;text-shadow:none}}
@keyframes xc-stab-detail-in{from{transform:translateY(6px);opacity:.5}to{transform:translateY(0);opacity:1}}
@keyframes xc-stab-sync-pass{0%{transform:translateX(-110%);opacity:0}20%{opacity:1}90%{opacity:1}100%{transform:translateX(440%);opacity:0}}
@container(max-width:720px){.xc-stab-v2 .xc-stab-alarm-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.xc-stab-v2 .xc-stab-alarm-snapshot{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container(max-width:400px){.xc-stab-v2 .xc-stab-alarm-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.xc-stab-v2 .xc-stab-alarm-snapshot{grid-template-columns:minmax(0,1fr)}.xc-stab-v2 .xc-stab-alarm-detail{padding:14px}.xc-stab-v2 .xc-stab-header h2{font-size:22px}.xc-stab-v2 .xc-stab-alarm-tab{min-height:118px}.xc-stab-alarms .xc-stab-section-title{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.xc-stab-v2{padding:16px}}
@media(prefers-reduced-motion:reduce){.xc-stab-v2 *,.xc-stab-v2 *:before,.xc-stab-v2 *:after{animation:none!important;transition:none!important}}