/* R24.31 - progressive diagram inspector and SVG zoom; existing source diagrams are preserved. */
.dgx-inspector,.dgx-zoom-bar{--dgx-accent:#64dbd0;--dgx-ink:#eaf8fc;--dgx-muted:#b7cad6;--dgx-line:rgba(255,255,255,.19);box-sizing:border-box;max-width:100%;min-width:0;margin:10px 0 20px;padding:12px 14px;background:#0a2a40;color:var(--dgx-ink);border:1px solid var(--dgx-line);border-radius:14px;box-shadow:0 12px 25px rgba(0,0,0,.09);font-size:.88rem;line-height:1.45}
.dgx-heading{display:block;margin:0 0 8px;font-size:.72rem;letter-spacing:.07em;text-transform:uppercase;color:#92e7da;font-weight:850}
.dgx-toolbar,.dgx-zoom-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.dgx-toolbar{margin-top:6px}
.dgx-button,.dgx-picker{box-sizing:border-box;font:inherit;font-weight:730;font-size:.84rem;min-height:42px;padding:9px 12px;border:1px solid rgba(255,255,255,.24);border-radius:9px;background:rgba(255,255,255,.065);color:#f6fcff;cursor:pointer}
.dgx-button:hover:not(:disabled),.dgx-picker:hover{background:rgba(112,229,216,.13);border-color:#70e5d8}
.dgx-button:disabled{cursor:default;opacity:.44}
.dgx-button:focus-visible,.dgx-picker:focus-visible,[data-dgx-active]:focus-visible{outline:3px solid #74e5d6;outline-offset:3px}
.dgx-picker{min-width:0;width:100%;max-width:400px;white-space:normal;color-scheme:dark}
.dgx-select-label{flex:1 1 235px;max-width:430px;min-width:180px}
.dgx-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.dgx-detail{margin-top:10px;padding:12px 14px;background:rgba(112,229,216,.11);border-left:3px solid #70e5d8;border-radius:8px;color:#eefbff;overflow-wrap:anywhere}
.dgx-detail[hidden]{display:none}
.dgx-count{display:block;font-size:.72rem;color:#9ae8db;margin-bottom:5px;font-weight:750}
.dgx-title{display:block;color:#fff;font-size:.95rem}
.dgx-body{color:#c8dce5;font-size:.86rem;margin:5px 0 0}
.dgx-note{margin:8px 0 0;color:#b7cad6;font-size:.74rem}
[data-dgx-enhanced=true] [data-dgx-active]{position:relative;cursor:pointer;outline-offset:2px;transition:opacity .16s ease,box-shadow .16s ease,background-color .16s ease}
[data-dgx-enhanced=true] [data-dgx-active=true]{box-shadow:inset 3px 0 0 #70e5d8,0 0 0 2px rgba(112,229,216,.38)!important;background-color:rgba(74,188,182,.14)!important;opacity:1!important}
[data-dgx-enhanced=true] [data-dgx-dimmed=true]{opacity:1}
[data-dgx-enhanced=true] [role=button]:hover{outline:2px solid rgba(112,229,216,.5);outline-offset:2px}
.dgx-zoom-bar{margin:8px 0 20px;gap:8px}
.dgx-zoom-value{min-width:62px;text-align:center;color:#d5f5f2;font-variant-numeric:tabular-nums;font-weight:750}
.dgx-open{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.bpmn-canvas[data-dgx-zoom-ready=true],.calling-topology-scroll[data-dgx-zoom-ready=true]{overflow:auto;scrollbar-gutter:stable;scroll-behavior:auto}
.bpmn-canvas[data-dgx-zoom-ready=true]>img,.calling-topology-scroll[data-dgx-zoom-ready=true]>img{max-width:none!important;height:auto;display:block}
@media(max-width:600px){.dgx-inspector,.dgx-zoom-bar{padding:12px 10px}.dgx-toolbar{gap:7px}.dgx-select-label{order:-1;flex-basis:100%;max-width:none}.dgx-picker{max-width:100%}.dgx-button{padding-inline:10px}.dgx-open{width:100%}}
@media(prefers-reduced-motion:reduce){[data-dgx-enhanced=true] [data-dgx-active]{transition:none!important}}
@media print{.dgx-inspector,.dgx-zoom-bar{display:none!important}[data-dgx-enhanced=true] [data-dgx-dimmed=true]{opacity:1!important}[data-dgx-enhanced=true] [data-dgx-active=true]{box-shadow:none!important}}
.architecture-console>.dgx-inspector{margin:14px 16px 18px}
.hk-figure>.dgx-inspector,.hs-map>.dgx-inspector,.hj-figure>.dgx-inspector,.hi-figure>.dgx-inspector,.hw-figure>.dgx-inspector{margin-inline:0}
.knowledge-diagram>.dgx-inspector{margin-bottom:0}

/* Closed by default: keep the accepted hero composition compact until interaction. */
details.dgx-inspector{padding:0}
details.dgx-inspector>.dgx-heading{display:list-item;margin:0;padding:11px 15px;cursor:pointer;color:#92e7da;font-weight:800;letter-spacing:.035em;text-transform:none;font-size:.84rem;list-style-position:inside}
details.dgx-inspector>.dgx-heading:hover{background:rgba(255,255,255,.055)}
details.dgx-inspector>.dgx-toolbar,details.dgx-inspector>.dgx-detail,details.dgx-inspector>.dgx-note{margin:10px 14px}
details.dgx-inspector:not([open])>.dgx-toolbar,details.dgx-inspector:not([open])>.dgx-detail,details.dgx-inspector:not([open])>.dgx-note{display:none}
details.dgx-inspector[open]>.dgx-heading{border-bottom:1px solid rgba(255,255,255,.12)}

.hcsa-zeta-architecture>.dgx-inspector{margin:14px 0 0}

/* Contrast-safe inspector: non-selected labels never become translucent. */
[data-dgx-enhanced=true] [data-dgx-dimmed=true]{opacity:1!important}
[data-dgx-enhanced=true] [data-dgx-active=false]{opacity:1!important}
[data-dgx-enhanced=true] [data-dgx-active=true]{outline:2px solid #70e5d8;outline-offset:2px}
[data-dgx-enhanced=true] [data-dgx-use-picker=true]{cursor:inherit}
@media(forced-colors:active){[data-dgx-enhanced=true] [data-dgx-active=true]{outline:3px solid Highlight;outline-offset:2px}.dgx-button:focus-visible,.dgx-picker:focus-visible{outline:3px solid Highlight}}