.data-card[data-v-63a00e58]{margin-left:10px;margin-right:10px;margin-bottom:25px;background-color:var(--v-primary-base);border-radius:12px;-webkit-box-shadow:0 5px 5px 0 #334079;box-shadow:0 5px 5px 0 #334079}.block-name[data-v-63a00e58]{font-weight:bolder;font-size:18px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-top:10px}.device-header[data-v-63a00e58]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;padding:10px 20px 10px 20px;-ms-flex-wrap:wrap;flex-wrap:wrap}.device-name[data-v-63a00e58]{font-size:medium;font-weight:500}.device-status-badge[data-v-63a00e58]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;padding:2px 10px;border-radius:12px;font-size:11px;font-weight:600;letter-spacing:.3px}.device-status-badge.connected[data-v-63a00e58]{background:rgba(76,175,80,.15);color:#4caf50;border:1px solid rgba(76,175,80,.3)}.device-status-badge.disconnected[data-v-63a00e58]{background:rgba(239,83,80,.15);color:#ef5350;border:1px solid rgba(239,83,80,.3)}.device-status-badge.disconnected[data-v-63a00e58],.device-status-badge.stale[data-v-63a00e58]{-webkit-animation:pulse-badge-63a00e58 2s ease-in-out infinite;animation:pulse-badge-63a00e58 2s ease-in-out infinite}.device-status-badge.stale[data-v-63a00e58]{background:rgba(255,183,77,.15);color:#ffb74d;border:1px solid rgba(255,183,77,.3)}.status-icon[data-v-63a00e58]{font-size:14px!important;margin:0}.status-card[data-v-63a00e58]{border-radius:10px;height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--v-primary-darken1)}.status-container[data-v-63a00e58]{padding-left:20px;padding-bottom:20px;padding-right:20px}.status-on[data-v-63a00e58]{border:3px solid #3cb371}.status-off[data-v-63a00e58]{border:3px solid #ff5252}.no-status[data-v-63a00e58]{border:3px solid #9e9e9e}.truncate[data-v-63a00e58]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;padding-left:5px;padding-right:5px;font-size:14px}@-webkit-keyframes pulse-badge-63a00e58{0%,to{opacity:1}50%{opacity:.6}}@keyframes pulse-badge-63a00e58{0%,to{opacity:1}50%{opacity:.6}}.legend[data-v-7d87f311]{padding:5px;max-width:12px;width:12px;height:12px}.square-legend[data-v-7d87f311]{border-radius:2px}.box-legend[data-v-7d87f311]{border-radius:2px;border:1px solid #818fff}.circle-legend[data-v-7d87f311]{border-radius:50%}.textPosition[data-v-7d87f311]{margin-right:15px;margin-top:-4px;margin-left:6px}.legend-container[data-v-693d7d7c]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.container-height[data-v-693d7d7c]{height:70vh;overflow-y:auto}.mqtt-banner[data-v-693d7d7c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;font-size:13px;font-weight:600;padding:10px 16px;border-radius:8px;margin-bottom:10px;backdrop-filter:blur(8px);-webkit-box-shadow:0 2px 12px rgba(0,0,0,.15);box-shadow:0 2px 12px rgba(0,0,0,.15)}.mqtt-banner.offline[data-v-693d7d7c]{background:linear-gradient(135deg,rgba(239,83,80,.15),rgba(239,83,80,.08));color:#ef5350;border:1px solid rgba(239,83,80,.3)}.mqtt-banner.stale[data-v-693d7d7c]{background:linear-gradient(135deg,rgba(255,183,77,.15),rgba(255,183,77,.08));color:#ffb74d;border:1px solid rgba(255,183,77,.3)}.mqtt-banner.reconnecting[data-v-693d7d7c]{background:linear-gradient(135deg,rgba(66,165,245,.15),rgba(66,165,245,.08));color:#42a5f5;border:1px solid rgba(66,165,245,.3)}.banner-icon[data-v-693d7d7c]{font-size:16px!important;opacity:.9}.banner-text[data-v-693d7d7c]{-webkit-box-flex:1;-ms-flex:1;flex:1}.status-dot[data-v-693d7d7c]{width:8px;height:8px;border-radius:50%;-ms-flex-negative:0;flex-shrink:0}.status-dot.offline[data-v-693d7d7c]{background:#ef5350;-webkit-box-shadow:0 0 6px rgba(239,83,80,.6);box-shadow:0 0 6px rgba(239,83,80,.6)}.status-dot.stale[data-v-693d7d7c]{background:#ffb74d;-webkit-box-shadow:0 0 6px rgba(255,183,77,.6);box-shadow:0 0 6px rgba(255,183,77,.6);-webkit-animation:pulse-stale-693d7d7c 2s ease-in-out infinite;animation:pulse-stale-693d7d7c 2s ease-in-out infinite}.status-dot.reconnecting[data-v-693d7d7c]{background:#42a5f5;-webkit-box-shadow:0 0 6px rgba(66,165,245,.6);box-shadow:0 0 6px rgba(66,165,245,.6);-webkit-animation:pulse-reconnect-693d7d7c 1s ease-in-out infinite;animation:pulse-reconnect-693d7d7c 1s ease-in-out infinite}.live-indicator[data-v-693d7d7c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;gap:6px;padding:4px 12px;margin-bottom:6px}.live-dot[data-v-693d7d7c]{width:8px;height:8px;border-radius:50%;background:#4caf50;-webkit-box-shadow:0 0 8px rgba(76,175,80,.6);box-shadow:0 0 8px rgba(76,175,80,.6);-webkit-animation:pulse-live-693d7d7c 2s ease-in-out infinite;animation:pulse-live-693d7d7c 2s ease-in-out infinite}.live-text[data-v-693d7d7c]{font-size:11px;font-weight:600;color:#4caf50;text-transform:uppercase;letter-spacing:.5px}@-webkit-keyframes pulse-live-693d7d7c{0%,to{opacity:1;-webkit-box-shadow:0 0 8px rgba(76,175,80,.6);box-shadow:0 0 8px rgba(76,175,80,.6)}50%{opacity:.6;-webkit-box-shadow:0 0 4px rgba(76,175,80,.3);box-shadow:0 0 4px rgba(76,175,80,.3)}}@keyframes pulse-live-693d7d7c{0%,to{opacity:1;-webkit-box-shadow:0 0 8px rgba(76,175,80,.6);box-shadow:0 0 8px rgba(76,175,80,.6)}50%{opacity:.6;-webkit-box-shadow:0 0 4px rgba(76,175,80,.3);box-shadow:0 0 4px rgba(76,175,80,.3)}}@-webkit-keyframes pulse-stale-693d7d7c{0%,to{opacity:1}50%{opacity:.4}}@keyframes pulse-stale-693d7d7c{0%,to{opacity:1}50%{opacity:.4}}@-webkit-keyframes pulse-reconnect-693d7d7c{0%,to{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(1.3);transform:scale(1.3);opacity:.7}}@keyframes pulse-reconnect-693d7d7c{0%,to{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(1.3);transform:scale(1.3);opacity:.7}}.spin[data-v-693d7d7c]{-webkit-animation:spin-693d7d7c 1s linear infinite;animation:spin-693d7d7c 1s linear infinite}@-webkit-keyframes spin-693d7d7c{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin-693d7d7c{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.slide-fade-enter-active[data-v-693d7d7c]{-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.slide-fade-leave-active[data-v-693d7d7c]{-webkit-transition:all .2s ease-in;transition:all .2s ease-in}.slide-fade-enter[data-v-693d7d7c]{-webkit-transform:translateY(-10px);transform:translateY(-10px);opacity:0}.slide-fade-leave-to[data-v-693d7d7c]{-webkit-transform:translateY(-5px);transform:translateY(-5px);opacity:0}