/* Schematic viewer: neutral interface; colour belongs to the engineering systems. */
.viewer-section,.case-explorer{--model-ink:#e5e7e7;--model-muted:#afb5b8;--model-line:#485055}
.case-explorer .viewer-top{padding-top:34px;padding-bottom:26px;gap:24px 48px;align-items:start}
.case-explorer .viewer-top h2,.case-explorer .viewer-top h3{margin-top:12px}
.case-explorer .model-floor-control{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center;padding-top:4px;max-width:100%;font-size:14px;line-height:1.4;color:var(--model-muted)}
.model-floor-control [data-floor][hidden]{display:none!important}
.model-select{display:inline-block;position:relative;min-width:188px;max-width:100%;color:var(--model-ink)}
.case-explorer .model-select-trigger{appearance:none;display:flex;align-items:center;justify-content:space-between;gap:26px;width:100%;min-height:44px;border:0;border-bottom:1px solid var(--model-line);border-radius:0;background:transparent;color:inherit;font:inherit;font-size:14px;text-align:left;padding:10px 4px;box-shadow:none;cursor:pointer;transition:border-color .2s ease}
.model-select-trigger::after{content:'';width:7px;height:7px;flex:none;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s ease}
.model-select-trigger[aria-expanded=true]::after{transform:rotate(225deg) translate(-2px,-1px)}
.case-explorer .model-select-trigger:hover{background:transparent;border-color:#c6cbcd;color:var(--model-ink)}
.case-explorer .model-select-trigger:focus{outline:0}
.case-explorer .model-select-trigger:focus-visible{outline:1px solid #c6cbcd;outline-offset:3px}
.model-select-trigger:disabled{opacity:.5;cursor:wait}
.model-select-list{display:grid;position:absolute;z-index:40;inset:calc(100% + 8px) 0 auto;min-width:100%;max-width:100%;max-height:min(360px,55dvh);overflow-y:auto;overscroll-behavior:contain;padding:6px;background:#20272b;border:1px solid var(--model-line);border-radius:0;color:var(--model-ink)}
.model-select-list[hidden]{display:none!important}
.model-select-list [role=option]{display:block;position:relative;min-height:40px;padding:10px 32px 10px 10px;font-size:14px;line-height:1.4;cursor:pointer;transition:background .15s ease}
.model-select-list [role=option]:hover,.model-select-list [role=option].is-active{background:#363e42}
.model-select-list [aria-selected=true]::after{content:'✓';position:absolute;right:10px;color:inherit;font-size:13px}
.case-explorer .system-controls{padding-bottom:20px;row-gap:8px}
.viewer .viewer-status{color:var(--model-muted);padding-top:8px;padding-bottom:16px;font-size:12px;line-height:1.55}
.viewer .viewer-tools{padding-top:18px;padding-bottom:26px}
.viewer .camera-controls button,.model-show-all{color:var(--model-muted);border-color:var(--model-line)}
.viewer .camera-controls button:hover,.model-show-all:hover{color:var(--model-ink);border-color:var(--model-ink);background:transparent}
.viewer .camera-controls button:focus-visible,.equipment-picker:focus-visible,.model-show-all:focus-visible{outline:1px solid #c6cbcd!important;outline-offset:3px}
.synapse-credit{display:flex;align-items:baseline;flex-wrap:wrap;justify-content:space-between;gap:12px 32px;padding:22px var(--edge);border-top:1px solid #485055;border-bottom:0;color:#afb5b8;font-size:12px;line-height:1.6}
.synapse-credit>span{max-width:none;flex:1 1 350px}
.synapse-credit a{flex:none;color:#afb5b8!important;font-size:12px;text-decoration:none;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}
.synapse-credit a:hover{color:#e5e7e7!important;border-bottom-color:currentColor;text-decoration:none}
.synapse-credit a:focus-visible{outline:1px solid #c6cbcd;outline-offset:4px}
.case-explorer .equipment-toolbar{padding-top:26px;padding-bottom:30px;background:#182024;border-color:#485055}
.equipment-toolbar>p{font-size:14px;line-height:1.6;margin-bottom:20px;color:#afb5b8}
.equipment-selection{margin-top:24px;gap:16px 24px}
.equipment-selection .equipment-label{font-size:16px;color:#e5e7e7}
.equipment-picker{background:#20272b;color:#e5e7e7;border-color:#687176}
.model-legend{display:flex;flex-wrap:wrap;gap:10px 22px;padding:0 var(--edge) 22px;font-size:11px;color:#afb5b8}
.model-legend span{display:inline-flex;gap:8px;align-items:center}
.model-legend i{display:inline-block;width:6px;height:6px;background:#1267fa}
.model-legend span+span i{background:#fd5a00}
@media(max-width:800px){
 .case-explorer .viewer-top{padding:28px 16px 22px;gap:24px}
 .case-explorer .model-floor-control{width:100%;justify-content:space-between;gap:12px}
 .model-select{min-width:174px;flex:0 1 55%}.model-select-list{min-width:100%;font-size:13px}
 .case-explorer .system-controls{padding-bottom:16px}
 .synapse-credit{padding:20px 16px;gap:12px}.synapse-credit>span{flex:1 1 100%;max-width:none}
 .case-explorer .equipment-toolbar{padding:24px 16px 28px}
 .equipment-selection .equipment-label{font-size:15px}
 .model-legend{padding:0 16px 20px}
}
@media(prefers-reduced-motion:reduce){.model-select-trigger,.model-select-trigger::after,.model-select-list [role=option],.synapse-credit a{transition:none}}
