.system-sections{display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.system-sections.open{display:grid}
.system-sections button{min-width:0;padding:8px 6px;line-height:1.5;word-break:normal;overflow-wrap:break-word}
.system-row.off:not(.active){opacity:.65}
@media(max-width:760px){.system-sections{grid-template-columns:repeat(3,minmax(0,1fr))}}
.systems-panel{overflow-y:auto;scrollbar-width:thin}
.systems-panel .panel-heading{padding:12px 16px 8px;flex-shrink:0}
.systems-panel .panel-heading h1{font-size:18px;margin:6px 0 0}
.systems-panel .knowledge-picker{padding:8px 16px;gap:4px;flex-shrink:0}
.systems-panel .knowledge-picker select{padding:7px;min-height:36px}
.systems-panel .whole-button,.systems-panel>.section-heading,.systems-panel .layer-control{flex-shrink:0}
.systems-panel .system-list{flex:1 0 120px;min-height:120px}
.systems-panel .layer-control{padding:9px 16px 7px}
.systems-panel .layer-control label{margin-bottom:4px}
.systems-panel .layer-control p{margin:4px 0;line-height:1.5}
.systems-panel .part-explode-control{margin-top:6px;padding-top:8px}
@media(max-width:800px){.systems-panel .panel-heading{padding-right:64px}.systems-panel .knowledge-picker>a{min-height:24px}.systems-panel .knowledge-picker select{min-height:44px;font-size:13px}.systems-panel .layer-control input{height:27px}}

.view-buttons{flex-wrap:wrap;justify-content:flex-end}.view-buttons [data-opening][aria-pressed="true"]{background:#1b5d58;color:#fff;border-color:#1b5d58}

.groups-controls{padding:8px 16px 12px;flex-shrink:0;border-bottom:1px solid #e1e9ef}
.groups-controls h2{font-size:13px;margin:0 0 8px}.groups-buttons{display:grid;gap:5px}
.groups-controls button,.group-keypart button{width:100%;text-align:left;border:1px solid #d9e3e9;border-radius:5px;padding:7px 9px;background:#f8fbfc;color:#284352;font-size:12px;min-height:32px}
.groups-controls button[aria-pressed=true],.group-keypart button[aria-pressed=true]{background:#1b5d58;color:#fff;border-color:#1b5d58}
.groups-controls #hv-toggle{margin-top:8px;border-color:#e6a65a;background:#fff3e1;color:#803b00}.groups-controls #hv-toggle[aria-pressed=true]{background:#b95200;color:#fff}
.groups-controls #group-exit{margin-top:6px;text-align:center}.group-parts{border-top:1px solid #dce6ec;border-bottom:1px solid #dce6ec;margin:12px 0;padding:8px 0}.group-parts h3{font-size:14px;margin:4px 0 10px}
.group-keypart{margin:0 0 10px}.group-keypart p{font-size:12px;line-height:1.6;margin:4px 3px;color:#526773}
.groups-warning{position:absolute;z-index:2;top:82px;left:14px;right:14px;padding:10px 14px;border:2px solid #df7a00;border-radius:6px;background:#fff4e8f5;color:#783300;font-size:12px;line-height:1.5;pointer-events:none}.groups-warning p{margin:4px 0}.group-part-warning{padding:9px;border:1px solid #df7a00;background:#fff3e1;color:#843800;font-size:12px;line-height:1.6}
@media(max-width:800px){.groups-controls button,.group-keypart button{min-height:44px}.groups-warning{top:105px;left:10px;right:10px;font-size:11px;padding:8px}}

.groups-controls .groups-heading{margin:0}.groups-controls .groups-heading button{border:0;background:transparent;padding:0;min-height:32px;font-weight:600;font-size:13px}.groups-content{padding-top:8px}.groups-content[hidden]{display:none}

/* Compact left sidebar shared by all current and future viewer pages. */
.systems-panel .system-list{flex:1 0 0;min-height:80px}
.systems-panel .system-row{grid-template-columns:minmax(0,1fr) 32px;margin:2px 0;min-height:38px}
.systems-panel .system-select{padding:5px 6px;gap:5px;min-height:36px;font-size:12px}
.systems-panel .system-select>span:first-child{display:flex;flex:0 0 16px}
.systems-panel .system-select .system-icon{width:16px;height:16px}
.systems-panel .system-select .system-text{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px;flex:1;min-width:0}
.systems-panel .system-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.systems-panel .system-select small{display:inline;white-space:nowrap;margin:0;font-size:10px;line-height:1.4}
.systems-panel .visibility-button{min-height:36px;width:32px}
.systems-panel .view-controls{flex-shrink:0;border-top:1px solid #e4ebf0;background:#fafcfe}
.systems-panel .view-controls h2{margin:0;padding:6px 16px;font-size:13px}
.systems-panel #view-collapse{width:100%;min-height:32px;padding:0;border:0;background:transparent;color:#284352;font:inherit;font-weight:600;text-align:left;cursor:pointer}
.systems-panel .view-controls .layer-control{border-top:0}
.systems-panel .view-controls .layer-control[hidden]{display:none}
@media(max-width:800px){.systems-panel .system-select,.systems-panel .visibility-button{min-height:44px}.systems-panel #view-collapse{min-height:44px}}