.bom-inspection-card { margin:14px 0 18px; scroll-margin-top:150px; border:1px solid var(--border, #bbb); border-radius:6px; background:var(--platform-card-bg-strong, #afafaf); }
.bom-inspection-card > summary { display:flex; align-items:center; justify-content:space-between; padding:12px 14px; cursor:pointer; font-size:13px; }
.bom-inspection-body { padding:0 12px 12px; }
.bom-inspection-toolbar { margin:0 2px 4px; font-size:13px; }
.bom-inspection-toolbar strong { font-weight:500; }
.bom-inspection-linked-panes { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.bom-inspection-pane { min-width:0; }
.bom-inspection-pane-head { display:flex; align-items:baseline; justify-content:space-between; gap:8px; padding:6px 2px; min-height:28px; }
.bom-inspection-pane-head strong { font-size:13px; font-weight:500; }
.bom-inspection-pane-head small { font-size:11px; color:var(--text-muted); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.bom-inspection-viewport { position:relative; overflow:hidden; border:1px solid var(--planner-border, #545955); border-radius:8px; }
.bom-inspection-compass { position:absolute; top:12px; right:12px; }
.bom-inspection-viewport .planner-viewport-controls { position:absolute; bottom:16px; left:50%; transform:translateX(-50%); }
.bom-inspection-svg { display:block; width:100%; height:450px; touch-action:none; cursor:grab; }
.bom-inspection-native-context { opacity:.6; filter:grayscale(1); }
.is-dimmed-context .bom-inspection-native-context { opacity:.4; }
.bom-inspection-highlight [fill]:not([fill="none"]) { fill:#e0ab5288 !important; }
.bom-inspection-highlight path, .bom-inspection-highlight polygon, .bom-inspection-highlight rect, .bom-inspection-highlight line, .bom-inspection-highlight polyline, .bom-inspection-highlight circle { stroke:#c17b1a !important; stroke-opacity:1 !important; stroke-width:1.8px !important; vector-effect:non-scaling-stroke; }
.bom-inspection-highlight .bom-inspection-highlight-box { fill:#ff8c1a !important; fill-opacity:.3; stroke:#eb790d !important; stroke-width:2px !important; pointer-events:none; }
.bom-inspection-house-name { fill:#35443a; font-weight:600; }
.bom-inspection-pending { font-size:12px; margin-top:8px; }
.project-bom-inspect-button { border:0; background:none; color:inherit; font:inherit; font-size:12px; font-weight:400; text-align:left; padding:0; cursor:pointer; text-decoration:underline; text-underline-offset:3px; }
.project-bom-inspect-button:hover { color:var(--accent, #a5722b); }
.project-bom-inspect-button.is-selected { color:#ad711b; }
.project-bom-inspect-button:focus-visible { outline:2px solid var(--accent, #a5722b); outline-offset:4px; }
.project-bom-catalog-secondary { display:block; font-size:11px; margin-top:4px; opacity:.7; }
.viewer-parts-scope { display:flex; flex-wrap:wrap; gap:14px; margin:12px 0; }
.viewer-parts-scope label { display:flex; align-items:center; gap:8px; font-size:12px; }
.project-bom-controls:not(.is-hierarchy):has(#projectBomLevelFilter) { grid-template-columns:repeat(4,minmax(0,1fr)); }
@media(max-width:720px) { .bom-inspection-linked-panes { grid-template-columns:minmax(0,1fr); } .bom-inspection-svg { height:340px; } .bom-inspection-card > summary { gap:8px; flex-wrap:wrap; } }