.device-placement-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px;background:#f0f7ec;border:1px solid #dbe6d6;border-radius:10px;margin:8px 0}.device-placement-bar[hidden]{display:none}.device-placement-bar label{display:flex;align-items:center;gap:8px;font-weight:600}.device-placement-bar select{width:auto}.device-placement-bar span{font-size:12px;color:#566957}.device-leaders{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.device-leaders path{fill:none;stroke:#1d485a;stroke-width:1.4px;vector-effect:non-scaling-stroke}.device-anchor{position:absolute;transform:translate(-50%,-50%);border:0;background:transparent;color:#153c4e;width:18px;height:18px;padding:0;font-size:21px;line-height:18px;font-weight:bold;z-index:4;cursor:move;pointer-events:auto;touch-action:none}.device-anchor:focus-visible{outline:2px solid #65b938}.device-draft{pointer-events:none}.device-ghost{position:absolute;transform:translate(-50%,-50%);border:1px dashed #2d6a7c;z-index:5}.device-group-count{position:absolute;right:-10px;top:-7px;border-radius:10px;padding:2px 5px;background:#123c50;color:white;font-size:11px;font-weight:bold}.marker[hidden]{display:none!important}

.marker.device-ghost{padding:0;border:1px dashed #2d6a7c;pointer-events:none;opacity:.85}

.device-placement-bar{display:contents;padding:0;border:0;background:none;margin:0}.device-placement-bar[hidden]{display:none}.device-placement-bar .icon-button.active{background:#6fbe44;color:#173f20}.device-placement-bar button[hidden]{display:none}



.marker .project-no.device-group-label{display:flex;flex-direction:column;gap:2px;white-space:nowrap;background:white;border:1px solid #c9d6d9;border-radius:4px;padding:3px 5px}.device-group-label>span{display:block;line-height:1.15}

.device-drawing-active,.device-drawing-active .device-anchor,.device-drawing-active .marker{cursor:crosshair!important}.marker.device-snap-target{outline:3px solid #6fbe44;outline-offset:5px}.device-drawing-active .device-anchor:hover{color:#65b938}

.plan-object-size{display:inline-flex;gap:6px}.plan-object-size button{font-size:23px!important;font-weight:600}

.plan-object-size[hidden]{display:none}

.device-plan-tools :is(#rackRefreshButton,#rackConnectionButton,#rackCheckButton,#rackPrintButton,#rackAddPatchPanel,#rackAddPowerStrip,#rackAddSelectedAccessory,#configureSupply,#protectionWizard,#refreshProtection){display:none!important}

.marker-inline-details [hidden]{display:none!important}

.project-drawing-choice{border:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.project-drawing-choice legend{font-weight:700;margin-bottom:8px}.project-drawing-choice label{display:flex;align-items:flex-start;gap:8px;border:1px solid #dce7d8;border-radius:10px;padding:12px;cursor:pointer}.project-drawing-choice label:has(input:checked){border-color:#6fbe44;background:#edf7e7}.project-drawing-choice small{display:block;margin-top:4px;line-height:1.4}.project-drawing-choice input{margin-top:3px}@media(max-width:600px){.project-drawing-choice{grid-template-columns:1fr}}

/* Keep room editing labels and fills only in the Rooms section. */
#roomLayer.room-context-outline .room-plan-label,#roomLayer.room-context-outline .poly-label{display:none!important}
#roomLayer.room-context-outline .room-rect{background:transparent!important;border:1px solid rgba(111,190,68,.42)!important;outline:none!important;pointer-events:none!important}
#roomLayer.room-context-outline .room-poly{pointer-events:none!important;outline:none!important}
#roomLayer.room-context-outline .room-poly polygon{fill:none!important;stroke:rgba(111,190,68,.42)!important;stroke-width:1px!important}
