.topology-workspace{margin-bottom:25px}.topology-toolbar{background:#fff;border:1px solid #e5e1ec;border-radius:14px 14px 0 0;padding:18px 20px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}.topology-mode{display:flex;align-items:center;gap:9px;margin-right:auto}.topology-mode strong{font-size:12px;color:#6d557e}.topology-mode .pill{font-size:9px}.topology-status{width:6px;height:6px;background:#baa0d4;border-radius:50%;box-shadow:0 0 0 4px #f3ecfa}.topology-toolbar label{margin:0;font-size:9px;color:#8f7b9b}.topology-toolbar select,.topology-toolbar input{font-size:11px;margin-top:6px;padding:9px;max-width:195px}.topology-toolbar .map-search-label{min-width:160px}.topology-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;min-width:0;border:1px solid #e5e1ec;border-top:0;border-radius:0 0 14px 14px;overflow:hidden;background:#141c2d}.map-scene{position:relative;min-width:0;background:#141c2d}.map-scene-heading{position:absolute;left:26px;top:26px;z-index:1;pointer-events:none}.map-scene-heading .eyebrow{font-size:8px;color:#a998c4}.map-scene-heading h2{color:#e6d8f5;font-size:24px;font-weight:550;letter-spacing:-.03em;margin:0 0 7px}.map-scene-heading p{color:#a29ab1;font-size:9px;max-width:330px}#network-canvas{display:block;width:100%;height:590px;touch-action:none;cursor:grab;border-radius:0 0 0 12px}#network-canvas:active{cursor:grabbing}#network-canvas:focus-visible{outline:2px solid #bca1e9;outline-offset:-4px}.map-controls{position:absolute;bottom:88px;left:25px;display:flex;align-items:center;gap:3px;background:#ffffff0c;border:1px solid #aaa0c32a;border-radius:9px;padding:5px;backdrop-filter:blur(8px)}.map-controls button{min-width:28px;height:29px;padding:0 9px;border:0;border-radius:6px;color:#c9bddb;background:none;font-size:10px}.map-controls button:hover,.map-controls button[aria-pressed=true]{background:#a68bca26;color:#e8d2ff}.map-controls span{width:1px;height:17px;background:#9c8fac29;margin:0 4px}.map-controls button:first-child,.map-controls button:nth-child(2){font-size:17px}.map-legend{position:absolute;left:25px;bottom:51px;display:flex;gap:14px;align-items:center;flex-wrap:wrap;font-size:9px;color:#b9afca;pointer-events:none}.map-legend i{display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:5px;background:#d7bdff}.map-legend .legend-pool i{background:#aa93ee}.map-legend .legend-agent i{background:#a0b8f0}.map-legend .legend-server i{background:#97add6}.map-legend .legend-edge{color:#8d849e}.map-bottom{position:absolute;left:25px;right:25px;bottom:18px;display:flex;justify-content:space-between;gap:15px;font-size:8px;color:#a699b5;pointer-events:none}.map-inspector{background:linear-gradient(160deg,#fff,#faf7fe);padding:25px 23px;max-height:590px;overflow:auto;border-left:1px solid #ddd4e6}.inspector-kicker{font-size:8px;letter-spacing:.14em;color:#a48bb6;font-weight:650;margin-bottom:23px}.inspector-empty{padding:12px 0 25px}.inspector-orbit{width:61px;height:61px;display:grid;place-items:center;font-size:38px;font-weight:300;color:#b399cc;border:1px solid #eadff3;border-radius:50%;box-shadow:0 0 0 9px #f5effa;margin:18px 0 30px}.inspector-empty h3{font-size:22px;line-height:1.25;letter-spacing:-.04em;color:#8b6c9c;font-weight:500;margin-bottom:15px}.inspector-empty p{font-size:11px;color:#91789f}.map-trust{border-top:1px solid #e9e1ef;padding-top:21px;margin-top:24px}.map-trust h3{font-size:11px;color:#8d6f9e;margin-bottom:15px}.map-trust>div{display:flex;justify-content:space-between;gap:12px;margin:11px 0;font-size:9px;color:#a08aa9}.map-trust strong{font-size:9px;font-weight:550;text-align:right;color:#846591}.map-trust p{font-size:10px;line-height:1.8;margin-top:18px;color:#967da4}.asset-title{font-size:20px;letter-spacing:-.03em;color:#80608f;margin:18px 0 11px;overflow-wrap:anywhere}#map-details>p{font-size:11px;color:#8b709a}.map-facts{margin:20px 0}.map-facts>div{padding:10px 0;border-bottom:1px solid #efe8f5}.map-facts dt{font-size:9px;color:#9b81ac}.map-facts dd{font-size:11px;margin:5px 0 0;color:#7d5e8d}.related-title{font-size:10px;font-weight:600;color:#90719f;margin:25px 0 12px}.related-assets button{width:100%;text-align:left;padding:10px 12px;background:#f4eef9;border:1px solid #e9dff1;border-radius:7px;margin:5px 0;color:#82618f}.related-assets strong{font-size:10px;font-weight:550;display:block;overflow-wrap:anywhere}.related-assets small{display:block;font-size:9px;color:#9981a7;margin-top:4px}.map-inventory{margin:22px 0;background:#fff;border:1px solid #e7e0ef;border-radius:13px}.map-object-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 24px 24px}.map-object{display:flex;gap:11px;align-items:center;text-align:left;border:1px solid #eae3f1;border-radius:9px;background:#fcfaff;padding:13px 12px;min-width:0}.map-object:hover,.map-object[aria-pressed=true]{background:#f0e7f9;border-color:#cbb3df}.map-object strong{font-size:11px;color:#876397;font-weight:550;display:block;overflow-wrap:anywhere}.map-object small{display:block;font-size:9px;color:#9578a4;margin-top:5px}.object-symbol{font-size:23px;color:#ad95ca;flex-shrink:0}.object-symbol.type-agent{color:#6485c4}.object-symbol.type-server{color:#6c88b5}.map-object-arrow{margin-left:auto;color:#c2accf;font-size:14px}.map-empty{position:absolute;top:44%;left:20%;right:20%;padding:23px;text-align:center;background:#2a263ad9;border:1px solid #a38bb04a;border-radius:10px;font-size:12px;color:#c4b1d5;pointer-events:none}.map-no-results{padding:20px;grid-column:1/-1}.collection-strip{display:flex;align-items:center;gap:25px;padding:24px;border:1px solid #e5daed;border-radius:12px;background:linear-gradient(110deg,#faf6fe,#f0f6fc);margin:25px 0}.collection-strip>div:first-child{margin-right:auto}.collection-strip h3{font-size:14px;margin:0;color:#846490}.collection-strip .eyebrow{font-size:8px}.collection-strip>div:not(:first-child){display:flex;gap:10px;align-items:center}.collection-strip b{font-size:12px;font-weight:550;color:#a187b3;width:29px;height:29px;border:1px solid #dcd0e7;display:grid;place-items:center;border-radius:7px}.collection-strip span{font-size:10px;color:#8b6c9b}.collection-strip small{display:block;font-size:8px;color:#a08bae;margin-top:5px}.topology-workspace.expanded .map-inspector{max-height:78vh}.topology-workspace.expanded #network-canvas{height:78vh}
@media(min-width:1600px){.topology-layout{grid-template-columns:minmax(0,1fr) 300px}#network-canvas{height:660px}.map-inspector{max-height:660px}.map-object strong{font-size:13px}.map-object small{font-size:11px}.map-controls button{font-size:12px;height:34px}.map-legend{font-size:11px}.map-bottom{font-size:10px}.map-scene-heading p{font-size:11px}}
@media(max-width:1150px){.topology-mode{width:100%;margin-bottom:5px}.topology-layout{grid-template-columns:minmax(0,1fr) 230px}.map-inspector{padding:24px 18px}.map-object-list{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-strip{flex-wrap:wrap}.collection-strip>div:first-child{width:100%}.map-bottom{display:block}.map-bottom>span{display:block;margin:4px 0}.map-legend{bottom:67px;font-size:8px;gap:8px}.map-controls{bottom:98px}.map-legend .legend-edge{display:none}}
@media(max-width:850px){.topology-layout{grid-template-columns:1fr}.map-inspector{border-left:0;border-top:1px solid #ded3e9;max-height:none;display:grid;grid-template-columns:1fr 1fr;gap:15px}.inspector-kicker{grid-column:1/-1;margin-bottom:0}.map-trust{margin-top:0;border-top:0;border-left:1px solid #e7dcef;padding:12px 0 0 20px}.inspector-empty{padding:0}.inspector-empty h3{font-size:21px}.inspector-empty p{font-size:11px}.inspector-orbit{display:none}#network-canvas{height:530px;border-radius:0}.topology-workspace.expanded .map-inspector{max-height:none}.map-bottom{display:flex}.map-legend{bottom:57px}.map-controls{bottom:91px}}
@media(max-width:550px){.topology-toolbar{padding:18px 16px;gap:13px}.topology-toolbar label{flex:1;min-width:120px}.topology-toolbar select,.topology-toolbar input{max-width:none;width:100%}.topology-mode{gap:8px}.topology-mode strong{font-size:11px}.topology-mode .pill{font-size:8px}.map-search-label{flex-basis:100%!important}.map-scene-heading{left:20px;top:21px}.map-scene-heading h2{font-size:23px}.map-scene-heading p{max-width:260px;font-size:9px}#network-canvas{height:530px}.map-controls{left:15px;gap:0;bottom:108px;padding:4px}.map-controls button{font-size:9px;padding:0 7px;min-width:26px}.map-legend{left:19px;bottom:80px;font-size:9px;gap:11px}.map-bottom{display:block;bottom:20px;left:19px;right:19px;font-size:9px;max-width:280px;line-height:1.6}.map-inspector{display:block;padding:24px}.inspector-kicker{margin-bottom:18px}.map-trust{border-left:0;border-top:1px solid #e5daec;padding:20px 0 0;margin-top:24px}.map-inspector p{font-size:12px}.map-trust>div,.map-trust strong{font-size:11px}.map-object-list{grid-template-columns:1fr;padding:0 18px 18px}.map-inventory .panel-head{flex-wrap:wrap;padding:20px 18px}.map-object strong{font-size:12px}.map-object small{font-size:10px}.collection-strip{padding:20px;gap:18px}.collection-strip>div:not(:first-child){width:100%}.collection-strip span{font-size:11px}.collection-strip small{font-size:9px}}
.map-controls{right:20px;flex-wrap:wrap;width:fit-content;max-width:calc(100% - 40px)}
.map-controls .map-choice{display:flex;align-items:center;gap:5px;margin:0 7px 0 0;font-size:10px;color:#c9bddb}
.map-controls select{width:auto;margin:0;padding:5px 6px;border-radius:5px;border:1px solid #9d87b455;background:#252439;color:#e4d9ef;font-size:10px}
.topology-workspace[data-theme=light] .map-scene,.topology-workspace[data-theme=light] .topology-layout{background:#f7f4fc}
.topology-workspace[data-theme=light] .map-scene-heading h2{color:#76558c}.topology-workspace[data-theme=light] .map-scene-heading p,.topology-workspace[data-theme=light] .map-scene-heading .eyebrow{color:#9a82a9}
.topology-workspace[data-theme=light] .map-controls{background:#ffffffdf;border-color:#e0d5eb;box-shadow:0 3px 16px #a38cb51a}
.topology-workspace[data-theme=light] .map-controls button,.topology-workspace[data-theme=light] .map-choice{color:#8b699f}
.topology-workspace[data-theme=light] .map-controls select{background:#faf7fe;color:#856397;border-color:#e2d7ee}
.topology-workspace[data-theme=light] .map-controls button:hover,.topology-workspace[data-theme=light] .map-controls button[aria-pressed=true]{background:#eadcf6;color:#77488f}
.topology-workspace[data-theme=light] .map-legend,.topology-workspace[data-theme=light] .map-bottom{color:#90789f}
.topology-workspace[data-theme=light] .map-empty{background:#fffcffeb;color:#8b699c;border-color:#e2d3ed}
.map-controls button:disabled{opacity:.35;cursor:default}

/* Shared full-screen Atlas: browser top layer, keyboard focus and Escape support. */
.atlas-fullscreen-dialog{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#f6f8fc;color:#182947;overflow:hidden}
.atlas-fullscreen-dialog[open]{display:flex;flex-direction:column}.atlas-fullscreen-dialog::backdrop{background:#0b142bba}
.atlas-fullscreen-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 22px;background:white;border-bottom:1px solid #dce2ee;flex-shrink:0;font:14px Segoe UI,sans-serif}
.atlas-fullscreen-header button{border:1px solid #bbc8df;border-radius:7px;background:#eef3fc;color:#183a76;padding:10px 16px;font:600 13px Segoe UI,sans-serif;cursor:pointer}
.atlas-fullscreen-dialog .topology-workspace{display:flex;flex-direction:column;flex:1;min-height:0;width:100%;margin:0;overflow:auto}
.atlas-fullscreen-dialog .topology-toolbar{border-radius:0;flex-shrink:0}
.atlas-fullscreen-dialog .topology-layout{flex:1;min-height:0;border-radius:0;overflow:hidden}
.atlas-fullscreen-dialog .map-scene{min-height:0}.atlas-fullscreen-dialog .expanded #network-canvas{height:100%;min-height:320px;border-radius:0}
.atlas-fullscreen-dialog .expanded .map-inspector{max-height:none;min-height:0;overflow:auto}
.atlas-fullscreen-dialog .map-inventory,.atlas-fullscreen-dialog .demo-inventory,.atlas-fullscreen-dialog .collection-strip,.atlas-fullscreen-dialog .info-bar{display:none}
@media(max-width:850px){.atlas-fullscreen-dialog .topology-layout{display:block;overflow:auto;flex:1}.atlas-fullscreen-dialog .expanded #network-canvas{height:65dvh;min-height:440px}.atlas-fullscreen-dialog .expanded .map-inspector{display:block;max-height:none}.atlas-fullscreen-header{padding:10px 14px}.atlas-fullscreen-header strong{font-size:13px}}
