/* Card groups apply an inverse map-zoom scale in app.js, so these remain readable on screen. */
#electricalCanvas .assignment rect { fill: #ffffff; stroke: #537594; stroke-width: 1.4; vector-effect: non-scaling-stroke; }
#electricalCanvas .assignment.danger rect { fill: #fff3e8; stroke: #b54708; }
#electricalCanvas .psu-card rect { fill: #e5f0ff; stroke: #2167c6; stroke-width: 1.5; vector-effect: non-scaling-stroke; }
#electricalCanvas .psu-card.selected-supply rect { fill: #cfe4ff; stroke: #0d4d9c; stroke-width: 2; }
#electricalCanvas .psu-card.unused rect { fill: #edf3fb; stroke: #6c849f; }
#electricalCanvas .psu-leader { stroke: #2167c6; stroke-width: 1.6; vector-effect: non-scaling-stroke; }
#electricalCanvas .psu-card .psu-resize-handle { display: none; fill: #2167c6 !important; stroke: #ffffff !important; stroke-width: 2 !important; vector-effect: non-scaling-stroke; cursor: nwse-resize; }
#electricalCanvas .psu-card .psu-resize-hit { display: none; fill: transparent !important; stroke: transparent !important; pointer-events: all; cursor: nwse-resize; }
#electricalCanvas .psu-card.selected-electrical-psu .psu-resize-handle,
#electricalCanvas .psu-card.selected-electrical-psu .psu-resize-hit { display: block; }
#electricalCanvas .psu-card.selected-electrical-psu > rect:first-child { stroke: #0d4d9c; stroke-width: 2.5; }
#electricalCanvas .drag-box .card-title { font-size: 15px; font-weight: 650; fill: #142c49; pointer-events: none; }
#electricalCanvas .drag-box .card-detail { font-size: 12.5px; fill: #263d59; pointer-events: none; }

/* The shared sidebar's existing fieldset/form display rules outrank the user-agent
   hidden rule; tab-aware sidebar visibility must win while Electrical Map is active. */
.workflow .corrections[hidden],
.workflow .led-family-card[hidden],
.workflow #uploadForm[hidden],
.workflow #electricalSidebarHost[hidden] { display: none !important; }

#electricalSidebarHost fieldset { margin: 0 0 6px; padding: 9px; }
#electricalSidebarHost .electrical-summary { display: grid; gap: 0; }
#electricalSidebarHost .electrical-summary-row { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 10px; align-items: baseline; min-height: 23px; line-height: 1.1; border-bottom: 1px solid #e5edf7; }
#electricalSidebarHost .electrical-summary-row:last-child { border-bottom: 0; }
#electricalSidebarHost .electrical-summary-row strong { text-align: right; white-space: nowrap; }
#electricalSidebarHost .sidebar-psu-list { display: grid; gap: 4px; }
#electricalSidebarHost .sidebar-psu { display: grid; gap: 1px; min-height: 0; padding: 7px 8px; line-height: 1.08; text-align: left; }
#electricalSidebarHost .sidebar-psu + .sidebar-psu { border-top: 1px solid #d9e3ef; }
#electricalSidebarHost #sidebarInventory .inventory-head { display: grid; gap: 4px; margin: 0 0 6px; padding: 0; border: 0; background: transparent; }
#electricalSidebarHost #sidebarInventory .inventory-count-row { display: flex; align-items: center; gap: 4px; }
#electricalSidebarHost #sidebarInventory #psuCount { width: 64px; }
#electricalSidebarHost #sidebarInventory button { min-height: 30px; padding: 4px 7px; }
#electricalSidebarHost #sidebarInventory .psu-grid { gap: 4px; margin: 4px 0; }
#electricalSidebarHost #sidebarInventory .card { padding: 7px; line-height: 1.08; }
#electricalSidebarHost #sidebarInventory .inventory-summary { display: grid; gap: 2px; margin-top: 5px; padding: 8px; line-height: 1.08; }