.electrical-panel[hidden], .electrical-diagnostics[hidden] { display:none; }
.electrical-panel { padding:14px; }
.electrical-kicker { color:#587686; font-size:10px; letter-spacing:1px; }
.electrical-axis-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:12px 0; }
.electrical-axis { padding:9px 6px; border:1px solid #d9e4e9; border-radius:12px; background:#f5f9fb; }
.electrical-axis h4 { margin:0 4px 8px; font-size:13px; color:#244c64; }
.electrical-axis button { display:block; width:100%; margin-top:5px; padding:9px 3px; border:1px solid #d5e1e8; border-radius:8px; background:white; color:#49626e; font-size:11px; cursor:pointer; }
.electrical-axis button.active, .electrical-extras button.active { color:white; border-color:#226e9f; background:#226e9f; box-shadow:0 3px 8px #226e9f22; }
.electrical-extras { display:flex; gap:7px; margin-bottom:13px; }
.electrical-extras button { flex:1; padding:9px 5px; border:1px solid #d5e1e8; border-radius:9px; color:#49626e; background:white; font-size:11px; cursor:pointer; }
.electrical-route-title { font-size:14px; line-height:1.6; color:#1d435e; margin:12px 0 7px; }
.electrical-path { display:grid; gap:0; }
.electrical-stop { border:1px solid #dce6ec; border-radius:11px; background:#f9fbfc; padding:10px 12px; font-size:11px; color:#334f60; line-height:1.55; }
.electrical-stop small { display:block; color:#778a95; font-size:10px; margin-top:2px; }
.electrical-path-arrow { color:#9baeba; margin:1px 18px; font-size:12px; }
.electrical-board-btn { width:100%; text-align:left; border:1px solid #abc8da; color:#174f75; background:#ecf5fb; cursor:pointer; }
.electrical-board-btn strong { display:block; }
.electrical-note { padding:10px 11px; border-radius:10px; background:#fff8e9; color:#846331; font-size:10px; line-height:1.7; margin:9px 0; }
.electrical-caption { color:#758590; font-size:10px; line-height:1.7; margin:7px 0; }
.electrical-research { margin-top:10px; font-size:11px; line-height:1.7; color:#49626e; }
.electrical-research summary { cursor:pointer; color:#32566b; }
.electrical-research p { margin:8px 0; }
.electrical-research .electrical-image-btn { margin:3px 0; }
.electrical-plan-stage { min-width:0!important; }
.drawing-plan-stage.electrical-plan-stage > svg { overflow:hidden; }
.drawing-plan-viewer.is-fullscreen .drawing-plan-stage.electrical-plan-stage { will-change:auto; }
.electrical-plan-stage svg { pointer-events:none; }
.electrical-plan-stage svg [role=button] { pointer-events:all; cursor:pointer; }
.electrical-plan-stage svg [role=button]:focus { outline:none; stroke:#e38b26; stroke-width:1.5; }
.electrical-plan-stage .electrical-wire { fill:none; stroke:#ff0000; opacity:1; stroke-linecap:butt; stroke-linejoin:round; pointer-events:none; }
.electrical-plan-stage .electrical-port { fill:none; stroke:#d57b19; stroke-width:.8; }
.electrical-diagnostics h3 { color:#244a61; font-size:14px; margin-bottom:9px; }
.electrical-diagnostics h4 { color:#244a61; font-size:12px; margin:12px 0 6px; }
.electrical-diagnostics details { border-top:1px solid #e4eaf0; padding:11px 0; }
.electrical-diagnostics summary { font-size:12px; color:#32566b; cursor:pointer; line-height:1.5; }
.electrical-diagnostics details p { font-size:11px; line-height:1.85; color:#5d707c; margin:8px 0; }
.electrical-table-wrap { overflow:auto; margin:8px 0; }
.electrical-table { width:100%; border-collapse:collapse; font-size:10px; line-height:1.55; }
.electrical-table th { text-align:left; background:#ecf3f7; color:#385a71; }
.electrical-table td,.electrical-table th { padding:8px 6px; border-bottom:1px solid #e3eaf0; }
.electrical-table td:first-child { font-weight:700; color:#205b80; white-space:nowrap; }
.electrical-link { color:#1d6897; font-size:11px; text-decoration:none; display:inline-block; margin:7px 10px 5px 0; }
.electrical-gallery { display:grid; gap:10px; margin:12px 0; }
.electrical-image-btn { width:100%; padding:0; border:1px solid #d9e3e9; border-radius:11px; overflow:hidden; background:#fff; cursor:zoom-in; text-align:left; position:relative; }
.electrical-image-btn img { display:block; width:100%; height:auto; }
.electrical-image-btn span { display:block; background:#eff5f8; padding:9px 10px; font-size:10px; color:#526b7c; }
.electrical-layout-overlay { position:absolute; left:0; top:0; width:100%; pointer-events:none; aspect-ratio:595/842; }
.electrical-board-id { font-size:12px; font-weight:700; color:#25678d; margin:5px 0; }
.electrical-lightbox { position:fixed; z-index:25000; inset:0; background:#162431; display:flex; flex-direction:column; touch-action:none; overscroll-behavior:contain; }
.electrical-lightbox[hidden] { display:none; }
body.electrical-image-lock { overflow:hidden; }
.electrical-lightbox-head { display:flex; padding:max(12px,env(safe-area-inset-top)) 12px 12px; gap:10px; align-items:center; color:#fff; font-size:12px; }
.electrical-lightbox-head span { flex:1; line-height:1.5; }
.electrical-lightbox-head button { color:white; border:1px solid #6b7a88; border-radius:8px; background:#283f52; padding:8px 11px; }
.electrical-lightbox-viewport { flex:1; min-height:0; overflow:hidden; position:relative; touch-action:none; }
.electrical-lightbox-image { position:absolute; transform-origin:0 0; user-select:none; -webkit-user-drag:none; }
.electrical-lightbox-image img { display:block; width:100%; }
.electrical-lightbox-image svg { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
.electrical-lightbox-foot { color:#c2cfdb; font-size:10px; text-align:center; padding:10px 10px max(12px,env(safe-area-inset-bottom)); }

/* CN6000 all electrical components: mobile-first choices and board tabs. */
.electrical-axis-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}
.electrical-axis{min-width:0;display:flex;flex-wrap:wrap;gap:6px;align-content:start}
.electrical-axis h4{width:100%;margin:0 0 6px}
.electrical-axis button{white-space:normal;text-align:left;min-height:44px;overflow-wrap:anywhere;flex:1 1 135px}
.electrical-board-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.electrical-board-tabs button{padding:10px;border:1px solid #cbd5e1;border-radius:8px;background:white;color:#334155;min-height:44px}
.electrical-board-tabs button.active{background:#e9f2ff;border-color:#2563eb;color:#1d4ed8}
.electrical-source-issue{border-left:4px solid #b45309;padding:12px;background:#fff7ed;color:#92400e}
.electrical-caption,.electrical-stop{overflow-wrap:anywhere}
@media(max-width:480px){.electrical-axis-grid{grid-template-columns:1fr}.electrical-axis button{font-size:13px}.electrical-board-tabs button{font-size:12px}}

/* The same source plane is draggable and zoomable both inline and fullscreen. */
.drawing-plan-viewport.electrical-interactive { position:relative; height:min(52vh,440px); min-height:220px; overflow:hidden; touch-action:none; cursor:grab; }
.drawing-plan-viewport.electrical-interactive.is-panning { cursor:grabbing; }
.electrical-interactive .electrical-plan-stage { position:absolute; top:0; left:0; user-select:none; }
.drawing-plan-viewer.is-fullscreen .drawing-plan-viewport.electrical-interactive { position:absolute; height:100%; min-height:0; }
.electrical-plan-controls { display:flex; justify-content:flex-end; gap:6px; margin-top:8px; }
.electrical-plan-controls[hidden] { display:none; }
.electrical-plan-controls button { min-width:42px; min-height:36px; padding:5px 10px; border:1px solid #bcd5d8; border-radius:8px; color:#246d72; background:#fff; font:700 12px/1.3 inherit; touch-action:manipulation; cursor:pointer; }