.device-stats[data-v-690c4c77]{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:10px}.device-overview[data-v-690c4c77]{display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;gap:12px}.overview-card[data-v-690c4c77]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:10px;padding:0 12px 4px 12px;border-radius:10px;min-height:51px;overflow:hidden}.overview-icon[data-v-690c4c77]{width:44px;height:44px;background-position:50%;background-repeat:no-repeat;-ms-flex:0 0 auto;flex:0 0 auto}.overview-icon--online[data-v-690c4c77]{border-color:rgba(43,230,255,.35);background:radial-gradient(circle at 30% 30%,rgba(43,230,255,.22),rgba(43,230,255,.06))}.overview-main[data-v-690c4c77]{min-width:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:4px}.overview-title[data-v-690c4c77]{font-size:14px;color:hsla(0,0%,100%,.72);white-space:nowrap}.overview-value[data-v-690c4c77]{display:-ms-flexbox;display:flex;-ms-flex-align:baseline;align-items:baseline;gap:6px;white-space:nowrap}.overview-num[data-v-690c4c77]{font-size:16px;font-weight:700;color:hsla(0,0%,100%,.95);line-height:1;letter-spacing:.5px}.overview-unit[data-v-690c4c77]{font-size:12px;color:hsla(0,0%,100%,.75)}.device-type-row[data-v-690c4c77]{display:-ms-grid;display:grid;gap:5px}.type-card[data-v-690c4c77]{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.1);border-radius:4px;padding:5px 8px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;gap:3px;overflow:hidden;min-height:110px}.type-icon[data-v-690c4c77]{width:46px;height:32px;border-radius:8px;background-position:50%;background-repeat:no-repeat;-ms-flex:0 0 auto;flex:0 0 auto}.type-name[data-v-690c4c77]{font-size:11px;color:hsla(0,0%,100%,.92);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;text-align:center}.type-metrics[data-v-690c4c77]{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%}.metric[data-v-690c4c77]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:3px;white-space:nowrap;width:100%}.dot[data-v-690c4c77]{width:5px;height:5px;border-radius:999px;-ms-flex:0 0 auto;flex:0 0 auto}.dot--online[data-v-690c4c77]{background:#4ade80;box-shadow:0 0 0 2px rgba(74,222,128,.12)}.dot--offline[data-v-690c4c77]{background:#9ca3af;box-shadow:0 0 0 2px rgba(156,163,175,.12)}.dot--fault[data-v-690c4c77]{background:#f87171;box-shadow:0 0 0 2px rgba(248,113,113,.12)}.metric-label[data-v-690c4c77]{color:hsla(0,0%,100%,.65);font-size:10px;-ms-flex:0 0 auto;flex:0 0 auto}.metric-value[data-v-690c4c77]{margin-left:auto;color:hsla(0,0%,100%,.9)}.direct-flv-player[data-v-639ca099]{position:relative;width:100%;height:100%;background:#000}.direct-flv-player__video[data-v-639ca099]{width:100%;height:100%;object-fit:cover;display:block}.direct-flv-player__status[data-v-639ca099]{position:absolute;inset:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:8px;color:rgba(219,234,254,.92);font-size:12px;line-height:1.4;text-align:center;background:rgba(0,0,0,.28)}.camera-stream-menu-portal[data-v-bfdfa3c2]{position:fixed;padding:4px;border-radius:8px;border:1px solid rgba(111,163,255,.28);background:linear-gradient(180deg,rgba(22,32,50,.98),rgba(14,22,36,.99));box-shadow:0 10px 24px rgba(0,0,0,.42),0 0 0 1px rgba(111,163,255,.08),inset 0 1px 0 hsla(0,0%,100%,.05);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);pointer-events:auto}.camera-stream-menu-portal__option[data-v-bfdfa3c2]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;width:100%;min-height:28px;padding:0 10px;border:none;border-radius:6px;background:transparent;color:rgba(220,232,248,.88);font-size:11px;line-height:1.2;text-align:left;cursor:pointer;transition:background .15s ease,color .15s ease}.camera-stream-menu-portal__option[data-v-bfdfa3c2]:hover{background:rgba(111,163,255,.14);color:rgba(244,248,255,.98)}.camera-stream-menu-portal__option--active[data-v-bfdfa3c2]{background:rgba(111,163,255,.22);color:#f4f8ff}.camera-stream-menu-portal__option-text[data-v-bfdfa3c2]{-ms-flex:1 1 auto;flex:1 1 auto}.camera-stream-menu-portal__option-check[data-v-bfdfa3c2]{-ms-flex-negative:0;flex-shrink:0;width:6px;height:6px;margin-left:8px;border-radius:50%;background:#6fa3ff;box-shadow:0 0 6px rgba(111,163,255,.75)}.panel-section[data-v-383b39d4]{border-radius:6px}.panel-section-cameras[data-v-383b39d4]{margin-top:6px}.section-title[data-v-383b39d4]{font-size:14px;font-weight:400;color:hsla(0,0%,100%,.85);margin-bottom:10px;position:relative;padding-left:12px}.section-title[data-v-383b39d4]:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:16px;border-radius:2px;background:#bff3ff}.section-title-row[data-v-383b39d4]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;gap:10px;padding:0 0 10px 0}.section-title-row .section-title[data-v-383b39d4]{margin-bottom:0}.section-action[data-v-383b39d4]{background:transparent;border:none;padding:0;font-size:12px;color:#6fa3ff;cursor:pointer}.section-action[data-v-383b39d4]:hover{color:#6fa3ff;text-decoration:underline}.camera-block[data-v-383b39d4]{padding:0 0 10px}.camera-grid[data-v-383b39d4]{display:-ms-grid;display:grid;-ms-grid-columns:(minmax(0,1fr))[2];grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.camera-toggle-row[data-v-383b39d4]{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin-top:10px;padding-top:10px;border-top:1px dashed hsla(0,0%,100%,.12)}.camera-toggle-btn[data-v-383b39d4]{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:6px;min-height:30px;padding:0 14px 0 12px;border-radius:999px;border:1px solid rgba(160,191,230,.3);background:linear-gradient(180deg,rgba(96,122,168,.28),rgba(72,94,132,.18));color:rgba(220,234,255,.92);font-size:12px;line-height:1;font-weight:500;letter-spacing:.03em;cursor:pointer;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.07);transition:border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease}.camera-toggle-btn[data-v-383b39d4]:hover{border-color:rgba(111,163,255,.55);background:linear-gradient(180deg,rgba(111,163,255,.32),rgba(111,163,255,.16));color:rgba(244,248,255,.98);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.1),0 0 0 1px rgba(111,163,255,.12)}.camera-toggle-chevron[data-v-383b39d4]{-ms-flex-negative:0;flex-shrink:0;width:5px;height:5px;margin-right:1px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);opacity:.88;transition:transform .22s ease,opacity .18s ease}.camera-toggle-chevron--up[data-v-383b39d4]{transform:rotate(225deg);margin-top:1px}.camera-toggle-label[data-v-383b39d4]{-ms-flex-negative:0;flex-shrink:0}.camera-toggle-badge[data-v-383b39d4]{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:1px;border-radius:999px;font-size:10px;font-weight:600;line-height:1;color:rgba(236,244,255,.95);background:rgba(111,163,255,.35);border:1px solid rgba(168,204,255,.28)}.camera-item[data-v-383b39d4]{position:relative;border:1px solid hsla(0,0%,100%,.16);border-radius:6px;overflow:visible;background:rgba(10,18,28,.65)}.camera-preview[data-v-383b39d4]{position:relative;height:112px;background:rgba(0,0,0,.35);border-radius:6px 6px 0 0;overflow:hidden}.camera-preview[data-v-383b39d4] .ws-player-content{width:100%;height:100%}.camera-preview[data-v-383b39d4] .ws-player .wsplayer-item.selected,.camera-preview[data-v-383b39d4] .ws-player .wsplayer-item.unselected{border:none!important}.camera-placeholder[data-v-383b39d4]{width:100%;height:100%;-ms-flex-pack:center;justify-content:center;font-size:12px;color:hsla(0,0%,100%,.38)}.camera-footer[data-v-383b39d4],.camera-placeholder[data-v-383b39d4]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.camera-footer[data-v-383b39d4]{position:relative;z-index:1;height:30px;-ms-flex-pack:justify;justify-content:space-between;padding:0 8px;background:linear-gradient(180deg,hsla(0,0%,100%,.06),rgba(0,0,0,.08));border-radius:0 0 6px 6px}.camera-name[data-v-383b39d4]{-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;font-size:12px;color:hsla(0,0%,100%,.86);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stream-picker[data-v-383b39d4]{position:relative;-ms-flex:0 0 auto;flex:0 0 auto}.stream-picker__trigger[data-v-383b39d4]{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:4px;height:22px;padding:0 8px 0 10px;border-radius:999px;border:1px solid rgba(111,163,255,.32);background:linear-gradient(180deg,rgba(58,78,112,.55),rgba(34,48,72,.72));color:rgba(232,242,255,.96);font-size:11px;line-height:1;cursor:pointer;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.08);transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.stream-picker__trigger--open[data-v-383b39d4],.stream-picker__trigger[data-v-383b39d4]:hover{border-color:rgba(111,163,255,.58);background:linear-gradient(180deg,rgba(78,108,156,.62),rgba(46,64,96,.78));box-shadow:inset 0 1px 0 hsla(0,0%,100%,.1),0 0 0 1px rgba(111,163,255,.12)}.stream-picker__label[data-v-383b39d4]{max-width:56px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stream-picker__chevron[data-v-383b39d4]{-ms-flex-negative:0;flex-shrink:0;width:0;height:0;margin-top:1px;border-left:3.5px solid transparent;border-right:3.5px solid transparent;border-top:4px solid rgba(168,204,255,.92);transition:transform .18s ease}.stream-picker__trigger--open .stream-picker__chevron[data-v-383b39d4]{transform:rotate(180deg)}.camera-empty[data-v-383b39d4]{height:110px;border:1px dashed hsla(0,0%,100%,.2);border-radius:6px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:hsla(0,0%,100%,.45);font-size:12px;margin-bottom:10px}