/* Do not let empty full-canvas layers intercept node/pump/pipe events. */
#mapCanvas .map-layer{pointer-events:none!important}
#mapCanvas .map-node,#mapCanvas .map-tool,#mapCanvas .map-pipe{pointer-events:auto!important}
#mapCanvas #labelLayer,#mapCanvas #labelLayer *{pointer-events:none!important}
#mapCanvas .map-node:focus-visible,#mapCanvas .map-tool:focus-visible,#mapCanvas .map-pipe:focus-visible{outline:3px solid #8cebd9;outline-offset:4px}
#mapStage{display:block!important;overflow:auto!important;max-height:calc(100vh - 190px);min-height:420px}
#mapFit{position:relative;display:block!important;flex:none;min-width:0!important;margin:0}
#mapCanvas{position:absolute!important;left:0;top:0;transform-origin:0 0!important}
#mapCanvas .live-readable-values{position:absolute;z-index:8;left:50%;top:100%;margin-top:6px;transform:translateX(-50%) scale(var(--live-value-inverse,1));transform-origin:top center;min-width:138px;max-width:230px;padding:6px 9px;border-radius:8px;background:#081524f2;border:1px solid #789ab5;box-shadow:0 3px 12px #0006;color:#edf5fc;pointer-events:auto;font:13px/1.3 system-ui}
#mapCanvas .live-readable-values>div{display:flex;justify-content:space-between;align-items:center;gap:12px;white-space:nowrap}
#mapCanvas .live-readable-values strong{font-size:19px;font-weight:750;font-variant-numeric:tabular-nums}
#mapCanvas .live-readable-values .is-stale{color:#a5b5c5}
#schemaElementCard{width:440px!important;max-width:calc(100vw - 20px)!important;font:16px/1.5 system-ui!important;padding:18px!important;max-height:calc(100dvh - 20px)!important}
#schemaElementCard b,#schemaElementCard .atmos-c18s-detail strong{font-size:20px}
#schemaElementCard .atmos-c18s-detail>div{font-size:14px}
#schemaElementCard header strong{font-size:19px}
#schemaElementCard header button{min-width:34px;min-height:34px;font-size:23px}
#schemaElementCard footer a,#schemaElementCard footer button{padding:6px 8px;min-height:32px}
#schemaElementCard [data-chart] svg{min-height:125px}
#liveZoomValue{min-width:48px;text-align:center;font-size:13px;color:#d0e1ef;align-self:center}
:fullscreen #mapStage,#mapStage:fullscreen{height:100dvh!important;max-height:100dvh!important}
@media(max-width:650px){#mapStage{max-height:72dvh;min-height:340px}#schemaElementCard{font-size:15px!important}}