.device-detail[data-v-69f6bf8d]{position:absolute;inset:118px 24px 24px;display:grid;grid-template-columns:1fr 420px;grid-template-rows:42px 214px 188px 1fr;gap:12px}.device-breadcrumb[data-v-69f6bf8d]{grid-column:1/-1;grid-row:1;display:flex;align-items:center;gap:11px;color:#587f9f;font-size:10px}.device-breadcrumb button[data-v-69f6bf8d]{height:30px;padding:0 13px;color:#81a8c6;border:1px solid rgba(68,133,193,.28);background:rgba(8,38,76,.7);cursor:pointer}.device-breadcrumb strong[data-v-69f6bf8d]{color:#e0eff8;font-size:12px}.device-breadcrumb em[data-v-69f6bf8d]{padding:3px 8px;font-size:8px;font-style:normal;border:1px solid currentColor}.device-hero[data-v-69f6bf8d]{grid-column:1;grid-row:2;display:grid;grid-template-columns:300px 1fr 260px;align-items:center;overflow:hidden}.device-visual[data-v-69f6bf8d]{position:relative;height:100%;display:grid;place-content:center;text-align:center;border-right:1px solid rgba(58,126,187,.16)}.device-rings[data-v-69f6bf8d],.device-rings i[data-v-69f6bf8d]{position:absolute;inset:50% auto auto 50%;border:1px solid rgba(65,218,214,.2);border-radius:50%;transform:translate(-50%,-50%)}.device-rings[data-v-69f6bf8d]{width:172px;height:172px}.device-rings i[data-v-69f6bf8d]:first-child{width:136px;height:136px;animation:device-spin-69f6bf8d 12s linear infinite;border-style:dashed}.device-rings i[data-v-69f6bf8d]:nth-child(2){width:104px;height:104px;border-color:rgba(239,201,71,.2)}.device-rings i[data-v-69f6bf8d]:nth-child(3){width:76px;height:76px;box-shadow:inset 0 0 22px rgba(56,202,211,.1)}.device-glyph[data-v-69f6bf8d]{position:relative;z-index:2;width:50px;height:64px;margin:0 auto 9px;border:2px solid #46ded2;background:linear-gradient(150deg,rgba(51,207,205,.22),rgba(8,44,78,.3));box-shadow:0 0 18px rgba(70,222,210,.22)}.device-glyph.battery[data-v-69f6bf8d],.device-glyph.bms[data-v-69f6bf8d],.device-glyph.pcs[data-v-69f6bf8d]{border-color:#ff8e5c;box-shadow:0 0 18px rgba(255,129,75,.23)}.device-glyph b[data-v-69f6bf8d]{position:absolute;left:8px;right:8px;height:4px;background:currentColor;opacity:.52}.device-glyph b[data-v-69f6bf8d]:first-child{top:12px}.device-glyph b[data-v-69f6bf8d]:nth-child(2){top:27px}.device-glyph b[data-v-69f6bf8d]:nth-child(3){top:42px}.device-visual>span[data-v-69f6bf8d]{position:relative;z-index:2;color:#507a99;font-size:7px;letter-spacing:1px}.device-visual>strong[data-v-69f6bf8d]{position:relative;z-index:2;margin-top:3px;color:#80b8ce;font:700 9px Consolas,monospace}.device-identity[data-v-69f6bf8d]{padding:0 36px}.device-identity>span[data-v-69f6bf8d]{color:#4c7696;font:700 9px Consolas,monospace;letter-spacing:1px}.device-identity h1[data-v-69f6bf8d]{margin:9px 0 8px;color:#e7f4fc;font-size:24px}.device-identity p[data-v-69f6bf8d]{margin:0;color:#7b9db7;font-size:11px}.device-identity>div[data-v-69f6bf8d]{margin-top:24px;color:#5e86a5;font-size:9px}.device-identity>div i[data-v-69f6bf8d]{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:#46ddc9;box-shadow:0 0 8px #46ddc9}.device-health[data-v-69f6bf8d]{padding:0 30px;text-align:center;border-left:1px solid rgba(58,126,187,.16)}.device-health span[data-v-69f6bf8d]{display:block;color:#6c91ac;font-size:9px}.device-health strong[data-v-69f6bf8d]{color:#48dfd2;font:700 44px Consolas,monospace}.device-storage .device-health strong[data-v-69f6bf8d]{color:#ff9160}.device-health em[data-v-69f6bf8d]{color:#527796;font-size:10px;font-style:normal}.device-health i[data-v-69f6bf8d]{--health:90%;display:block;width:180px;height:5px;margin:15px auto 0;background:linear-gradient(90deg,#42d9cd var(--health),rgba(76,124,163,.2) var(--health));box-shadow:0 0 8px rgba(66,217,205,.2)}.device-metrics[data-v-69f6bf8d]{grid-column:1;grid-row:3}.device-metric-grid[data-v-69f6bf8d]{height:154px;padding:14px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;box-sizing:border-box}.device-metric-grid>div[data-v-69f6bf8d]{padding:15px;border:1px solid rgba(59,127,187,.18);background:linear-gradient(125deg,rgba(22,74,116,.4),rgba(5,28,63,.15))}.device-metric-grid em[data-v-69f6bf8d],.device-metric-grid span[data-v-69f6bf8d],.device-metric-grid strong[data-v-69f6bf8d]{display:block}.device-metric-grid span[data-v-69f6bf8d]{color:#6389a8;font-size:9px}.device-metric-grid strong[data-v-69f6bf8d]{margin-top:10px;color:#48dfd2;font:700 19px Consolas,monospace}.device-storage .device-metric-grid strong[data-v-69f6bf8d]{color:#ff9060}.device-metric-grid em[data-v-69f6bf8d]{margin-top:8px;color:#466c8d;font-size:7px;font-style:normal}.device-trend[data-v-69f6bf8d]{grid-column:1;grid-row:4}.device-events[data-v-69f6bf8d]{grid-column:2;grid-row:2/4}.device-events ul[data-v-69f6bf8d]{margin:0;padding:20px 18px;list-style:none}.device-events li[data-v-69f6bf8d]{min-height:76px;display:grid;grid-template-columns:58px 12px 1fr;gap:9px;position:relative}.device-events time[data-v-69f6bf8d]{color:#517998;font:9px Consolas,monospace}.device-events li>i[data-v-69f6bf8d]{width:6px;height:6px;border:1px solid #45daca;border-radius:50%;box-shadow:0 0 7px rgba(69,218,202,.35)}.device-events li[data-v-69f6bf8d]:after{content:"";position:absolute;left:73px;top:12px;bottom:0;width:1px;background:rgba(72,129,177,.25)}.device-events li[data-v-69f6bf8d]:last-child:after{display:none}.device-events li.warning>i[data-v-69f6bf8d]{border-color:#f2ca4d;box-shadow:0 0 7px #f2ca4d}.device-events span[data-v-69f6bf8d],.device-events strong[data-v-69f6bf8d]{display:block}.device-events strong[data-v-69f6bf8d]{color:#cbe2f1;font-size:10px}.device-events span[data-v-69f6bf8d]{margin-top:7px;color:#6386a3;font-size:8px;line-height:1.5}.device-control[data-v-69f6bf8d]{grid-column:2;grid-row:4;padding:0 16px}.device-control>p[data-v-69f6bf8d]{margin:13px 0;color:#5b809f;font-size:8px}.device-control>button[data-v-69f6bf8d]{width:100%;height:38px;margin-bottom:8px;display:flex;align-items:center;color:#8dadc4;border:1px solid rgba(65,131,190,.25);background:rgba(9,40,77,.65);cursor:pointer}.device-control>button i[data-v-69f6bf8d]{width:5px;height:5px;margin:0 10px;background:#45dccc;box-shadow:0 0 6px #45dccc;transform:rotate(45deg)}.device-control>button em[data-v-69f6bf8d]{margin-left:auto;margin-right:10px;color:#466f91;font-size:7px;font-style:normal}.operation-log[data-v-69f6bf8d]{margin-top:12px;padding-top:10px;border-top:1px solid rgba(61,126,185,.15)}.operation-log>strong[data-v-69f6bf8d]{color:#8caac0;font-size:9px}.operation-log ul[data-v-69f6bf8d]{margin:8px 0 0;padding:0;list-style:none}.operation-log li[data-v-69f6bf8d]{display:grid;grid-template-columns:58px 1fr auto;color:#6a8da7;font-size:8px}.operation-log li em[data-v-69f6bf8d]{color:#45dcc8;font-style:normal}.operation-log p[data-v-69f6bf8d]{color:#486e8d;font-size:8px}@keyframes device-spin-69f6bf8d{to{transform:translate(-50%,-50%) rotate(1turn)}}