/* Canvas-first take-off layout. All sizing is scoped to this full-screen view. */
@media screen {
 #takeoffView .tw-header {padding:8px 12px;gap:10px;min-height:60px;flex-wrap:nowrap}
 #takeoffView .tw-drawing-title {gap:2px;display:flex;flex-direction:column;flex-basis:auto}
 #takeoffView #takeoffFileName {order:-1;font-size:1rem;line-height:1.35}
 #takeoffCompactContext {display:block;font-size:.8125rem;line-height:1.3;color:#c1ccdb;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 #takeoffCompactContext.is-locked {color:#ffc58f}
 #takeoffView #workspaceSaved {font-size:.8125rem;max-width:160px}
 #takeoffView .tw-header .btn {min-height:36px;padding:7px 10px;white-space:nowrap}
 #takeoffView .journey-more>summary {color:#f4f6fa;border-color:#566171;background:#2a313d;white-space:nowrap}
 #takeoffView .journey-more>div {width:min(470px,calc(100vw - 24px));max-height:calc(100dvh - 90px);overflow:auto;padding:12px;z-index:50;gap:8px}
 #takeoffView #takeoffJourney .journey-bar {display:block;border-radius:6px;padding:10px}
 #takeoffView #takeoffJourney .journey-project {display:grid;max-width:none;margin-bottom:8px}
 #takeoffView #takeoffJourney .journey-steps {display:grid;grid-template-columns:1fr 1fr;width:100%}
 #takeoffView #takeoffJourney .journey-steps button {padding:7px;font-size:.875rem;min-width:0;text-align:left}
 #takeoffView #takeoffRevisionContext {display:grid;gap:10px;padding:12px;border:1px solid var(--bindr-border);border-radius:6px}
 #takeoffView #takeoffRevisionContext[hidden] {display:none}
 #takeoffView #takeoffRevisionContext>div {min-width:0}
 #takeoffView #takeoffRevisionContext label {display:grid}
 #takeoffView #takeoffRevisionContext select {width:100%;max-width:none;min-width:0}
 #takeoffView .tw-grouped-toolbar {align-items:center;flex-wrap:wrap;gap:6px;padding:6px 12px;overflow:visible;position:relative;z-index:20;background:var(--bindr-subtle)}
 #takeoffView .tw-grouped-toolbar>.tw-tool-group {display:flex;gap:0;padding:0 8px 0 0;margin:0;border:0;border-right:1px solid var(--bindr-border);border-radius:0;background:none;box-shadow:none}
 #takeoffView .tw-grouped-toolbar>.tw-tool-group>.tw-tool-group-label {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
 #takeoffView .tw-tool-row {gap:4px;min-height:36px}
 #takeoffView .tw-grouped-toolbar .btn {min-height:36px;padding:6px 9px;font-size:.875rem;white-space:nowrap}
 #takeoffView #workspaceAreasToggle {position:static;width:auto;border:1px solid var(--bindr-border);border-radius:6px;box-shadow:none;background:var(--bindr-card);color:var(--bindr-text)}
 #takeoffView #workspaceAreasToggle[aria-expanded=true] {background:var(--bindr-accent-soft);border-color:var(--bindr-accent)}
 #takeoffView #workspaceCreate {width:auto;flex-shrink:0}
 #takeoffView #takeoffUndo,#takeoffView #workspaceRedo {width:36px;min-width:36px;padding:4px;font-size:1.25rem}
 #takeoffView .tw-scale-group .tw-scale {font-size:.8125rem;max-width:160px;white-space:nowrap}
 #takeoffView .tw-view-menu {position:relative;margin-left:auto;flex-shrink:0}
 #takeoffView .tw-view-menu>summary {list-style:none;cursor:pointer;min-height:36px;border:1px solid var(--bindr-border);border-radius:6px;background:var(--bindr-card);padding:6px 12px;font-size:.875rem;font-weight:600}
 #takeoffView .tw-view-menu>summary:after {content:'⌄';margin-left:8px}
 #takeoffView .tw-view-menu>div {position:absolute;right:0;top:calc(100% + 8px);width:min(320px,calc(100vw - 24px));max-height:calc(100dvh - 150px);overflow:auto;display:grid;gap:12px;padding:14px;background:var(--bindr-card);border:1px solid var(--bindr-border);border-radius:8px;box-shadow:0 8px 24px #17233626}
 #takeoffView .tw-view-menu .tw-tool-group {margin:0;padding:0;border:0;border-radius:0;box-shadow:none}
 #takeoffView .tw-view-menu .tw-tool-group-label {font-size:.875rem}
 #takeoffView .tw-context {padding:4px 12px;min-height:28px;font-size:.8125rem;background:#e9edf2;color:var(--bindr-text);gap:14px}
 #takeoffView .tw-context strong {font-size:.75rem}
 #takeoffView .tw-main,#takeoffView.areas-closed .tw-main,#takeoffView.details-closed .tw-main,#takeoffView.areas-closed.details-closed .tw-main {grid-template-columns:minmax(0,1fr)}
 #takeoffView #workspaceAreas {display:none;position:absolute;inset:0 auto 0 0;width:min(370px,calc(100% - 24px));z-index:12;box-shadow:8px 0 24px #17233626;border-right:1px solid var(--bindr-border);padding:12px;gap:12px}
 #takeoffView #workspaceAreas.drawer-open {display:flex}
 #takeoffView .tw-drawer-heading {display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--bindr-border);flex-shrink:0}
 #takeoffView .tw-drawer-heading strong {font-size:.9375rem}
 #takeoffView .tw-drawer-heading .btn {min-height:32px;padding:5px 8px;font-size:.8125rem}
 #takeoffView .tw-board,#takeoffView .takeoff-drawing {background:#cbd2dc}
 #takeoffView .takeoff-drawing {min-height:0}
 #takeoffView .tw-completion {padding:6px 12px;gap:10px;flex-wrap:nowrap;min-height:34px}
 #takeoffView .tw-completion p {font-size:.875rem;line-height:1.35;flex-basis:auto}
 #takeoffView .tw-completion .btn {min-height:36px;padding:6px 10px}
 #takeoffView.tw-measurement-idle .tw-completion button {display:none}
 #takeoffView .tw-view-footer {display:none}
 #takeoffView .journey-more:not([open])>div,#takeoffView .tw-view-menu:not([open])>div {display:none}
 @media(max-width:820px) {
  #takeoffView .tw-header {gap:7px;padding:7px 8px;min-height:58px}
  #takeoffView #workspaceSaved {max-width:95px}
  #takeoffView .tw-grouped-toolbar {padding:5px 8px;gap:5px}
  #takeoffView .tw-header .journey-more>div {position:fixed;top:62px;left:auto;right:8px}
  #takeoffView .tw-context {gap:8px}
  #takeoffView #workspaceTool {display:none}
 }
 @media(max-width:560px) {
  #takeoffView .tw-header {flex-wrap:wrap}
  #takeoffView .tw-drawing-title {flex-basis:calc(100% - 110px)}
  #takeoffView #workspaceSaved {flex:1;max-width:none}
  #takeoffView .tw-header .journey-more>div {top:106px}
  #takeoffView #takeoffScaleInfo {max-width:125px;overflow:hidden;text-overflow:ellipsis}
  #takeoffView .tw-context #takeoffZoomLabel {display:none}
  #takeoffView .tw-completion {flex-wrap:wrap}
  #takeoffView .tw-completion p {flex-basis:100%}
 }
}