.atlas-shell{max-width:1500px;margin:auto;padding:20px}.atlas-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:14px 0}.atlas-toolbar select,.atlas-toolbar input{min-height:42px}.atlas-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:16px}.atlas-stage{position:relative;min-height:660px;overflow:auto;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 96%,var(--accent)),var(--panel));box-shadow:var(--shadow)}.atlas-canvas{position:relative;width:1320px;height:610px}.atlas-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.atlas-edge{stroke:color-mix(in srgb,var(--muted) 60%,transparent);stroke-width:2;fill:none;marker-end:url(#atlasArrow);opacity:.62}.atlas-edge.event{stroke:#7c3aed}.atlas-edge.security{stroke:#c2410c}.atlas-edge.data{stroke:#0f766e}.atlas-edge.delivery{stroke:#2563eb}.atlas-edge.telemetry{stroke:#7e22ce;stroke-dasharray:6 5}.atlas-edge.recovery{stroke:#b91c1c;stroke-dasharray:8 5}.atlas-edge.dim{opacity:.07}.atlas-node{position:absolute;width:142px;min-height:74px;border:1px solid var(--line);border-radius:15px;background:var(--panel);color:var(--text);padding:10px;box-shadow:var(--shadow);cursor:pointer;transition:.22s transform,.22s opacity,.22s outline}.atlas-node:hover,.atlas-node:focus{transform:translateY(-3px);outline:3px solid color-mix(in srgb,var(--accent) 32%,transparent)}.atlas-node strong{display:block;font-size:.92rem}.atlas-node small{color:var(--muted)}.atlas-node.dim{opacity:.15;box-shadow:none}.atlas-node.active{outline:4px solid color-mix(in srgb,var(--accent) 45%,transparent);z-index:3}.atlas-node[data-layer=business]{border-top:5px solid #d97706}.atlas-node[data-layer=domain]{border-top:5px solid #2563eb}.atlas-node[data-layer=data],.atlas-node[data-layer=integration]{border-top:5px solid #0f766e}.atlas-node[data-layer=security]{border-top:5px solid #c2410c}.atlas-node[data-layer=delivery],.atlas-node[data-layer=platform]{border-top:5px solid #4f46e5}.atlas-node[data-layer=operations]{border-top:5px solid #b91c1c}.atlas-detail{position:sticky;top:76px;align-self:start;max-height:calc(100vh - 100px);overflow:auto}.atlas-detail h2{margin-top:0}.atlas-meta{display:flex;gap:8px;flex-wrap:wrap}.atlas-relation{border-left:4px solid var(--accent);padding:8px 10px;background:var(--bg);border-radius:8px;margin:8px 0}.atlas-legend{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.atlas-legend span{font-size:.82rem;border:1px solid var(--line);border-radius:999px;padding:4px 9px}.atlas-risk{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.atlas-risk div{padding:10px;border-radius:10px;background:var(--bg);border:1px solid var(--line)}.atlas-path-note{padding:12px;border-radius:12px;background:color-mix(in srgb,var(--accent) 10%,var(--panel));border:1px solid var(--line)}
@media(max-width:1050px){.atlas-layout{grid-template-columns:1fr}.atlas-detail{position:static;max-height:none}.atlas-stage{min-height:590px}}
@media(max-width:620px){.atlas-shell{padding:10px}.atlas-stage{border-radius:14px}.atlas-toolbar>*{width:100%}.atlas-detail{border-radius:14px}.atlas-node{width:132px}.atlas-canvas{transform-origin:top left}}