.dependency-atlas{--route-color:#e4ad50;background:#080c12;color:#e7edf5;border:1px solid #26303d;font-family:var(--font,Arial,sans-serif);isolation:isolate;position:relative;overflow:hidden}.dependency-atlas *{box-sizing:border-box}.dependency-atlas button{font:inherit;cursor:pointer;touch-action:manipulation}.dependency-atlas button:focus-visible{outline:2px solid #dcefff;outline-offset:3px}.dep-topline{display:flex;justify-content:space-between;align-items:center;padding:18px 28px 15px;border-bottom:1px solid #202a37}.dep-eyebrow,.dep-count,.dep-story-label,.dep-status-label{font-family:var(--mono,monospace);font-size:10px;letter-spacing:.11em}.dep-eyebrow{color:#b6c4d6}.dep-count{display:flex;align-items:center;gap:12px;color:#768599;font-size:9px;letter-spacing:.03em}.dep-count i{width:3px;height:3px;border-radius:50%;background:#677b94}.dep-presets{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #283342}.dep-presets button{display:flex;align-items:center;text-align:left;gap:12px;padding:15px 22px;min-height:54px;border:0;border-right:1px solid #242e3b;background:transparent;color:#8b99ad;font-size:12px;line-height:1.4;position:relative;transition:background .2s,color .2s}.dep-presets button:last-child{border-right:0}.dep-presets button>span{font:9px var(--mono,monospace);color:#596c84}.dep-presets button>b{font-size:15px;font-weight:400;margin-left:auto;color:#5c728e}.dep-presets button:hover{background:#111924;color:#e0e8f3}.dep-presets button[aria-pressed=true]{background:#131b27;color:#edf3fc}.dep-presets button[aria-pressed=true]:after{content:'';position:absolute;left:22px;right:22px;bottom:0;height:2px;background:var(--route-color)}.dep-presets button[aria-pressed=true]>span,.dep-presets button[aria-pressed=true]>b{color:var(--route-color)}.dep-story{display:flex;justify-content:space-between;gap:50px;align-items:center;padding:22px 28px 4px}.dep-story>div:first-child{max-width:720px}.dep-story-label{font-size:8px;color:#64778f;margin:0 0 11px;display:flex;gap:17px;align-items:center}.dep-system-name{color:var(--route-color);font-size:9px;letter-spacing:.03em}.dep-story h3{font-size:clamp(21px,2.05vw,31px);line-height:1.2;font-weight:450;letter-spacing:-.035em;margin:0 0 11px;color:#f0f4fa}.dep-story-intro{font-size:12px;line-height:1.65;color:#92a0b4;margin:0;max-width:670px}.dep-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;flex:0 0 auto;max-width:390px}.dep-actions button{display:flex;align-items:center;gap:22px;padding:12px 15px;min-height:44px;border:1px solid #3a485b;font-size:11px;font-weight:450;transition:background .2s,border-color .2s;color:#dce6f5;background:#101822}.dep-actions button span{font-size:15px;font-weight:400}.dep-actions .dep-run{background:#e1e9f2;color:#101721;border-color:#e1e9f2}.dep-actions .dep-run:hover{background:#fff}.dep-actions .dep-control{border-color:#527363;color:#a2d7bd}.dep-actions .dep-control:hover:not(:disabled){background:#12251c}.dep-actions .dep-reset{border-color:transparent;color:#8190a5;font-size:10px;padding:10px 5px}.dep-actions button:disabled{cursor:default;opacity:.35}.dep-actions .dep-control:disabled{border-color:#293e34}.dep-canvas{padding:15px 18px 0;position:relative}.dep-svg{display:block;width:100%;height:auto;overflow:visible}.dep-group-labels{font:9px var(--mono,monospace);letter-spacing:1.4px;fill:#8a9aae}.dep-group-labels path{stroke:#2d3b4d;stroke-width:.65}.dep-group-number{font:9px var(--mono,monospace);letter-spacing:1.2px;fill:#4e6683}.dep-base-edges path{stroke:#7289a6;stroke-opacity:.2;stroke-width:.8}.dep-node{outline:none}.dep-node-text{font-size:14px;fill:#9aa8ba;paint-order:stroke;stroke:#080c12;stroke-width:4px;stroke-linejoin:round;letter-spacing:.1px;pointer-events:none}.dep-node.is-route .dep-node-text{fill:#e5edf8}.dep-node.is-affected .dep-node-text{fill:#f8cbb5}.dep-node.is-blocked .dep-node-text{fill:#647185}.dep-node.is-blocked .dep-node-icon{opacity:.4}.dep-system{cursor:pointer}.dep-system:hover .dep-node-text,.dep-system:focus-visible .dep-node-text{fill:#fff}.dep-system:focus-visible .dep-system-hit{stroke:#e7f3ff;stroke-width:2;stroke-dasharray:3 3;stroke-opacity:1}.dep-system:hover .dep-system-hit{fill:#131d2c;stroke:#566c88;stroke-opacity:.7}.dep-node-icon{pointer-events:none}.dep-node-halo{pointer-events:none}.dep-control-label{font-size:11px;fill:#a9e1c7;paint-order:stroke;stroke:#080c12;stroke-width:5px;stroke-linejoin:round;font-weight:500}.dep-blocked-note{font:7px var(--mono,monospace);fill:#7c8c9f;letter-spacing:.4px;paint-order:stroke;stroke:#080c12;stroke-width:4px}.dep-map-instruction{font:9px var(--mono,monospace);fill:#b0c2d9;letter-spacing:1.5px}.dep-map-subinstruction{font:11px var(--font,Arial,sans-serif);fill:#6e819b;letter-spacing:0}.dep-outcome{margin:0 28px;padding:22px 0;display:grid;grid-template-columns:6px 195px 1fr auto;gap:14px;align-items:start;border-top:1px solid #2a3544;min-height:95px}.dep-status-marker{width:5px;height:5px;background:var(--route-color);border-radius:50%;margin-top:5px}.dep-status-label{font-size:8px;color:#98abc3;line-height:1.7;letter-spacing:.06em}.dep-status-copy{font-size:12px;color:#aab8ca;line-height:1.65;margin:0;max-width:900px}.dep-outcome .dep-pause{color:#b9c9de;border:1px solid #34465e;padding:6px 10px;background:transparent;min-height:32px;font-size:10px}.dep-outcome .dep-pause[hidden]{display:none}.dependency-atlas[data-mode=failed] .dep-status-marker{background:#f1a184;box-shadow:0 0 10px #d9906555}.dependency-atlas[data-mode=failed] .dep-status-label{color:#e8af94}.dependency-atlas[data-mode=controlled] .dep-status-marker{background:#8dd9bb;box-shadow:0 0 10px #8dd9bb44}.dependency-atlas[data-mode=controlled] .dep-status-label{color:#9bd2b8}.dep-bottom{padding:16px 28px;display:flex;justify-content:space-between;gap:25px;border-top:1px solid #202a36;background:#0a1018}.dep-legend{display:flex;gap:24px;align-items:center;flex-shrink:0}.dep-legend>span{display:flex;align-items:center;gap:8px;font-size:9px;color:#8090a6}.dep-legend-line,.dep-legend-route{width:22px;height:1px;background:#637b99;opacity:.6}.dep-legend-route{background:var(--route-color);opacity:1}.dep-legend-stop{display:block;width:7px;height:7px;border:1px solid #8dd9bb;transform:rotate(45deg);margin:0 7px}.dep-bottom p{font-size:9px;line-height:1.5;color:#687b94;margin:0;text-align:right}.dep-mobile-domains{display:none}.dep-mobile-node-category{font:8px var(--mono,monospace);fill:#556f91;letter-spacing:1px}.dependency-atlas[data-compact=true] .dep-mobile-domains{display:flex;gap:7px;overflow-x:auto;padding:8px 18px 12px;scrollbar-width:thin;scrollbar-color:#34455b #0c121b}.dep-mobile-domains button{flex:0 0 auto;border:1px solid #293647;padding:9px 12px;min-height:40px;color:#899cb5;background:transparent;font-size:10px}.dep-mobile-domains button[aria-pressed=true]{border-color:var(--system-color);color:#ecf4ff}.dependency-atlas[data-compact=true] .dep-node-text{font-size:15px;stroke-width:5px}.dependency-atlas[data-compact=true] .dep-node.is-blocked .dep-node-text{font-size:14px}.dependency-atlas[data-compact=true] .dep-system-hit{stroke-width:.7}.dependency-atlas[data-compact=true] .dep-blocked-note{font-size:7px}.dependency-atlas[data-compact=true] .dep-control-label{font-size:10px}.dependency-atlas[data-compact=true] .dep-group-number{font-size:9px}.dependency-atlas[data-compact=true] .dep-canvas{padding:0 14px}.dependency-atlas[data-compact=true] .dep-presets{grid-template-columns:1fr 1fr}.dependency-atlas[data-compact=true] .dep-presets button{padding:15px 14px;min-height:58px;font-size:11px;gap:8px}.dependency-atlas[data-compact=true] .dep-presets button:nth-child(2){border-right:0}.dependency-atlas[data-compact=true] .dep-presets button:nth-child(-n+2){border-bottom:1px solid #243143}.dependency-atlas[data-compact=true] .dep-story{display:block;padding:25px 18px 18px}.dependency-atlas[data-compact=true] .dep-story h3{font-size:25px;max-width:430px}.dependency-atlas[data-compact=true] .dep-story-intro{font-size:12px;max-width:530px}.dependency-atlas[data-compact=true] .dep-actions{margin-top:20px;max-width:100%;gap:8px}.dependency-atlas[data-compact=true] .dep-actions button{font-size:10px;padding:11px 12px;gap:14px}.dependency-atlas[data-compact=true] .dep-actions .dep-reset{padding-left:5px;padding-right:5px;font-size:9px}.dependency-atlas[data-compact=true] .dep-outcome{margin:0 18px;grid-template-columns:6px 1fr;gap:9px 11px;padding:20px 0;min-height:0}.dependency-atlas[data-compact=true] .dep-status-copy{grid-column:2;font-size:12px}.dependency-atlas[data-compact=true] .dep-pause{grid-column:2;justify-self:start;margin-top:5px}.dependency-atlas[data-compact=true] .dep-bottom{display:block;padding:15px 18px}.dependency-atlas[data-compact=true] .dep-bottom p{text-align:left;margin-top:12px}.dependency-atlas[data-compact=true] .dep-legend{gap:18px;flex-wrap:wrap}.dependency-atlas[data-compact=true] .dep-topline{padding:18px}.dependency-atlas[data-compact=true] .dep-count{font-size:8px;gap:8px}.dependency-atlas[data-compact=true] .dep-eyebrow{font-size:8px}.dependency-atlas[data-compact=true] .dep-status-label{font-size:8px}
@media(prefers-reduced-motion:reduce){.dependency-atlas *{transition:none!important}}
@media(min-width:721px) and (max-width:1080px){.dep-story{gap:22px;align-items:flex-start}.dep-actions{max-width:170px}.dep-actions button{width:100%;justify-content:space-between}.dep-actions .dep-reset{width:auto}.dep-status-label{font-size:7px}.dep-outcome{grid-template-columns:6px 150px 1fr;gap:12px}.dep-pause{grid-column:3;justify-self:start}.dep-bottom{gap:15px}.dep-legend{gap:16px}.dep-bottom p{max-width:260px}}

.dep-map-status{font:9px var(--mono,monospace);letter-spacing:.45px}.dep-map-copy{font:13px var(--font,Arial,sans-serif);fill:#b8c9dd}.dep-callout-kicker{font:7px var(--mono,monospace);letter-spacing:.7px;fill:#b99783}.dep-callout-copy{font:12px var(--font,Arial,sans-serif);fill:#f2cfb7}.dependency-atlas:not([data-compact=true]) .dep-outcome{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;min-height:0}.dependency-atlas[data-compact=true] .dep-callout-kicker{font-size:6px}.dependency-atlas[data-compact=true] .dep-callout-copy{font-size:9px}

.dependency-atlas .dep-pause[hidden]{display:none}.dep-actions .dep-pause{font-size:10px;min-height:36px;padding:8px 12px;color:#b9c9de;border-color:#34465e;background:transparent}
