.crm-app .mq-module{--mq-bg:var(--inanet-surface,#14313e);--mq-text:var(--inanet-text,#e2f1f6);--mq-border:var(--inanet-border,#42616f);color:var(--mq-text);max-width:100%;min-width:0}
.crm-app .mq-module *{box-sizing:border-box}
.crm-app .mq-module h1,.crm-app .mq-module h2,.crm-app .mq-module h3,.crm-app .mq-module p{margin:0;color:inherit}
.crm-app .mq-module h1{font-size:clamp(25px,3vw,38px);font-weight:850;letter-spacing:-.7px;line-height:1.15}
.crm-app .mq-module h2{font-size:21px;line-height:1.3}.crm-app .mq-module h3{font-size:14px}
.crm-app .mq-hero{display:flex;align-items:center;gap:24px;padding:32px;border:1px solid #438d9c;border-top:3px solid #80e5d9;border-radius:22px;background:linear-gradient(120deg,#184652,#183542 55%,#32334f);margin-bottom:26px;color:#e8f7fc}
.crm-app .mq-hero-art{display:grid;place-items:center;flex-shrink:0;width:88px;height:88px;border-radius:24px;background:linear-gradient(135deg,#9cebd6,#62c9f1);color:#124252;box-shadow:0 8px 26px #1b9eaa30}
.crm-app .mq-hero small,.crm-app .mq-eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:#9de4df;display:block;margin-bottom:10px}
.crm-app .mq-hero p{margin-top:12px;color:#c3dce5;line-height:1.5}
.crm-app .mq-readonly{display:flex;gap:7px;align-items:center;margin-left:auto;white-space:nowrap;padding:8px 11px;border:1px solid #59988f;border-radius:20px;background:#183e38;color:#a5f0cf;font-size:12px}
.crm-app .mq-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.crm-app .mq-section-head p{color:#b5ccd6;font-size:14px;margin-top:7px}
.crm-app .mq-module button,.crm-app .mq-module input,.crm-app .mq-module select{font:inherit;color:var(--mq-text)}
.crm-app .mq-module button{cursor:pointer;transition:border-color .15s,background .15s,transform .1s}
.crm-app .mq-primary,.crm-app .mq-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #5d8c9d;border-radius:10px;padding:11px 14px;min-height:44px;background:#194459;color:#e2f4fa;font-size:13px!important;font-weight:700!important}
.crm-app .mq-primary{background:#136082;border-color:#65c8ed}.crm-app .mq-module button:hover:not(:disabled){border-color:#91e4ec;background-color:#22576b}.crm-app .mq-module button:active:not(:disabled){transform:translateY(1px)}
.crm-app .mq-module button:disabled{cursor:default;background:var(--inanet-disabled,#2b3d48);color:#9bb1bc;border-color:#4e626b}
.crm-app .mq-module :is(button,input,select,summary):focus-visible{outline:2px solid #ffd37e;outline-offset:3px}
.crm-app .mq-router-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:26px}
.crm-app .mq-router-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:12px;min-height:214px;padding:20px;border:1px solid var(--mq-border);border-top:3px solid #4e8e9f;border-radius:17px;background:linear-gradient(140deg,#183b49,#142a36);color:#e1f1f7;min-width:0}
.crm-app .mq-router-card.selected{border-color:#8ae4d8;box-shadow:0 0 0 2px #8ae4d822;background:linear-gradient(140deg,#1b4a50,#17343f)}
.crm-app .mq-router-top{display:flex;align-items:center;justify-content:space-between;width:100%;gap:8px;color:#89e0e9}.crm-app .mq-router-top small{font-size:10px;color:#abc7d1}
.crm-app .mq-router-card strong{font-size:19px;line-height:1.25;overflow-wrap:anywhere}.crm-app .mq-router-card code{font-size:13px;color:#91dcea;overflow-wrap:anywhere}.crm-app .mq-router-aliases{font-size:11px;color:#b2ccd6;line-height:1.5}.crm-app .mq-card-link{display:flex;gap:8px;align-items:center;font-size:12px;font-weight:700;color:#a6ece0;margin-top:auto}
.crm-app .mq-query-panel{background:linear-gradient(145deg,#12303d,#0d2531);border:1px solid var(--mq-border);border-top:3px solid #f4c26d;border-radius:20px;padding:26px;min-width:0}
.crm-app .mq-query-panel .mq-eyebrow{color:#f5ce88;font-size:10px}
.crm-app .mq-empty{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;gap:14px;padding:46px 20px;min-height:200px;color:#b6d3de;background:#102a37;border:1px dashed #3e6373;border-radius:14px}.crm-app .mq-empty>svg{color:#7ddbd9}.crm-app .mq-empty strong{color:#e3f1f7;font-size:18px}.crm-app .mq-empty p{max-width:600px;line-height:1.5}
.crm-app .mq-error{display:flex;align-items:flex-start;gap:12px;background:#4b2734;border:1px solid #bf6b85;border-radius:12px;padding:18px;color:#ffd8df!important}.crm-app .mq-error p{margin-top:6px;line-height:1.5}
.crm-app .mq-identity{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:17px 18px;background:#103b35;border:1px solid #367e6c;border-radius:13px;margin-bottom:14px}.crm-app .mq-identity>div{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px}.crm-app .mq-identity strong{display:flex;gap:8px;align-items:center;color:#97efc8}.crm-app .mq-identity code{overflow-wrap:anywhere;font-size:12px}.crm-app .mq-identity small{display:block;color:#b4d5cc}
.crm-app .mq-equipment{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 20px;padding:15px 18px;border:1px solid var(--mq-border);border-radius:12px;background:#142e3b}
.crm-app .mq-module dt{color:#abc7d3;font-size:11px}.crm-app .mq-module dd{margin:5px 0 0;font-size:13px;font-weight:700;overflow-wrap:anywhere}
.crm-app .mq-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:22px}.crm-app .mq-stat{padding:19px;border:1px solid #426b7c;border-radius:14px;background:#163c4d}.crm-app .mq-stat span{display:block;font-size:12px;color:#bdd6df}.crm-app .mq-stat strong{display:block;font-size:32px;margin-top:8px;color:#89dbf6}.crm-app .mq-stat.enabled{background:#3e2b30;border-color:#8a5864}.crm-app .mq-stat.enabled strong{color:#ffa6b8}.crm-app .mq-stat.disabled{background:#1a3636;border-color:#416e68}.crm-app .mq-stat.disabled strong{color:#9ee5ce}.crm-app .mq-stat.dynamic strong{color:#f5ce85}
.crm-app .mq-warning{display:flex;gap:8px;align-items:center;padding:12px 14px;background:#3b3321;border:1px solid #8e7e46;border-radius:10px;color:#ffdc97!important;font-size:12px;margin:10px 0!important}
.crm-app .mq-filters{display:grid;grid-template-columns:minmax(220px,2fr) minmax(150px,1fr) minmax(130px,1fr);gap:14px;padding:16px;border:1px solid var(--mq-border);border-radius:13px;background:#173442;margin-bottom:16px}.crm-app .mq-filters label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:700;color:#c1dce5}.crm-app .mq-filters input,.crm-app .mq-filters select{background:#0d2431;border:1px solid #597f8f;border-radius:9px;padding:11px 12px;width:100%;height:44px;min-width:0;color:#dceef5;font-size:13px;color-scheme:dark}.crm-app .mq-filters input::placeholder{color:#a9c1ce}.crm-app .mq-filters select option{background:#102d3c;color:#e0eef4}.crm-app .mq-search-input{position:relative}.crm-app .mq-search-input>svg{position:absolute;left:12px;top:13px;color:#8cc8db}.crm-app .mq-search-input input{padding-left:38px}
.crm-app .mq-results-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:12px 0}.crm-app .mq-results-head strong{font-size:14px}.crm-app .mq-explanation{font-size:12px!important;color:#adc6d2!important;line-height:1.5;margin:12px 0 17px!important}
.crm-app .mq-table-scroll{overflow:auto;border:1px solid var(--mq-border);border-radius:12px;background:#102b38;max-width:100%}.crm-app .mq-table{border-collapse:collapse;width:100%;min-width:760px;table-layout:fixed;color:#deedf4;font-size:13px}.crm-app .mq-table thead{background:#1d4355;color:#cee8f3}.crm-app .mq-table th{padding:15px 14px;text-align:left;font-size:12px;white-space:normal}.crm-app .mq-table td{padding:15px 14px;vertical-align:top;border-top:1px solid #335565;overflow-wrap:anywhere;background:transparent;color:#deedf4}.crm-app .mq-table th:first-child{width:29%}.crm-app .mq-table th:nth-child(2){width:22%}.crm-app .mq-table th:nth-child(3){width:20%}.crm-app .mq-table th:last-child{width:29%}.crm-app .mq-table tbody tr:nth-child(even){background:#15323f}.crm-app .mq-table small{display:block;font-size:11px;color:#abc5d0;margin-top:6px;line-height:1.45}.crm-app .mq-table code{color:#8fdcea;font-size:13px}.crm-app .mq-person{display:flex;gap:10px;align-items:flex-start}.crm-app .mq-person>svg{flex-shrink:0;color:#86d5d9}.crm-app .mq-person strong{font-size:12px;line-height:1.5}
.crm-app .mq-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;border-radius:7px;padding:6px 8px}.crm-app .mq-badge:before{content:'';width:5px;height:5px;border-radius:100%;background:currentColor}.crm-app .mq-badge.enabled{background:#542f3b;color:#ffb4c3}.crm-app .mq-badge.disabled{background:#20413c;color:#a1e5ca}.crm-app .mq-badge.unknown{background:#443923;color:#ffda95}
.crm-app .mq-entry-detail{background:#173c4d;border:1px solid #4a7587;border-radius:9px;color:#dfedf5;font-size:12px}.crm-app .mq-entry-detail summary{cursor:pointer;padding:10px 12px;font-weight:700}.crm-app .mq-entry-detail[open] summary{border-bottom:1px solid #4a7587}.crm-app .mq-entry-detail>div{padding:12px;background:#102937;border-radius:0 0 9px 9px}.crm-app .mq-entry-detail dl{margin:0;display:grid;gap:12px}.crm-app .mq-entry-detail h3{margin-top:16px;color:#b0e7ec}.crm-app .mq-entry-detail p{font-size:12px;line-height:1.6;margin-top:7px}.crm-app .mq-comment{white-space:pre-wrap;overflow-wrap:anywhere}.crm-app .mq-entry-detail ul{padding-left:16px;margin:8px 0}.crm-app .mq-entry-detail li+li{margin-top:12px}
.crm-app .mq-pagination{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:17px;color:#afcbd7;font-size:12px}.crm-app .mq-pagination>div{display:flex;gap:8px}
@media(max-width:1200px){.crm-app .mq-router-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.crm-app .mq-hero{gap:16px;padding:25px;flex-wrap:wrap}.crm-app .mq-readonly{margin-left:0}.crm-app .mq-hero-art{width:70px;height:70px}.crm-app .mq-equipment{grid-template-columns:repeat(2,minmax(0,1fr))}.crm-app .mq-identity{align-items:flex-start;flex-direction:column}}
@media(max-width:650px){.crm-app .mq-hero{padding:20px;gap:16px}.crm-app .mq-hero-art{width:56px;height:56px;border-radius:16px}.crm-app .mq-hero-art svg{width:32px}.crm-app .mq-hero p{font-size:13px}.crm-app .mq-router-grid{grid-template-columns:minmax(0,1fr)}.crm-app .mq-router-card{min-height:185px}.crm-app .mq-query-panel{padding:16px}.crm-app .mq-section-head,.crm-app .mq-results-head,.crm-app .mq-pagination{flex-direction:column;align-items:stretch}.crm-app .mq-filters{grid-template-columns:minmax(0,1fr);padding:12px}.crm-app .mq-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.crm-app .mq-stat{padding:13px}.crm-app .mq-stat strong{font-size:27px}.crm-app .mq-equipment{grid-template-columns:minmax(0,1fr)}.crm-app .mq-pagination>div{justify-content:space-between}.crm-app .mq-module h2{font-size:19px}}
.crm-app .mq-existing-link{display:flex;align-items:center;gap:12px;padding:18px 20px;border:1px solid #5db5c6;border-radius:13px;background:linear-gradient(110deg,#164b59,#1c384d);color:#dff5fc;text-decoration:none;font-weight:700;margin-bottom:20px}.crm-app .mq-existing-link:hover{border-color:#90ebdb;color:#a6f2dc}
@media(max-width:650px){
 .crm-app .mq-table{display:block;min-width:0;width:100%;table-layout:auto}.crm-app .mq-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.crm-app .mq-table tbody{display:block}.crm-app .mq-table tbody tr{display:block;padding:12px 14px;border-top:1px solid #416473}.crm-app .mq-table tbody tr:first-child{border-top:0}.crm-app .mq-table td{display:block;width:auto;padding:9px 0;border:0}.crm-app .mq-table td:nth-child(2):before{content:'IP / Comunidad';display:block;font-size:10px;color:#abc5d0;margin-bottom:6px}.crm-app .mq-table td:nth-child(3):before{content:'Entrada en Firewall';display:block;font-size:10px;color:#abc5d0;margin-bottom:6px}.crm-app .mq-table .mq-person strong{font-size:13px}.crm-app .mq-table .mq-entry-detail{width:100%}
}