.mi-live-monitor{position:relative;z-index:1;margin:15px 0 12px;padding:12px;border:1px solid #58bfff4a;border-radius:11px;background:linear-gradient(145deg,#031c48cc,#0751a9b8);box-shadow:inset 0 0 28px #1b8cff1c}
.mi-live-flow{display:grid;grid-template-columns:repeat(5,1fr);align-items:center;gap:5px;margin-bottom:12px}
.mi-live-flow span{position:relative;padding:7px 3px;border:1px solid #77c9ff30;border-radius:7px;background:#ffffff0b;color:#a9d6ff;font-size:6px;text-align:center;text-transform:uppercase}
.mi-live-flow span:not(:last-child):after{content:'›';position:absolute;right:-7px;top:4px;color:#58caff;font-size:13px;z-index:2}
.mi-live-result{min-height:116px;padding:13px;border:1px solid var(--slide-color,#43c4ff);border-radius:10px;background:linear-gradient(135deg,#ffffff12,#ffffff06);transition:opacity .22s,transform .22s}
.mi-live-result.switching{opacity:.15;transform:translateY(5px)}
.mi-live-result header{display:flex;justify-content:space-between;gap:8px;align-items:center}
.mi-live-result header span{color:#8ed5ff;font-size:7px;font-weight:800;letter-spacing:1px}
.mi-live-result header b{padding:4px 7px;border-radius:9px;background:#25d49a24;color:#65efbf;font-size:7px}
.mi-live-result h3{margin:9px 0 5px;color:#fff;font:800 15px Manrope}
.mi-live-result p{min-height:28px;margin:0;color:#c7e2ff;font-size:8px;line-height:1.45}
.mi-live-result footer{display:flex;align-items:flex-end;justify-content:space-between;margin-top:9px}
.mi-live-result strong{color:var(--slide-color,#58d7ff);font:800 22px Manrope}
.mi-live-result button{border:1px solid #89ceff55;border-radius:6px;background:#ffffff12;color:#fff;padding:6px 9px;font:700 7px Inter;cursor:pointer}
.mi-live-result button:hover{background:#1679df}
.mi-live-dots{display:flex;justify-content:center;gap:5px;margin-top:9px}
.mi-live-dots i{width:5px;height:5px;border-radius:50%;background:#ffffff35}
.mi-live-dots i.active{width:18px;border-radius:5px;background:#58d7ff}
.mi-live-pulse{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#41e7af;box-shadow:0 0 0 0 #41e7af80;animation:miLivePulse 1.5s infinite}
.mi-source[data-source]{grid-template-columns:88px minmax(0,1fr) auto;min-height:58px;padding:6px 9px}
.mi-source[data-source]>i{width:82px;height:46px;border:1px solid #dce8f4;border-radius:7px;background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:cover;box-shadow:0 3px 10px #16365d18;color:transparent;font-size:0}
.mi-source[data-source="0"]>i{background-image:url("assets/workspace-panels/ue-360.png")}
.mi-source[data-source="1"]>i{background-image:url("assets/workspace-panels/rail-surface.png")}
.mi-source[data-source="2"]>i{background-image:url("assets/workspace-panels/intrusion-perimeter.png")}
.mi-source[data-source="3"]>i{background-image:url("assets/workspace-panels/vibration.png")}
.mi-source[data-source="4"]>i{background-image:url("assets/workspace-panels/slope-tilt.png")}
.mi-source[data-source="5"]>i{background-image:url("assets/workspace-panels/water-drainage.png")}
.mi-source[data-source="6"]>i{background-image:url("assets/workspace-panels/signalling.png")}
@keyframes miLivePulse{70%{box-shadow:0 0 0 7px transparent}}
@media(max-width:850px){.mi-live-result{min-height:104px}.mi-live-flow span{font-size:5px}}