/* Original live designer controls, using the existing EkoBuild palette. */
.rd-settings{display:grid;gap:10px;margin-bottom:16px}.rd-help{font-size:.76rem;line-height:1.6;color:#ccc;margin:8px 0 12px}.rd-field select{width:100%;min-width:0;padding:9px 7px;background:#292929;border:2px solid #555;border-radius:6px;color:#fff;font:inherit;font-size:.82rem}.rd-field input{min-width:0;width:100%;font-size:16px}.rd-field label{color:#ccc}.rd-check{font-size:.75rem;display:flex;gap:8px;align-items:start;margin:12px 0}.rd-check input{margin-top:4px}#carpetFields{display:grid;gap:10px}#carpetFields[hidden]{display:none}.rd-field select:focus-visible,.obs-item:focus-visible,.obstacle:focus-visible{outline:3px solid #7AB82E;outline-offset:2px}#rdStatus{padding:10px;background:#242424;border-left:3px solid #7AB82E;overflow-wrap:anywhere}.rd-edit-overlay{max-width:calc(100% - 24px);width:360px;min-width:0;max-height:90%;overflow:auto}.rd-edit-overlay .rd-field{margin-bottom:10px}.rd-edit-overlay .rd-help{font-size:.7rem;margin:4px 0 8px}.obstacle{touch-action:none}.obstacle.raised{background:rgba(160,190,120,.12)!important;border-style:dashed!important}.obs-item{min-height:44px}.obs-float-btn{width:36px;height:36px}.obs-float-bar{top:-46px}.mat-tile{line-height:1.25;text-align:center;overflow:hidden;font-size:.6rem}.rd-sidebar-right .rd-help{color:#ccc}#rdChecklist summary{cursor:pointer;font-weight:700;padding:12px 0}#rdChecklist ul{padding-left:18px}#rdChecklist li{margin:7px 0}#rdZoneList{padding:10px;border:1px solid #ccc;border-radius:6px}#rdZoneList:empty{display:none}.btn-add-all:disabled{opacity:.5;cursor:wait}.rd-canvas-header .scale-label{color:#ccc}
@media(max-width:768px){.rd-settings{grid-template-columns:1fr 1fr}.rd-settings>.rd-help,.rd-settings>#carpetFields{grid-column:1/-1}.rd-edit-overlay{bottom:8px;padding:10px}.rd-canvas-area{min-height:420px}.rd-canvas-header{gap:8px;align-items:start}.rd-canvas-header .scale-label{font-size:.7rem}.rd-sidebar-right{padding-bottom:100px}.rd-edit-actions button{min-height:40px}.obs-float-bar{display:none}}
@media(max-width:360px){.rd-settings{grid-template-columns:1fr}.rd-canvas-header{flex-direction:column}.rd-edit-head h2{font-size:.8rem}}

.rd-jump{display:flex;gap:18px;margin:10px 0 18px;font-size:.8rem}.rd-jump a{color:#b6e880;padding:8px 0}#designerCanvas,#designerResults{scroll-margin-top:72px}

.obstacle{z-index:2}.obstacle.selected{z-index:20}.mat-tile{z-index:1}.room-shape{z-index:0}
/* Dismissing the original tour must also release its invisible hit area. */
#tour-tooltip:not(.visible){visibility:hidden;pointer-events:none}

.mat-tile.pending{opacity:.35}
/* Measured walls and actual control zones within the original canvas and palette. */
#wallTools[hidden],#rectangleFields[hidden],#zoneEditor[hidden]{display:none}#dShape,#wallSelect,#zoneTarget{width:100%;padding:9px 6px;background:#292929;color:#fff;border:2px solid #555;border-radius:6px;font-size:16px}#dName{margin-bottom:10px}#wallTools{margin:12px 0}.wall-status{color:#d4e4c5;background:#222;padding:8px 12px;margin:0;min-height:56px;max-height:56px;overflow:auto;font-size:.8rem;line-height:1.4;flex-shrink:0}.room-outline{position:absolute;inset:0;overflow:visible;pointer-events:none;z-index:3}.room-outline polygon,.room-outline polyline{stroke:#7AB82E;stroke-width:3;fill:rgba(122,184,46,.05)}.room-outline .wall-draft{stroke:#ffb36b;stroke-dasharray:5 4;fill:none}.room-outline text{fill:#fff;paint-order:stroke;stroke:#1a1a1a;stroke-width:3px;font:12px Arial,sans-serif}.room-outline circle{fill:#7AB82E;stroke:white;stroke-width:2}.room-outline .snap-target{fill:#ffb36b;stroke:#fff;stroke-width:3}#roomCanvas.drawing{touch-action:none}#roomCanvas.drawing .obstacle,#roomCanvas.drawing .mat-tile{pointer-events:none!important}.mat-tile{pointer-events:auto;cursor:pointer;padding:2px;touch-action:manipulation}.mat-tile.chosen{outline:3px solid #ffb36b;outline-offset:-4px;background:rgba(255,179,107,.22)}.mat-tile:focus-visible{outline:3px solid white}.mat-tile.pending{pointer-events:none}#zoneEditor{padding:12px 0;border-bottom:1px solid #555;margin-bottom:14px}#zoneEditor h2{font-size:1rem;color:#fff}#zoneEditor .rd-field label{display:block;margin:8px 0}.zone-name-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:center;margin:10px 0}.zone-name-row input{width:100%;font-size:16px;padding:8px;background:#292929;color:white;border:1px solid #666;border-radius:4px}.zone-name-row small{grid-column:1/-1;color:#ddd}.zone-name-row button{min-height:40px}.zone-name-row label{color:#ddd;font-size:.75rem;grid-column:1/-1}#zoneError{color:#ffc5a8}#wallTools .rd-ctrl-btn,#zoneEditor .rd-ctrl-btn{min-height:44px}.obstacle.selected .obs-float-bar{display:flex!important;z-index:25}.obs-float-btn{width:44px;height:44px}.obs-float-bar{top:-48px}#printPlan{margin:10px 0;min-height:44px}.eko-design-print{font:12pt Arial,sans-serif;color:#111;background:white;padding:12mm}.eko-design-print h1{font-size:20pt}.eko-design-print h2{font-size:14pt}.eko-design-print td{padding:4px 15px 4px 0}.eko-design-print table{border-collapse:collapse}.eko-design-print small{overflow-wrap:anywhere}#designPrintDocument{display:none}@media print{body>*{display:none!important}body>#designPrintDocument{display:block!important}.eko-design-print svg{break-inside:avoid}.eko-design-print h2{break-after:avoid}.eko-design-print table,.eko-design-print li{break-inside:avoid}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
/* Keep fixture controls below the drawing so the selected object's own controls stay tappable. */
.rd-edit-overlay{position:relative;left:auto;bottom:auto;transform:none;margin:10px auto;max-height:40vh;flex-shrink:0}.canvas-scroll{min-height:250px}.obstacle.selected .obs-float-bar{top:0;left:0;transform:none;background:#252525;border-radius:5px}.obstacle.selected .obs-name{margin-top:28px}@media(max-width:1024px){.canvas-scroll{flex:none;height:50vh;min-height:320px}.rd-edit-overlay{max-height:none;width:calc(100% - 24px);max-width:400px}}
.mat-tile{font-size:.72rem;overflow-wrap:anywhere}#zoneEditor{scroll-margin-top:72px}
/* Compact phone tasks. Desktop keeps its original three-column working area. */
.rd-mobile-only,.rd-mobile-header{display:none}.rd-app>[hidden]{display:none!important}
#roomOptions{display:contents}#roomOptions>summary{display:none}
.rd-mobile-dialog{color:#fff;background:#1c1c1c;border:1px solid #657c4a;font-family:inherit}
.rd-mobile-dialog::backdrop{background:rgba(0,0,0,.72)}
@media(max-width:1024px){
  .rd-app{display:block;height:auto;min-height:calc(100dvh - 60px);overflow:visible;padding-bottom:env(safe-area-inset-bottom,0px)}
  .rd-mobile-header{display:block;position:sticky;top:60px;z-index:90;background:#171b14;border-bottom:1px solid #48553a}
  .rd-task-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:6px 10px}
  .rd-task-tabs button{display:flex;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:8px 4px;border:1px solid #4e5945;border-radius:7px;background:#23281f;color:#bed1aa;font:600 13px/1.2 "Work Sans",sans-serif;cursor:pointer}
  .rd-task-tabs button span{font:600 15px/1.2 "Work Sans",sans-serif}
  .rd-task-tabs [aria-selected="true"]{color:#101b08;background:#9bd052;border-color:#9bd052}
  .rd-task-tabs button:focus-visible,.rd-mobile-only:focus-visible,.rd-mobile-dialog button:focus-visible{outline:3px solid #fff;outline-offset:2px}
  #mobilePlanStatus #rdStatus{margin:0;padding:8px 12px;border-left:0;background:#20251b;color:#e4eed9;font-size:13px;line-height:1.45}
  .rd-sidebar-left,.rd-sidebar-right{padding:16px;overflow:visible;border:0;max-height:none}
  .rd-sidebar-right{padding-bottom:100px}
  .rd-canvas-area{min-height:0;overflow:visible;padding-bottom:80px}
  .rd-mobile-only{display:block}
  .rd-desktop-title,.rd-jump,.kbd-hints{display:none}
  .rd-field input,.rd-field select,.zone-name-row input,#dShape,#wallSelect,#zoneTarget{font-size:16px;min-height:46px}
  .rd-field label,.zone-name-row label{font-size:13px;color:#d5d9d0}
  .rd-field{margin-bottom:12px;min-width:0}
  #dName{margin-bottom:0}.rd-dim-row{grid-template-columns:1fr 1fr}.rd-dim-group{margin:12px 0 4px}
  .rd-settings{grid-template-columns:1fr;gap:0;margin-bottom:6px}
  #roomOptions{display:block;margin:2px 0 12px;border:1px solid #444c3c;border-radius:8px;padding:0 12px}
  #roomOptions>summary{display:list-item;padding:12px 0;cursor:pointer;font-size:14px;color:#d8e9c5;min-height:46px}
  #roomOptions[open]>summary{margin-bottom:8px}
  .rd-help{font-size:13px;line-height:1.55}
  .rd-check{font-size:14px;min-height:44px;align-items:center}.rd-check input{width:22px;height:22px;flex-shrink:0;margin:0}
  .rd-canvas-header{padding:10px 12px;gap:1px;flex-direction:column;align-items:flex-start}
  .rd-canvas-header .designer-title{font-size:18px;line-height:1.3}.rd-canvas-header .scale-label{font-size:12px;line-height:1.5}
  .rd-mobile-tools{display:flex;gap:6px;padding:8px 10px;background:#242424}
  .rd-mobile-tools button{flex:1;min-width:0;min-height:44px;background:#30372a;border:1px solid #607c43;color:#e9f3df;border-radius:7px;padding:7px 5px;font:600 12px/1.2 "Work Sans",sans-serif;cursor:pointer}
  .rd-mobile-tools button[hidden]{display:none}.rd-mobile-tools button:disabled{opacity:.5}
  .wall-status{font-size:12px;min-height:42px;max-height:42px;padding:6px 12px}
  .canvas-scroll{height:clamp(250px,42dvh,400px);min-height:250px;flex:none;overscroll-behavior:contain}
  .rd-next{margin:12px;min-height:48px;padding:12px 16px;border:1px solid #9bd052;border-radius:8px;background:#7ab82e;color:#101b08;text-align:center;font:700 15px/1.3 "Work Sans",sans-serif;cursor:pointer}
  .rd-sidebar-left>.rd-next{width:100%;margin:8px 0 0}.rd-next span{margin-left:12px}
  .rd-edit-overlay{width:calc(100% - 24px);max-width:500px;min-width:0;max-height:none;padding:12px;margin:12px auto;bottom:auto}
  .rd-edit-overlay .rd-help{font-size:13px}.rd-edit-actions{display:grid;grid-template-columns:1fr 1fr}.rd-edit-actions button{min-height:44px;justify-content:center;font-size:14px}
  .rd-edit-head h2{font-size:14px;flex-wrap:wrap}.obs-tag{font-size:12px}
  .rd-mobile-dialog{width:calc(100% - 16px);max-width:560px;max-height:calc(88dvh - env(safe-area-inset-top,0px));margin:auto auto max(8px,env(safe-area-inset-bottom,0px));padding:0;border-radius:16px;overflow:hidden}
  .rd-mobile-dialog[open]{display:flex;flex-direction:column}
  .rd-mobile-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;border-bottom:1px solid #48553a;flex-shrink:0;background:#242b1e}
  .rd-mobile-dialog-head h2{font-size:18px;line-height:1.3}.rd-mobile-dialog-head button{min-width:76px;min-height:44px;border:1px solid #8ba271;border-radius:7px;padding:8px;background:#303d24;color:#fff;font:600 14px "Work Sans",sans-serif;cursor:pointer}
  #rdMobileToolBody{padding:14px;overflow:auto;overscroll-behavior:contain;min-height:0}
  #rdMobileToolBody .rd-controls{margin-bottom:12px}#rdMobileToolBody .rd-ctrl-btn{min-height:44px;font-size:14px;justify-content:center}
  #fixturePalette{margin:0}#fixturePalette>.rd-field{margin-bottom:8px}#fixturePalette>p{font-size:13px!important;line-height:1.5!important;color:#d3d8ce!important}
  #fixturePalette .obs-category[hidden]{display:none}#fixturePalette .obs-category{padding:10px;margin:12px 0 0}
  #fixturePalette .obs-items{display:grid;grid-template-columns:1fr 1fr;overflow:visible;gap:8px}
  #fixturePalette .obs-item{width:auto;min-width:0;min-height:56px;padding:8px;font-size:14px;display:flex;flex-direction:column;justify-content:center}.obs-size-hint{font-size:12px}
  #rdMobileToolBody #zoneEditor{margin:0;border:0;padding:0}#rdMobileToolBody #zoneEditor>h2{display:none}
  #mobileMatPicker{margin:12px 0;border:1px solid #536244;border-radius:7px;padding:0 10px}
  #mobileMatPicker summary{padding:12px 0;min-height:44px;font-size:14px;cursor:pointer}
  #mobileMatList{max-height:210px;overflow:auto;overscroll-behavior:contain}
  #mobileMatList label{display:flex;gap:10px;align-items:center;min-height:48px;font-size:14px;line-height:1.4;border-top:1px solid #41493b;padding:6px 0}
  #mobileMatList input{width:22px;height:22px;flex-shrink:0;accent-color:#7ab82e}
  #zoneAssign{margin:10px 0}#zoneError:empty{display:none}
  .zone-name-row{gap:6px 10px}.zone-name-row button{min-height:44px}
  #viewControls{display:grid;grid-template-columns:1fr 1fr;margin:0}
  #rdMobileDialog input,#rdMobileDialog select{scroll-margin-block:16px}.rd-app input,.rd-app select{scroll-margin-top:180px}
  .btn-add-all{min-height:52px;font-size:15px;flex-wrap:wrap;gap:4px;justify-content:center}
  #rdChecklist summary{min-height:44px;font-size:14px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:1024px){#mobilePlanStatus #rdStatus{max-height:76px;overflow:auto}#mobileStatusMore{display:block;width:100%;min-height:44px;padding:8px 12px;border:0;border-top:1px solid #48553a;background:#303d24;color:#e7f1dd;text-align:left;font:600 13px "Work Sans",sans-serif;cursor:pointer}#mobileStatusMore[hidden]{display:none}}
@media(max-width:1024px){
 .rd-mobile-navigation{display:flex;align-items:center;padding-right:8px;gap:2px}.rd-task-tabs{flex:1;min-width:0;padding-right:4px}.rd-task-tabs button{gap:0}
 #mobileHelp{width:44px;min-height:44px;flex-shrink:0;padding:4px;border:1px solid #59684c;border-radius:7px;background:#303d24;color:#e7f1dd;font:600 12px "Work Sans",sans-serif;cursor:pointer}
 .cb-chat-root .cb-chat-bubble{display:none!important}.cb-chat-root .cb-chat-input textarea{font-size:16px!important;min-width:0}.cb-chat-root .cb-chat-close{min-width:44px;min-height:44px}
 #wallStatus{font-size:13px!important;line-height:1.4;min-height:48px;max-height:none}
}
@media(max-width:1024px){
 #wallStatus{height:56px;min-height:56px;max-height:56px;overflow:auto}
 #roomCanvas{margin-left:auto;margin-right:auto}
 #fixturePalette{display:flex;flex-direction:column}#fixturePalette>.rd-field{order:0}#fixturePalette>.rd-fixture-intro{order:1}#fixturePalette>.obs-category{order:2}#fixturePalette>.rd-help{order:3}#fixturePalette>.rd-fixture-desktop-guide{display:none}
}
@media(max-width:1024px){html{scroll-behavior:auto}body{overflow-x:clip}.rd-app button,.rd-mobile-dialog button,.obs-item{touch-action:manipulation}}
@media(max-width:1024px){
 .rd-app .obstacle.selected .obs-float-bar{display:none!important}.obstacle.selected .obs-name{margin-top:0}
 .rd-mobile-fixture-actions{display:none;padding:10px 12px 0;gap:8px}.rd-canvas-area:has(#obsEditorPanel.on)>.rd-mobile-fixture-actions{display:grid;grid-template-columns:1fr 1fr}
 .rd-mobile-fixture-actions button{min-height:44px;font-size:14px;justify-content:center}
}

/* Keep native dropdown text readable in the dark designer on WebKit. */
body[data-eko-page="designer"] select{color-scheme:dark}
