@import url('./app-manual-lighting.css');

/* Match Lighting Design's studio while keeping its map geometry untouched. */
.map-studio-mode .manual-map-workspace{flex:1;min-height:0;margin:12px 24px 18px;display:flex;flex-direction:column;background:#101516;border:1px solid #2d393c;border-radius:12px;overflow:hidden}
.map-studio-mode .manual-map-studio.work{flex:1;height:auto;min-height:0;grid-template-columns:220px minmax(0,1fr);border:0;border-top:1px solid #334048;border-radius:0;--ucl-bg:#0a0e10;--ucl-surface:#171d20;--ucl-surface-2:#202a30;--ucl-surface-3:#242e38;--ucl-ink:#edf4f6;--ucl-muted:#9db0bd;--ucl-line:#334048;--ucl-line-2:#334048;--ucl-brand:#009f78;--ucl-accent:#009f78}
.map-studio-mode #mapInspector{position:static;transform:none;inset:auto;width:auto;max-width:none;max-height:none;border:0;border-right:1px solid var(--ml-border);border-radius:0;box-shadow:none;grid-column:1;grid-row:1;padding:0}
.map-studio-mode #mapInspector .panel-scroll{padding:8px;gap:10px}
.map-studio-mode .manual-map-studio>.canvas-column{grid-column:2;grid-row:1;background:#0a0e10;overflow:hidden}
.map-studio-mode .map-studio-history{display:flex;gap:3px}
.map-studio-mode .map-studio-history button{min-width:28px;font-size:17px}
.map-studio-mode .ml-tabs{display:flex;gap:3px}
.map-studio-mode .ml-tabs button{flex:1;min-width:0;padding:5px 3px;font-size:10px}
.map-studio-mode [data-map-tools=connections],.map-studio-mode [data-map-tools=notes]{display:grid;grid-template-columns:1fr 1fr;gap:5px}
.map-studio-mode [data-map-tools] button{white-space:normal;min-height:34px}
.map-studio-mode [data-map-tools=notes] button:last-child{grid-column:1/-1}
.map-studio-mode .ml-help{margin:0;font-size:11px;line-height:1.5;color:var(--ml-muted)}
.map-studio-mode #editor,.map-studio-mode #placementSettings{margin:0;padding:9px;background:#1d272d;border:1px solid var(--ml-border);border-radius:7px;color:#e7eef1}
.map-studio-mode #editor input,.map-studio-mode #editor select,.map-studio-mode #editor textarea,.map-studio-mode #placementSettings input,.map-studio-mode #placementSettings select{background:#242e38;color:#f1f6f7;border-color:var(--ml-border);max-width:100%;min-width:0;font-size:12px}
.map-studio-mode #editor .row,.map-studio-mode #placementSettings .row{flex-wrap:wrap}
.map-studio-mode #editor button,.map-studio-mode #editor summary{min-height:30px;font-size:11px}
.map-studio-mode .map-studio-items{margin:0;border:0}
.map-studio-mode .map-studio-items>summary{min-height:32px;color:#b8cbd5;font-size:11px}
.map-studio-mode #legend{padding:0;max-height:none}
.map-studio-mode #legend .empty{padding:8px;color:var(--ml-muted);font-size:11px}
.map-studio-mode #legend .empty b{color:#dce8ed}
.map-studio-mode #legend .legend-item{background:#202a30;border:1px solid var(--ml-border);border-radius:6px;margin:5px 0;padding:7px;font-size:11px;color:#e7eef1}
.map-studio-mode #legend .legend-item.sel{border-color:#48d6b1;background:#19382f}
.map-studio-mode .ml-sidebar-footer{padding:10px;border-top:1px solid var(--ml-border);background:#171d20;flex:none}
.map-studio-mode .ml-status{font-size:10px;line-height:1.45;margin:0 0 8px;color:var(--ml-muted)}
.map-studio-mode #mapPrint{min-height:40px;font-size:12px}
.map-studio-mode .ml-canvas-toolbar{min-height:42px;flex:none}
.map-studio-mode .ml-canvas-toolbar .tool{min-height:30px;font-size:11px;padding:4px 8px}
.map-studio-mode .stage-wrap{flex:1;min-height:0;padding:0;border:0;background:#0a0e10;position:relative}
.map-studio-mode #stage{width:100%;height:100%;min-height:0;aspect-ratio:auto;border:0;border-radius:0;background:#0a0e10;box-shadow:none}
.map-studio-mode #map{width:100%;height:100%;min-height:0;display:block}
.map-studio-mode .stage-float{display:none!important}
.map-studio-mode .stage-wrap>.map-studio-drawing{position:absolute;bottom:12px;left:12px;right:12px;max-width:760px;padding:8px 10px;border:1px solid #334048;border-radius:8px;background:#172126eb;box-shadow:none;min-height:0;color:#e7eef1}
.map-studio-mode .map-studio-drawing #activeTool{font-size:12px}
.map-studio-mode .map-studio-drawing .hint{font-size:10px;color:#aabdc7}
.map-studio-mode .map-studio-drawing button{min-height:32px}
.map-studio-mode .map-studio-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;flex:none}
.map-studio-mode .map-studio-tip{font-size:10px;color:#9bb0bd;margin:0}
.map-studio-mode .map-studio-bottom #mapZoomIn,.map-studio-mode .map-studio-bottom #mapZoomOut{display:inline-flex!important;min-width:28px}
.map-studio-mode #mapZoomLevel{display:inline-block;font-size:11px;min-width:38px;color:#cfdee4;padding:0 3px}
.map-studio-mode .aerial-attribution{flex:none}
.map-studio-mode #fieldPhotoWarning{font-size:11px}
.manual-map-mode #fieldCommand,.manual-map-mode .toolbox,.manual-map-mode #fieldInspector,.manual-map-mode #wrapInspector,.manual-map-mode #fieldEditor{display:none!important}
html.canvas-focus .map-studio-mode .manual-map-workspace{margin:0;padding:0;border:0;border-radius:0}
html.canvas-focus .map-studio-mode .map-studio-sides{display:none}
html.canvas-focus .map-studio-mode .manual-map-studio.work{grid-template-columns:minmax(0,1fr);border:0;border-radius:0}
html.canvas-focus .map-studio-mode .manual-map-studio>.canvas-column{grid-column:1}

@media(max-width:900px) and (min-width:701px){.map-studio-mode .manual-map-workspace{margin:10px}.map-studio-mode .map-studio-tip{display:none}}
@media(max-width:700px){
 .map-studio-mode{height:auto;min-height:100dvh;overflow:auto}
 .map-studio-mode .manual-map-workspace{margin:10px;min-height:0;display:block;overflow:visible;padding-top:10px;border-radius:10px}
 .map-studio-mode .manual-map-studio.work{display:flex;height:auto;overflow:visible;min-height:0}
 .map-studio-mode .manual-map-studio>.canvas-column{order:0;height:66dvh;min-height:340px;border-radius:0}
 .map-studio-mode #mapInspector{order:1;display:flex;flex-direction:column;overflow:visible;border:0;border-top:1px solid #334048}
 .map-studio-mode #mapInspector .panel-scroll{display:flex;overflow:visible;padding:12px;gap:12px}
 .map-studio-mode .ml-sidebar-footer{margin:0;padding:12px;display:block}
 .map-studio-mode .ml-tabs button,.map-studio-mode [data-map-tools] button,.map-studio-mode .ml-pair button{min-height:44px;font-size:12px}
 .map-studio-mode .map-studio-tip{display:none}
 .map-studio-mode .map-studio-bottom{justify-content:center;padding:6px}
 .map-studio-mode .map-studio-bottom button{min-height:34px}
 .map-studio-mode .map-studio-drawing{flex-wrap:wrap}
 .map-studio-mode .map-studio-drawing .drawing-actions{flex-wrap:wrap}
 .map-studio-mode .ml-canvas-toolbar>span{font-size:10px}
 .map-studio-mode #mapPrint{min-height:44px}
 html.canvas-focus .map-studio-mode .manual-map-studio>.canvas-column{height:100dvh}
}
@media print{
 .map-studio-mode{display:block;height:auto;overflow:visible;background:white;color:black}
 .map-studio-mode .manual-map-workspace,.map-studio-mode #appHeader,.map-studio-mode #ucl-connection{display:none!important}
 .map-studio-mode #printSheet{display:block!important;color:black;background:white}
 .map-studio-mode .p-map{break-inside:avoid}
}

.map-studio-mode #saveNow{width:100%;margin-bottom:6px}
@media print{.map-studio-mode .p-map svg{height:auto!important;max-height:160mm;background:white!important}.map-studio-mode .p-tbl tr{break-inside:avoid}.map-studio-mode .p-sec{break-after:avoid}.map-studio-mode .p-tbl{-webkit-print-color-adjust:exact;print-color-adjust:exact}}

/* Match Lighting Design's house-side row above the sidebar and canvas. */
.map-studio-mode .map-studio-sides{display:flex;flex:none;align-items:center;min-height:36px;gap:5px;margin:8px 10px}
.map-studio-mode .map-studio-sides button{min-height:32px;padding:5px 12px;font-size:12px;background:#1c272e;color:#dbe7eb;border-color:#34454e;border-radius:8px}
.map-studio-mode .map-studio-sides button[aria-pressed=true]{background:#07846b;border-color:#1eaf8e;color:white}
.map-studio-mode #mapPhotoStatus{margin-top:7px}
@media(max-width:700px){.map-studio-mode .map-studio-sides{flex-wrap:wrap;margin:0 12px 10px;gap:6px}.map-studio-mode .map-studio-sides button{min-height:36px;font-size:13px;padding:7px 15px}}
@media(max-width:600px){.map-studio-mode .manual-map-workspace{margin:6px 6px 12px}.map-studio-mode .map-studio-sides{margin-inline:8px}}
@media(max-width:540px){.map-studio-mode .map-studio-sides{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.map-studio-mode .map-studio-sides button{padding:9px 6px}}

/* Measurement tools share the Lighting/Map sidebar, including its save footer. */
.measure-studio-mode .manual-map-studio.work{--ucl-ink-2:#d9e6ed;--ucl-brand-tint:#19382f;--ucl-brand-tint-2:#286750;--ucl-on-brand:#fff}
.measure-studio-mode .field-tools{display:grid;gap:7px;align-items:stretch;padding:0;border:0;margin:0}
.measure-studio-mode .field-tools h3{margin:0;font-size:10px}
.measure-studio-mode .field-tools [data-tool=field-line]{display:none}
.measure-studio-mode .field-tools .tool{width:100%;font-size:11px;min-height:34px}
.measure-studio-mode .field-tools label,.measure-studio-mode #fieldReferenceStatus,.measure-studio-mode #autoMeasureStatus{font-size:11px!important;line-height:1.45}
.measure-studio-mode .map-quick-tools{display:grid;gap:7px;margin:0;padding:0;border:0}
.measure-studio-mode .quick-primary{display:block;padding:0;background:none;border:0}
.measure-studio-mode .quick-primary [data-tool=field-line]{width:100%;min-height:36px;background:#009f78;border-color:#009f78;color:white}
.measure-studio-mode .field-kind-control{display:grid;gap:5px;margin:0;font-size:10px;background:none;border:0;padding:0}
.measure-studio-mode .field-kind-control select{width:100%;max-width:100%;font-size:12px;background:#242e38;color:#edf4f6;border:1px solid #334048;border-radius:6px;min-height:34px}
.measure-studio-mode #fieldCommand{margin:0;padding:10px 0;border-block:1px solid #334048}
.measure-studio-mode #fieldCommand .field-total{display:grid;gap:4px}
.measure-studio-mode #fieldCommand .field-total strong{font-size:22px;color:#edf4f6}
.measure-studio-mode #fieldCommand .field-total span{font-size:10px}
.measure-studio-mode #fieldInspector,.measure-studio-mode #wrapInspector{margin:0;padding:0;border:0}
.measure-studio-mode #fieldInspector h3,.measure-studio-mode #wrapInspector h3{font-size:10px;margin:0 0 7px}
.measure-studio-mode .field-row{gap:6px;min-height:44px;padding:6px}
.measure-studio-mode .field-row .field-number{min-width:22px;min-height:24px;font-size:10px}
.measure-studio-mode .field-row strong{font-size:11px}
.measure-studio-mode .field-row small{font-size:10px}
.measure-studio-mode .field-row .field-length{font-size:11px}
.measure-studio-mode #fieldCategoryTotals{font-size:11px;margin-top:8px;padding-top:6px}
.measure-studio-mode #fieldEditor{margin:0;padding:8px;background:#1d272d;border:1px solid #334048;border-radius:7px;min-width:0}
.measure-studio-mode #fieldEditor[hidden]{display:none}
.measure-studio-mode .field-editor-heading h3{font-size:12px}
.measure-studio-mode .field-editor-heading .tool{min-height:28px;padding:4px;font-size:10px}
.measure-studio-mode .field-editor-host .field-form label{font-size:11px}
.measure-studio-mode .field-editor-host .field-form input,.measure-studio-mode .field-editor-host .field-form select{min-height:36px;font-size:13px;padding:6px}
.measure-studio-mode .field-editor-host .field-length-inputs input{font-size:20px}
.measure-studio-mode .field-editor-host .field-note,.measure-studio-mode .field-inclusion-status{font-size:11px}
.measure-studio-mode .field-editor-host .field-form-actions button{font-size:11px;min-height:34px}
.measure-studio-mode .field-editor-host .field-line-primary{background:#1d272d}
.measure-studio-mode .wrap-tools{gap:4px;flex-wrap:wrap}
.measure-studio-mode .wrap-tools .tool{min-width:0;font-size:11px;min-height:34px;padding:5px 7px}
.measure-studio-mode .wrap-tools>span{display:none}
.measure-studio-mode #wrapTotalNote,.measure-studio-mode .wrap-total span,.measure-studio-mode .hint{font-size:11px}
.measure-studio-mode #wrapMaterials,.measure-studio-mode .panel-extras .tool,.measure-studio-mode .panel-footer .tool{width:100%;font-size:11px;min-height:34px}
.measure-studio-mode .panel-extras,.measure-studio-mode .panel-footer{margin:0;padding:0;border:0}
.measure-studio-mode .panel-footer summary{font-size:11px;min-height:34px}
.map-studio-mode #mapUseLightingPhoto{font-size:10px;min-height:30px;margin-top:6px;width:100%}
.map-studio-mode #mapUseLightingPhoto[hidden]{display:none}
.measure-studio-mode #fieldReadout{color:#edf4f6}
@media(max-width:700px){
 .measure-studio-mode .field-tools .tool,.measure-studio-mode .quick-primary [data-tool=field-line],.measure-studio-mode .wrap-tools .tool{min-height:44px;font-size:13px}
 .measure-studio-mode .field-kind-control select,.measure-studio-mode .field-editor-host .field-form input,.measure-studio-mode .field-editor-host .field-form select{font-size:16px;min-height:44px}
 .measure-studio-mode .field-row strong,.measure-studio-mode .field-row .field-length{font-size:13px}
 .measure-studio-mode .field-editor-host .field-form-actions button{min-height:44px;font-size:13px}
 .measure-studio-mode .field-editor-host .field-length-inputs input{font-size:22px}
}