.friendly-intro{padding:23px 24px 18px}.friendly-intro>span{font-size:9px;letter-spacing:1px;color:#80a9a2}.friendly-intro h3{font-size:24px;font-weight:550;color:#d6e8df;letter-spacing:-.5px;margin-top:9px}.friendly-intro p{font-size:12px;line-height:1.9;color:#91aea8;margin-top:8px}
.single-ip-picker{display:block;margin:0 24px 20px;font-size:12px;color:#bed3ca}.single-ip-picker>span{float:right;font-size:10px;color:#86ae98}.single-ip-picker>.input{display:block;width:100%;height:43px;font-size:14px;margin-top:9px;color:#d2e2da}
.device-metric-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 24px 19px}.device-metric-card{text-align:left;border:1px solid #355347;border-radius:9px;padding:16px 14px;background:#1b352c;min-width:0}.device-metric-card>span{display:block;color:#a1c0b4;font-size:12px}.device-metric-card>strong{display:block;font-size:32px;font-family:var(--mono);letter-spacing:-1px;font-weight:500;color:#b9e0c7;margin-top:12px}.device-metric-card.warning{border-color:#6b5b36;background:#302c20}.device-metric-card.warning>strong{color:#e7c582}.device-metric-card.critical{border-color:#72504b;background:#342528}.device-metric-card.critical>strong{color:#ecaaa1}.device-metric-card>small{display:flex;align-items:center;justify-content:space-between;color:#89b19a;font-size:9px;margin-top:11px}.device-metric-card>small>.icon{height:11px;width:11px}
.single-device-status{margin:0 24px 22px;display:flex;align-items:center;gap:9px;font-size:11px;color:#9cb5a8}.single-device-status>code{font-family:var(--mono);font-size:8px;color:#729487;margin-left:auto}.field-choice-heading{display:flex;justify-content:space-between;align-items:center;margin:0 24px 8px;color:#c3d6c6;font-size:12px}.field-choice-heading strong{font-weight:500}.field-choice-heading>span{font-size:10px;color:#7f9f8b}.single-display-options{margin:0 24px;border:1px solid #365040;border-radius:7px;overflow:hidden}.single-display-options>div{display:flex;align-items:center;gap:16px;padding:14px;border-bottom:1px solid #2e4437;font-size:12px;color:#c0d2bc}.single-display-options>div:last-child{border:0}.single-display-options>div>span{flex:1}.single-display-options b{font-family:var(--mono);font-weight:500;color:#a8c99b;min-width:55px;text-align:right}.single-display-options label{font-size:10px;color:#8cad83;display:flex;align-items:center;gap:5px;cursor:pointer}.single-display-options input{accent-color:#76bd8c;width:13px;height:13px}.single-device-actions{display:flex;gap:10px;padding:20px 24px 24px}.single-device-actions .button{font-size:11px;height:35px}
.overview-scope-form{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:0 24px 20px}.overview-scope-form>label{font-size:11px;color:#a6c1b4}.overview-scope-form .input{display:block;margin-top:8px;height:40px;font-size:12px}.overview-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 24px 23px}.overview-summary>button{background:#1c352b;border:1px solid #3d5846;border-radius:8px;padding:15px;text-align:left}.overview-summary>button>span{font-size:10px;color:#9cbea6;display:block}.overview-summary strong{font-family:var(--mono);font-size:30px;color:#bdd9ad;font-weight:500;display:block;margin-top:8px}.overview-summary small{font-size:9px;color:#7ca181;display:block;margin-top:6px}.overview-summary .warning strong{color:#e8bd77}.overview-summary .critical strong{color:#e4a198}.overview-table-heading{display:flex;justify-content:space-between;align-items:center;margin:0 24px 11px;color:#b9ceb2;font-size:12px}.overview-table-heading>strong{font-weight:500}.overview-table-heading>span{font-size:9px;color:#839f7f}.overview-table-scroll{margin:0 24px;overflow:auto;border:1px solid #36503d;border-radius:7px}.overview-devices{width:100%;border-collapse:collapse;text-align:left;font-size:11px;white-space:nowrap}.overview-devices th{font-size:9px;color:#8faf89;font-weight:400;background:#213727;padding:12px;border-bottom:1px solid #3b543e}.overview-devices td{padding:12px;border-bottom:1px solid #2f4635;color:#adc9a6;font-family:var(--mono)}.overview-devices tr:last-child td{border:0}.overview-devices td:first-child{color:#c3d7bc}.overview-devices td.warning{color:#dfb777}.overview-devices .status-badge{font-size:8px}.overview-footer-note{display:flex;align-items:flex-start;gap:8px;font-size:11px;color:#8daa84;line-height:1.9;margin:17px 24px 24px}.overview-footer-note>.icon{height:13px;width:13px;margin-top:4px;flex-shrink:0}
.value-composer{margin:20px 20px 22px;padding:17px;border:1px solid #416750;border-radius:8px;background:#1d382d}.value-composer>strong{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:#bcddbd;margin-bottom:14px}.value-composer>strong>.icon{height:14px;width:14px}.value-composer>div{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;gap:10px;align-items:end}.value-composer label{font-size:10px;color:#98ba9d;min-width:0}.node-editor-main .value-composer .input{display:block;height:40px;margin-top:7px;font-size:11px}.value-composer .button{height:40px;font-size:10px;padding:0 11px}.selected-values-heading{display:flex;justify-content:space-between;align-items:center;margin:0 22px 11px;color:#c0d5bc;font-size:12px}.selected-values-heading>span{color:#83a17a;font-size:10px}.friendly-mappings{padding:0 20px 18px;display:flex;flex-direction:column;gap:9px}.selected-value-card{border:1px solid #36523d;border-radius:7px;overflow:hidden;background:#1b2e25}.selected-value-card>summary{display:flex;align-items:center;gap:10px;padding:13px;cursor:pointer;list-style:none}.selected-value-card>summary::-webkit-details-marker{display:none}.selected-value-card>summary>span:nth-child(2){flex:1;min-width:0}.selected-value-card summary strong{font-size:12px;color:#c4d8bd;font-weight:500;display:block}.selected-value-card summary small{font-size:9px;color:#88aa80;display:block;margin-top:5px}.selected-value-card summary>b{font-size:18px;font-family:var(--mono);font-weight:500;color:#b9d8a6}.selected-value-card summary>b.warning{color:#e4c078}.selected-value-card summary>b.critical{color:#e8a99d}.selected-value-card summary>.icon{width:12px;height:12px;color:#74966d}.selected-value-card .binding-row{border-top:1px solid #36513a;background:#14291f}.node-editor-main .selected-value-card .mapping-controls{grid-template-columns:22px minmax(0,1fr) minmax(0,1fr);gap:8px}.node-editor-main .selected-value-card .mapping-field:nth-of-type(3){grid-column:2}.node-editor-main .selected-value-card .binding-toggles{grid-column:3;flex-direction:row}.node-editor-main .selected-value-card .mobile-field-label{display:block;font-size:8px;color:#86a681;margin-bottom:5px}.selected-value-card .trace-formula{display:none}.node-more-models{display:flex;align-items:center;justify-content:space-between;width:100%;padding:7px 10px;border:1px solid #66577c;border-radius:5px;background:#29253a;color:#bdb0ce;font-size:9px;margin-top:5px}.node-more-models>.icon{height:10px;width:10px}.direct-value-note{padding:10px;border:1px solid #3c5342;border-radius:5px;font-size:10px;color:#94b597;background:#203227;margin-top:14px}
.node-editor-header h2{font-size:23px}.node-editor-tabs>button{font-size:11px}.node-editor-json{opacity:.92}.node-editor-main .display-preview{padding:18px 23px}.node-editor-main .preview-value>strong{font-size:28px}.node-editor-main .preview-value-label{font-size:12px}.node-editor-main .preview-origin{font-size:10px}.node-editor-main .mapping-labels{display:none}.node-editor-main .display-form-footer>span{font-size:9px}.topology-panel-actions>button{font-size:9px}
@media(max-width:1100px){.device-metric-card>strong{font-size:25px}.device-metric-cards{gap:8px}.device-metric-card{padding:13px 10px}.single-device-status{flex-wrap:wrap}.single-device-status>code{flex-basis:100%;margin-left:0}.value-composer>div{grid-template-columns:1fr 1fr}.value-composer .button{grid-column:span 2;width:100%}.overview-summary{gap:8px}.overview-summary>button{padding:12px}.overview-summary strong{font-size:25px}}
@media(max-width:650px){.friendly-intro{padding:18px 15px}.friendly-intro h3{font-size:22px}.friendly-intro p{font-size:11px}.single-ip-picker{margin:0 15px 17px;font-size:11px}.single-ip-picker>.input{font-size:13px;height:40px}.device-metric-cards{margin:0 15px 16px;gap:7px}.device-metric-card{padding:12px 9px}.device-metric-card>span{font-size:10px}.device-metric-card>strong{font-size:24px;margin-top:9px}.device-metric-card>small{font-size:8px}.single-device-status{margin:0 15px 20px}.field-choice-heading{margin:0 15px 8px}.single-display-options{margin:0 15px}.single-display-options>div{padding:13px 11px;gap:10px;font-size:11px}.single-display-options b{font-size:12px;min-width:40px}.single-display-options label{font-size:9px}.single-device-actions{padding:18px 15px;gap:8px}.single-device-actions .button{font-size:10px}.overview-scope-form{margin:0 15px 17px;gap:10px}.overview-summary{margin:0 15px 19px;gap:8px}.overview-summary>button{padding:12px 10px}.overview-summary strong{font-size:26px}.overview-summary>button>span{font-size:9px}.overview-table-heading{margin:0 15px 10px;font-size:11px}.overview-table-scroll{margin:0 15px}.overview-devices{font-size:10px}.overview-devices td,.overview-devices th{padding:10px 8px}.overview-footer-note{margin:15px;font-size:10px}.value-composer{margin:16px 13px;padding:13px}.value-composer>div{grid-template-columns:1fr}.value-composer label{font-size:10px}.value-composer .button{grid-column:1}.selected-values-heading{margin:0 15px 10px}.friendly-mappings{padding:0 13px 15px}.selected-value-card>summary{padding:12px 10px;gap:8px}.selected-value-card summary strong{font-size:11px}.selected-value-card summary small{font-size:9px}.selected-value-card summary>b{font-size:16px}.node-editor-header h2{font-size:20px}.node-editor-tabs>button{font-size:9px}.node-editor-main .preview-value-label{font-size:10px}.node-editor-main .preview-origin{font-size:8px}.node-editor-main .preview-value>strong{font-size:24px}.is-demo #node-editor[open]{height:calc(100dvh - 275px);max-height:calc(100dvh - 275px)}}

.location-node[data-has-children="true"] .node-model-links{display:flex;flex-direction:row;align-items:flex-start;width:max-content;gap:10px}.location-node[data-has-children="true"] .node-model-links>.model-link-chip{width:208px;flex:0 0 208px}.location-node[data-has-children="true"] .node-model-links>.node-more-models{width:120px;flex:0 0 120px}

.topology-model-node{position:absolute;width:208px;height:104px;z-index:2}.topology-model-node>.model-link-chip{width:100%;height:104px;min-height:104px;margin:0}.diagram-lines .model-connection{fill:none;stroke:#8b73ad;stroke-width:1;stroke-dasharray:4 4;opacity:.7}.diagram-lines .model-connection.active{stroke:#c6a7e9;stroke-width:1.8;opacity:1}.diagram-canvas{height:760px;min-height:650px;overscroll-behavior:contain}.canvas-hint{pointer-events:none}.location-node{z-index:3}@media(min-width:1500px){.diagram-canvas{height:850px}}@media(max-width:650px){.diagram-canvas{height:650px;min-height:520px}.canvas-hint{font-size:7px;max-width:160px;line-height:1.5}}

.source-grouping-controls{margin:13px 0 15px;padding:12px 0;border-top:1px solid #42644f;border-bottom:1px solid #42644f}.source-grouping-controls>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.source-grouping-controls>div>span{font-size:11px;color:#a5c7b0}.source-grouping-switch{display:flex;gap:4px;padding:3px;border:1px solid #45674e;border-radius:7px;background:#152b22}.source-grouping-switch>button{display:flex;align-items:center;justify-content:center;gap:5px;padding:7px 11px;border-radius:4px;color:#91b5a0;font-size:11px;white-space:nowrap}.source-grouping-switch>button.active{background:#3a634a;color:#dcf1d9;box-shadow:0 1px 4px #0003}.source-grouping-switch>button:hover{color:#e0f2dc;background:#2c4b39}.source-grouping-switch>button .icon{width:12px;height:12px}.source-grouping-controls>p{display:flex;align-items:center;flex-wrap:wrap;gap:5px;font-size:10px;line-height:1.7;color:#8bb09b;margin-top:10px}.source-grouping-controls>p>.icon{width:12px;height:12px}.source-grouping-controls code{font-size:9px;color:#b9d4b9;font-family:var(--mono)}@media(max-width:650px){.source-grouping-controls>div{align-items:flex-start;flex-direction:column;gap:8px}.source-grouping-switch{width:100%}.source-grouping-switch>button{flex:1;padding:8px 7px;font-size:11px}.source-grouping-controls>p{font-size:9px}.source-grouping-controls code{font-size:8px}}