.crm-app .mq-module .mm-dashboard{min-width:0;border:1px solid var(--mq-border);border-top:3px solid #7de6db;border-radius:20px;padding:26px;background:linear-gradient(140deg,#112c39,#0c222e);color:var(--mq-text)}
.crm-app .mq-module .mm-toolbar,.crm-app .mq-module .mm-section-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.crm-app .mq-module .mm-toolbar p,.crm-app .mq-module .mm-section-title p{font-size:12px;color:#a7c7d6;margin-top:7px;overflow-wrap:anywhere}.crm-app .mq-module .mm-actions{display:flex;gap:8px}
.crm-app .mq-module .mm-navigation{display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 22px}.crm-app .mq-module .mm-navigation button{display:flex;align-items:center;gap:9px;background:#153948;border:1px solid #477284;color:#c5dee7;padding:15px 18px;border-radius:12px;font-weight:750;font-size:14px}.crm-app .mq-module .mm-navigation button.selected{background:linear-gradient(130deg,#16546a,#1b4b4d);border-color:#7ddcdb;color:#edfcff;box-shadow:inset 0 -3px #80e2d7}
.crm-app .mq-module .mq-query-panel[hidden]{display:none!important}
.crm-app .mq-module .mm-read-status{display:flex;gap:12px;align-items:center;background:#153644;border:1px solid #446773;border-radius:12px;padding:15px;margin-bottom:20px;color:#bdd6e0}.crm-app .mq-module .mm-read-status>svg{flex-shrink:0}.crm-app .mq-module .mm-read-status.ok{background:#113d36;border-color:#367d68;color:#93e9c6}.crm-app .mq-module .mm-read-status.warn{background:#453823;border-color:#96753d;color:#ffdc98}.crm-app .mq-module .mm-read-status strong{font-size:13px}.crm-app .mq-module .mm-read-status small{display:block;font-size:11px;margin-top:5px;color:#bbd3dd}.crm-app .mq-module .mm-read-status>span{margin-left:auto;font-size:12px}
.crm-app .mq-module .mm-system-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0}.crm-app .mq-module .mm-stat{min-width:0;border:1px solid #3b6c7c;border-top:3px solid #60cee7;background:linear-gradient(135deg,#184354,#132c3a);padding:20px;border-radius:15px}.crm-app .mq-module .mm-stat span{font-size:12px;color:#b9d4e0;font-weight:700}.crm-app .mq-module .mm-stat strong{display:block;color:#7bdff7;font-size:clamp(22px,2vw,31px);line-height:1.2;margin:10px 0;overflow-wrap:anywhere}.crm-app .mq-module .mm-stat small{display:block;color:#aac7d2;font-size:11px}.crm-app .mq-module .mm-stat.purple{border-top-color:#bea4f8;background:linear-gradient(135deg,#313953,#192b3b)}.crm-app .mq-module .mm-stat.purple strong{color:#c5aff8}.crm-app .mq-module .mm-stat.amber{border-top-color:#f4c46e;background:linear-gradient(135deg,#3c382b,#192d38)}.crm-app .mq-module .mm-stat.amber strong{color:#ffcf77}.crm-app .mq-module .mm-stat.green{border-top-color:#79e6b5;background:linear-gradient(135deg,#174439,#142c36)}.crm-app .mq-module .mm-stat.green strong{color:#8debc3;font-size:24px}
.crm-app .mq-module .mm-device-line{display:flex;flex-wrap:wrap;gap:12px 28px;color:#9fc1d1;font-size:12px;margin-bottom:25px}.crm-app .mq-module .mm-device-line b{color:#d5e9f1;margin-left:5px}
.crm-app .mq-module .mm-rack{background:linear-gradient(160deg,#1a3542,#081c27);border:1px solid #557d8c;border-radius:16px;padding:23px;box-shadow:inset 0 1px #87b4c41a,0 12px 24px #0002;margin:20px 0 26px}.crm-app .mq-module .mm-rack-title{display:flex;align-items:center;gap:14px;padding-bottom:18px;border-bottom:1px solid #345768;color:#8adbdc}.crm-app .mq-module .mm-rack-title h3{font-size:19px;color:#e0eff5}.crm-app .mq-module .mm-rack-title p{font-size:12px;color:#aac7d4;margin-top:6px}.crm-app .mq-module .mm-rack-count{margin-left:auto;font-size:12px;background:#133e4b;padding:8px 11px;border-radius:7px;white-space:nowrap}.crm-app .mq-module .mm-legend{display:flex;gap:15px;flex-wrap:wrap;margin:18px 0;font-size:11px}.crm-app .mq-module .mm-legend span{display:flex;align-items:center;gap:6px}.crm-app .mq-module .mm-legend i,.crm-app .mq-module .mm-port-led{display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor}.crm-app .mq-module .up{color:#7be5b7}.crm-app .mq-module .down,.crm-app .mq-module .warn{color:#ffd080}.crm-app .mq-module .disabled,.crm-app .mq-module .unknown{color:#a9bdc9}
.crm-app .mq-module .mm-ports{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.crm-app .mq-module .mm-port{position:relative;display:flex;flex-direction:column;align-items:stretch;text-align:left;gap:8px;border:1px solid #3c6676;border-radius:11px;background:#102b38;padding:13px;min-width:0;color:#adcad7}.crm-app .mq-module .mm-port.up{border-color:#327b68;background:linear-gradient(160deg,#153c36,#102b36);color:#78e5b5}.crm-app .mq-module .mm-port.down{border-color:#806335;background:linear-gradient(160deg,#3a3425,#172c35);color:#f8cb7e}.crm-app .mq-module .mm-port.disabled{background:#23323a;border-color:#4d626a;color:#a6b8c2}.crm-app .mq-module .mm-port.selected{outline:2px solid #77ddec;outline-offset:2px}.crm-app .mq-module .mm-port-label{display:flex;justify-content:space-between;align-items:center;gap:5px;font-size:12px;font-weight:800;color:#d0e5ed}.crm-app .mq-module .mm-port.up .mm-port-led{color:#65edb2;box-shadow:0 0 7px #65edb277}.crm-app .mq-module .mm-port.down .mm-port-led{color:#ffc86e}.crm-app .mq-module .mm-port-socket{width:90px;max-width:100%;height:50px;align-self:center;margin:2px 0}.crm-app .mq-module .mm-port strong{font-size:17px}.crm-app .mq-module .mm-port small{font-size:11px;color:#b6d1dc}.crm-app .mq-module .mm-port-name{font-size:11px;line-height:1.4;overflow-wrap:anywhere;color:#d5e5ef;min-height:30px}.crm-app .mq-module .mm-port-rates{font-size:10px;line-height:1.5;color:#a5c5d3;border-top:1px solid #315161;padding-top:9px;margin-top:auto}
.crm-app .mq-module .mm-port-inspector{margin-top:22px;border-top:1px solid #4d7887;padding-top:20px}.crm-app .mq-module .mm-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin:0}.crm-app .mq-module .mm-fields>div{min-width:0;padding:10px;border:1px solid #315363;border-radius:8px;background:#102936}.crm-app .mq-module .mm-fields dt{font-size:11px;color:#aacbd7}.crm-app .mq-module .mm-fields dd{color:#e1eff6;font-size:12px;font-weight:600;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
.crm-app .mq-module .mm-footnote{font-size:11px;color:#a4bfce;line-height:1.6;margin:15px 0}.crm-app .mq-module .mm-loading{padding:25px 18px;text-align:center;border:1px dashed #527284;border-radius:12px;color:#b8d0dc;font-size:13px;margin:14px 0}
.crm-app .mq-module .mm-traffic{border:1px solid #477786;border-radius:16px;padding:22px;background:#102d3b;margin:24px 0}.crm-app .mq-module .mm-traffic h3{font-size:21px}.crm-app .mq-module .mm-selectors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}.crm-app .mq-module .mm-selectors label{font-size:12px;color:#bad5e0;font-weight:700;min-width:0;display:flex;flex-direction:column;gap:8px}.crm-app .mq-module .mm-selectors select,.crm-app .mq-module .mm-selectors input{width:100%;min-width:0;border:1px solid #527d8c;border-radius:9px;background:#09222f;color:#deedf6;padding:11px;min-height:44px;font:inherit;color-scheme:dark}.crm-app .mq-module .mm-selectors option{background:#102d3b;color:#dfedf5}.crm-app .mq-module .mm-selectors input::placeholder{color:#91b2c2}
.crm-app .mq-module .mm-rate-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:22px 0}.crm-app .mq-module .mm-rate-cards>div{padding:20px;background:#07232f;border:1px solid #346f89;border-left:3px solid #56d3f6;border-radius:12px;color:#5bd8fc}.crm-app .mq-module .mm-rate-cards>div.tx{border-color:#827045;border-left-color:#ffcc72;color:#ffcc72}.crm-app .mq-module .mm-rate-cards span{font-size:13px}.crm-app .mq-module .mm-rate-cards strong{display:block;font-size:clamp(20px,2.4vw,32px);font-weight:850;margin-top:9px;overflow-wrap:anywhere}.crm-app .mq-module .mm-chart-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:11px;color:#b3cfdb;margin:15px 0}.crm-app .mq-module .mm-graph{display:block;width:100%;height:auto;overflow:visible;touch-action:pan-y}.crm-app .mq-module .mm-chart-readout{padding:12px;background:#163745;border:1px solid #486f80;border-radius:9px;color:#c3dce5;font-size:12px;min-height:43px}
.crm-app .mq-module .mm-sensors{border:1px solid #50758a;background:#172f41;border-radius:12px;margin:24px 0}.crm-app .mq-module .mm-sensors>summary{display:flex;align-items:center;gap:10px;padding:18px;color:#c9ddeb;font-weight:700;cursor:pointer}.crm-app .mq-module .mm-sensors>summary:after{content:'▾';margin-left:auto}.crm-app .mq-module .mm-sensor-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0 18px 18px}.crm-app .mq-module .mm-sensor{padding:14px;background:#102633;border:1px solid #3d6174;border-radius:10px}.crm-app .mq-module .mm-sensor span{font-size:11px;color:#b0c8d7}.crm-app .mq-module .mm-sensor strong{display:block;font-size:23px;color:#9fe3e5;margin-top:8px}.crm-app .mq-module .mm-sensor.warn{border-color:#997541;background:#3c3323}.crm-app .mq-module .mm-sensor.warn strong{color:#ffd083}
.crm-app .mq-module .mm-config-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:24px 0}.crm-app .mq-module .mm-config-button{display:flex;align-items:center;gap:9px;border:1px solid #426d80;border-radius:10px;padding:14px 12px;text-align:left;background:#153544;color:#bdd9e5;font-size:12px;font-weight:700;min-height:55px}.crm-app .mq-module .mm-config-button svg{flex-shrink:0;color:#83d6e5}.crm-app .mq-module .mm-config-button.selected{background:#245363;border-color:#87d9e2;color:#edfcff}.crm-app .mq-module .mm-config-note{display:flex;gap:10px;align-items:center;color:#a5dcca;background:#13382f;padding:14px;border:1px solid #397e68;border-radius:10px;margin:20px 0;font-size:12px}
.crm-app .mq-module .mm-data{margin-top:25px}.crm-app .mq-module .mm-data h3{font-size:20px}.crm-app .mq-module .mm-table-wrap{overflow:auto;border:1px solid #4e7182;border-radius:12px;background:#112c39}.crm-app .mq-module .mm-table{border-collapse:collapse;width:100%;table-layout:fixed;font-size:12px;color:#dcebf3}.crm-app .mq-module .mm-table th{background:#1d4355;padding:14px;text-align:left;color:#c6e0ec;font-size:12px}.crm-app .mq-module .mm-table td{padding:16px 14px;vertical-align:top;overflow-wrap:anywhere;border-top:1px solid #375c6c}.crm-app .mq-module .mm-table tr:nth-child(even){background:#163340}.crm-app .mq-module .mm-table strong{font-size:12px;font-weight:700;line-height:1.5}.crm-app .mq-module .mm-table small{display:block;margin-top:7px;color:#a6c3d2;font-size:11px;line-height:1.5}.crm-app .mq-module .mm-table th:first-child{width:30%}.crm-app .mq-module .mm-table th:last-child{width:25%}.crm-app .mq-module .mm-state{display:inline-flex;align-items:center;gap:6px;font-size:10px;background:#203c47;border-radius:6px;padding:6px 8px}.crm-app .mq-module .mm-state:before{content:'';width:5px;height:5px;background:currentColor;border-radius:100%}
.crm-app .mq-module .mm-row-detail{margin-top:10px;border:1px solid #52798c;border-radius:8px;background:#17394a}.crm-app .mq-module .mm-row-detail summary{padding:10px;cursor:pointer;color:#cde6f3;font-weight:700}.crm-app .mq-module .mm-row-detail .mm-fields{grid-template-columns:1fr;padding:10px;gap:9px}.crm-app .mq-module .mm-row-detail .mm-fields>div{padding:8px}
@media(max-width:1200px){.crm-app .mq-module .mm-system-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.crm-app .mq-module .mm-config-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.crm-app .mq-module .mm-sensor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.crm-app .mq-module .mm-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.crm-app .mq-module .mm-dashboard{padding:16px}.crm-app .mq-module .mm-toolbar,.crm-app .mq-module .mm-section-title{flex-direction:column;align-items:stretch}.crm-app .mq-module .mm-actions{flex-wrap:wrap}.crm-app .mq-module .mm-actions button{flex:1}.crm-app .mq-module .mm-navigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.crm-app .mq-module .mm-navigation button{padding:13px 9px;font-size:11px;gap:6px}.crm-app .mq-module .mm-stat{padding:14px}.crm-app .mq-module .mm-stat strong{font-size:23px}.crm-app .mq-module .mm-stat.green strong{font-size:19px}.crm-app .mq-module .mm-system-stats{gap:8px}.crm-app .mq-module .mm-rack,.crm-app .mq-module .mm-traffic{padding:13px}.crm-app .mq-module .mm-rack-title{flex-wrap:wrap;gap:10px}.crm-app .mq-module .mm-rack-title h3{font-size:17px}.crm-app .mq-module .mm-rack-count{margin-left:0}.crm-app .mq-module .mm-ports{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.crm-app .mq-module .mm-port{padding:9px}.crm-app .mq-module .mm-port-label{font-size:10px;overflow-wrap:anywhere}.crm-app .mq-module .mm-port strong{font-size:13px}.crm-app .mq-module .mm-port small{font-size:10px}.crm-app .mq-module .mm-port-rates{font-size:9px}.crm-app .mq-module .mm-selectors{grid-template-columns:1fr}.crm-app .mq-module .mm-rate-cards{grid-template-columns:1fr;gap:10px}.crm-app .mq-module .mm-rate-cards>div{padding:14px}.crm-app .mq-module .mm-fields{grid-template-columns:1fr}.crm-app .mq-module .mm-config-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.crm-app .mq-module .mm-config-button{font-size:11px;padding:12px 8px;gap:6px}.crm-app .mq-module .mm-graph{min-height:160px}.crm-app .mq-module .mm-table,.crm-app .mq-module .mm-table tbody{display:block}.crm-app .mq-module .mm-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.crm-app .mq-module .mm-table tr{display:block;padding:10px 13px;border-top:1px solid #527486}.crm-app .mq-module .mm-table td{display:block;border:0;padding:8px 0}.crm-app .mq-module .mm-table td:before{content:attr(data-label);display:block;color:#97b9c9;font-size:10px;margin-bottom:6px}.crm-app .mq-module .mm-read-status{align-items:flex-start}.crm-app .mq-module .mm-read-status>span{display:none}}
.crm-app .mq-module .mm-catalog-photo{display:block;width:100%;height:125px;object-fit:contain;background:transparent;border:0;margin:0;filter:drop-shadow(0 9px 6px #0004)}.crm-app .mq-module .mm-catalog-model{font-size:12px;line-height:1.4;font-weight:700;color:#c1dce8}
.crm-app .mq-module .mm-product-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:24px;margin:24px 0;padding:22px 28px;border:1px solid #4d8a98;border-radius:17px;background:radial-gradient(ellipse at 75% 40%,#27515b80,transparent 65%),linear-gradient(120deg,#194251,#182e3c);overflow:hidden}.crm-app .mq-module .mm-product-hero h3{font-size:27px;font-weight:850;line-height:1.25;overflow-wrap:anywhere}.crm-app .mq-module .mm-product-hero p{font-size:13px;line-height:1.7;color:#bdd7e2;margin:12px 0}.crm-app .mq-module .mm-product-hero a{display:inline-flex;align-items:center;font-size:11px;color:#8ee1e6;text-decoration:none;border-bottom:1px solid #548894;padding-bottom:3px}.crm-app .mq-module .mm-product-hero img{width:100%;height:210px;object-fit:contain;border:0;background:transparent;filter:drop-shadow(0 13px 8px #0005)}
@media(max-width:650px){.crm-app .mq-module .mm-stat>span{font-size:11px;overflow-wrap:anywhere;display:block}.crm-app .mq-module .mm-stat.green strong{font-size:18px}.crm-app .mq-module .mm-product-hero{grid-template-columns:1fr;padding:18px;gap:8px}.crm-app .mq-module .mm-product-hero h3{font-size:22px}.crm-app .mq-module .mm-product-hero img{height:160px}.crm-app .mq-module .mm-catalog-photo{height:120px}}
.crm-app .mq-module .mm-navigation,.crm-app .mq-module .mm-dashboard{scroll-margin-top:140px}