/* The project shell opts in; unmarked editors retain their original layout.
   Only repeated editor context and navigation spacing change here. */
.project-tab-content[data-models-presentation] [data-models-editor-compact="heat"] :is(.heat-storey-check > details, .heat-native-shell-versions) > summary {
  display: list-item;
  min-height: 44px;
  padding: 11px 8px;
  cursor: pointer;
}
.project-tab-content[data-models-presentation] [data-models-editor-compact="heat"] :is(.heat-storey-check > details, .heat-native-shell-versions) > summary:focus-visible {
  outline: 2px solid var(--focus);
  outline-offset: 2px;
}
.project-tab-content[data-models-presentation] [data-models-editor-compact="roof"] {
  display: grid;
  gap: 6px;
  min-width: 0;
}
.project-tab-content[data-models-presentation] > .portal-panel:has([data-models-editor-compact]) {
  padding: 8px 12px;
}
.project-tab-content[data-models-presentation] [data-models-editor-compact="roof"] > :is(p, form, details) {
  margin: 0;
}
.project-tab-content[data-models-presentation] .models-editor-heading {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
.project-tab-content[data-models-presentation] .models-editor-heading > :is(h3, h4) {
  flex: 1;
  min-width: 0;
  margin: 0;
}
.project-tab-content[data-models-presentation] .models-editor-heading > button {
  flex: none;
  min-height: 44px;
}
.project-tab-content[data-models-presentation] .models-editor-step-menu {
  position: relative;
  flex: none;
}
.project-tab-content[data-models-presentation] :is(.models-editor-step-menu, .models-editor-guidance) > summary {
  display: flex;
  align-items: center;
  min-height: 44px;
  padding: 6px 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  color: var(--ink);
  background: var(--surface-raised);
  cursor: pointer;
}
.project-tab-content[data-models-presentation] :is(.models-editor-step-menu, .models-editor-guidance) > summary:focus-visible {
  outline: 2px solid var(--focus);
  outline-offset: 2px;
}
.project-tab-content[data-models-presentation] :is(.models-editor-step-menu, .models-editor-guidance) > summary::after {
  content: '▾';
  margin-left: auto;
  padding-left: 8px;
}
.project-tab-content[data-models-presentation] :is(.models-editor-step-menu, .models-editor-guidance)[open] > summary::after {
  content: '▴';
}
.project-tab-content[data-models-presentation] [data-models-editor-compact="roof"] .models-editor-step-menu > [data-native-steps] {
  position: absolute;
  right: 0;
  top: calc(100% + 4px);
  z-index: 11;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 4px;
  width: 288px;
  max-width: calc(100vw - 40px);
  max-height: min(70vh, 420px);
  overflow: auto;
  margin: 0;
  padding: 6px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface-raised);
  box-shadow: 0 4px 12px var(--shadow);
  scroll-snap-type: none;
}
.project-tab-content[data-models-presentation] [data-models-editor-compact="roof"] [data-native-steps] button {
  width: 100%;
  min-height: 44px;
  text-align: left;
  justify-content: flex-start;
}
.project-tab-content[data-models-presentation] [data-models-editor-compact="roof"]:has([data-native-annual-method] [data-native-summary]) [data-native-annual-controls] {
  margin: 0;
  padding: 0;
  border: 0;
}
.project-tab-content[data-models-presentation] [data-models-editor-compact="roof"]:has([data-native-annual-method] [data-native-summary]) [data-native-annual-controls] > legend {
  margin: 0;
  padding: 0;
}
.project-tab-content[data-models-presentation] [data-models-editor-compact="roof"]:has([data-native-annual-method] [data-native-summary]) {
  gap: 2px;
}
.project-tab-content[data-models-presentation] [data-models-editor-compact="roof"]:has([data-native-annual-method] [data-native-summary]) [data-native-annual-inputs] > p {
  margin: 0 0 4px;
}
@media (min-width: 900px) {
  html:not([data-desktop-models-host="true"]):has([data-models-project-context]) .topbar {
    min-height: 44px;
    padding-top: 0;
    padding-bottom: 0;
  }
  html:not([data-desktop-models-host="true"]):has([data-models-project-context]) section#pane {
    padding-top: 0;
    --pane-pad-top: 0;
  }
  html:not([data-desktop-models-host="true"]) .project-header.models-project-context[data-models-project-context] {
    margin: 0;
    padding: 0;
  }
  html:not([data-desktop-models-host="true"]) .project-tab-content[data-models-presentation] > .models-project-workspace-nav {
    margin: 0;
  }
}
.project-tab-content[data-models-presentation] [data-native-roof][data-models-editor-compact="roof"].roof-array-studio.native-saved-picker-active > .models-editor-heading {
  display: flex !important;
}
.project-tab-content[data-models-presentation] [data-models-editor-compact="roof"] [data-native-footer-actions]:not(:has(button:not([hidden]))) {
  display: none;
}
.project-tab-content[data-models-presentation] [data-models-editor-compact="roof"][data-roof-measure-beside] {
  gap: 0;
}
.project-tab-content[data-models-presentation] [data-models-editor-compact="roof"][data-roof-measure-beside] .roof-measure-workspace {
  display: grid;
  gap: 8px;
  min-width: 0;
}
.project-tab-content[data-models-presentation] [data-models-editor-compact="roof"][data-roof-measure-beside] .roof-measure-qualifier {
  margin: 0;
}
.project-tab-content[data-models-presentation] [data-models-editor-compact="roof"][data-roof-measure-beside] .roof-measure-columns {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  min-width: 0;
}
.project-tab-content[data-models-presentation] [data-models-editor-compact="roof"][data-roof-measure-beside] .roof-measure-columns > * {
  min-width: 0;
}
.project-tab-content[data-models-presentation] [data-models-editor-compact="roof"][data-roof-measure-beside] .roof-measure-columns [data-native-measurements] {
  grid-template-columns: minmax(0, 1fr);
  margin: 0;
}
.project-tab-content[data-models-presentation] [data-models-editor-compact="roof"][data-roof-measure-beside] .roof-measure-columns [data-native-measurements] > .guided-roof-field {
  gap: 2px;
}
.project-tab-content[data-models-presentation] [data-models-editor-compact="roof"][data-roof-measure-beside] .roof-measure-columns [data-native-measurements] > .guided-roof-field:first-child {
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 8px;
}
.project-tab-content[data-models-presentation] [data-models-editor-compact="roof"] .roof-view-tabs button {
  min-width: 44px;
  min-height: 44px;
}
.project-tab-content[data-models-presentation] [data-models-editor-compact="roof"] [data-native-inspect] > summary {
  box-sizing: border-box;
  min-height: 44px;
  padding-block: 11px;
}
.project-tab-content[data-models-presentation] [data-models-editor-compact="roof"] .roof-view-facts {
  margin-block: 4px;
}
@container native-roof (max-width: 40rem) {
  .project-tab-content[data-models-presentation] [data-models-editor-compact="roof"][data-roof-measure-beside] .roof-measure-columns {
    grid-template-columns: minmax(0, 1fr);
  }
}
.project-tab-content[data-models-presentation] [data-models-editor-compact="heat"] {
  gap: 8px;
}
.project-tab-content[data-models-presentation] [data-models-editor-compact="heat"] .heat-step-rail {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.project-tab-content[data-models-presentation] [data-models-editor-compact="heat"] .heat-step-rail li > span:first-child {
  flex: none;
}
.project-tab-content[data-models-presentation] .heat-step-rail .models-heat-progress-label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.project-tab-content[data-models-presentation] .models-heat-editor-toolbar {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  align-items: center;
  gap: 12px;
}
.project-tab-content[data-models-presentation] [data-models-editor-compact="heat"] .heat-workspace {
  gap: 12px;
}
.project-tab-content[data-models-presentation] [data-models-editor-compact="heat"] :is(.heat-editor, .heat-canvas-panel) {
  padding: 12px;
}
.project-tab-content[data-models-presentation] [data-models-editor-compact="heat"] .heat-editor-heading {
  align-items: center;
  margin: 0;
  justify-content: flex-start;
}
.project-tab-content[data-models-presentation] [data-models-editor-compact="heat"] .heat-editor-heading > div {
  min-width: 0;
}
.project-tab-content[data-models-presentation] [data-models-editor-compact="heat"] .heat-error:empty {
  min-height: 0;
}
.project-tab-content[data-models-presentation] [data-models-editor-compact="heat"] .heat-start-routes {
  gap: 8px;
  margin: 0;
}
.project-tab-content[data-models-presentation] [data-models-editor-compact="heat"] .heat-start-routes > h3 {
  margin: 0;
}
.project-tab-content[data-models-presentation] [data-models-editor-compact="heat"] .heat-route-heading {
  gap: 8px;
}
.project-tab-content[data-models-presentation] [data-models-editor-compact="heat"] [data-building-form] > p {
  margin: 0;
}
.project-tab-content[data-models-presentation] [data-models-editor-compact="heat"] :is(button, label:has(> input[type="checkbox"])) {
  min-height: 44px;
}
@media (max-width: 1100px) {
  .project-tab-content[data-models-presentation] [data-models-editor-compact="heat"] .heat-workspace:not(.heat-report-reading):not(.heat-source-reading) {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
@container native-roof (max-width: 32rem) {
  .project-tab-content[data-models-presentation] .models-editor-heading {
    flex-wrap: wrap;
    gap: 8px;
  }
  .project-tab-content[data-models-presentation] .models-editor-heading > :is(h3, h4) {
    flex-basis: calc(100% - 190px);
  }
}

/* A subview owns its return; its hidden parent form must not leave a
   second, different Back target in the shared toolbar. */
.project-tab-content[data-models-presentation] [data-models-editor-compact="heat"]:has([data-heat-report-shelf-panel]:not([hidden]), [data-annual-hot-water-panel]:not([hidden])) [data-choose-start-route] { display: none; }
[data-models-presentation] .models-owned-task-header.models-editor-heading > [data-native-back] {order:0;}
[data-models-presentation] .models-owned-task-header.models-editor-heading > [data-native-step-heading] {order:2;}
[data-models-presentation] .models-owned-task-header.models-editor-heading > .models-editor-step-menu {order:4;}
[data-models-presentation] .models-owned-task-header.models-heat-editor-toolbar > .heat-editor-heading {display:contents;}
.project-tab-content[data-models-presentation] .models-owned-task-header.models-heat-editor-toolbar {display:flex;gap:4px 8px;}
[data-models-presentation] .models-owned-task-header.models-heat-editor-toolbar .heat-editor-heading > button {order:0;}
[data-models-presentation] .models-owned-task-header.models-heat-editor-toolbar .heat-editor-heading > div {order:2;flex:1 1 120px;min-width:100px;}
.project-tab-content[data-models-presentation] .models-owned-task-header.models-heat-editor-toolbar .heat-step-rail {order:4;flex:0 0 auto;min-width:max-content;gap:3px;}
.project-tab-content[data-models-presentation] .models-owned-task-header.models-heat-editor-toolbar .heat-step-rail li {gap:0;}
.project-tab-content[data-models-presentation] .models-owned-task-header.models-heat-editor-toolbar .heat-step-rail li > span:first-child {width:20px;height:20px;font-size:14px;}
[data-models-presentation] .models-owned-task-header.models-heat-editor-toolbar .heat-step-rail ol {gap:6px;}
[data-models-presentation] .models-owned-task-header.models-editor-heading {gap:4px 8px;padding:0;}
[data-models-presentation] .models-owned-task-header.models-editor-heading > [data-native-step-heading] {flex:1 1 100px;min-width:80px;}
[data-models-presentation] [data-models-editor-compact="heat"] .heat-error:empty {display:none;}

/* Opted roof editor only. Previous/Continue stay in the step row. Undo, redo,
   copy, save and browse share that row through Editing. Saved-report lists
   use one summary. Recovery status stays outside those menus. */
.project-tab-content[data-models-presentation] [data-models-editor-compact="roof"] > .guided-roof-actions:has([data-native-editor-tools]) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.project-tab-content[data-models-presentation] [data-models-editor-compact="roof"] > .guided-roof-actions:has([data-native-editor-tools]) > button,
.project-tab-content[data-models-presentation] [data-models-editor-compact="roof"] :is(.models-editor-tools, .models-editor-saved-menu) > summary {
  min-height: 44px;
}
.project-tab-content[data-models-presentation] [data-models-editor-compact="roof"] :is(.models-editor-tools, .models-editor-saved-menu) {
  position: relative;
  flex: 0 0 auto;
}
.project-tab-content[data-models-presentation] [data-models-editor-compact="roof"] :is(.models-editor-tools, .models-editor-saved-menu) > summary {
  display: flex;
  align-items: center;
  padding: 6px 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  color: var(--ink);
  background: var(--surface-raised);
  cursor: pointer;
}
.project-tab-content[data-models-presentation] [data-models-editor-compact="roof"] :is(.models-editor-tools, .models-editor-saved-menu) > summary:focus-visible {
  outline: 2px solid var(--focus);
  outline-offset: 2px;
}
.project-tab-content[data-models-presentation] [data-models-editor-compact="roof"] :is(.models-editor-tools, .models-editor-saved-menu) > div {
  position: absolute;
  right: 0;
  top: calc(100% + 4px);
  z-index: 11;
  display: grid;
  gap: 4px;
  width: max-content;
  max-width: calc(100vw - 40px);
  margin: 0;
  padding: 6px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface-raised);
}
.project-tab-content[data-models-presentation] [data-models-editor-compact="roof"] :is(.models-editor-tools, .models-editor-saved-menu) > div > button {
  min-height: 44px;
  text-align: left;
}
.project-tab-content[data-models-presentation] [data-models-editor-compact="roof"] [data-native-editor-tools]:not(:has(button:not([hidden]))) {
  display: none;
}

/* Opted annual Usage form only. Group names stay on the fieldsets; the box
   border does not. Modest gaps keep labels off the card edges and the hours
   inputs level. Unmarked forms and the roof, heat and annual editors are untouched. */
.project-tab-content[data-models-presentation] #usage-data-form > :is(p, h3, fieldset, [data-usage-optional-notes]) { margin: 0 0 8px; }
.project-tab-content[data-models-presentation] #usage-data-form > fieldset {
  padding: 0;
  border: 0;
  min-inline-size: 0;
}
.project-tab-content[data-models-presentation] #usage-data-form > fieldset > legend { margin: 0 0 4px; padding: 0; }
.project-tab-content[data-models-presentation] #usage-data-form fieldset > p { margin: 0 0 8px; }
.project-tab-content[data-models-presentation] #usage-data-form .row > .field { margin: 0; }
.project-tab-content[data-models-presentation] #usage-data-form .row:has(#import-closed-load) { align-items: flex-end; }
.project-tab-content[data-models-presentation] #usage-data-form .usage-envelopes { gap: 8px; }
.project-tab-content[data-models-presentation] #usage-data-form .usage-envelopes > div { padding: 8px; }
.project-tab-content[data-models-presentation] #usage-data-form .usage-envelopes label { margin-top: 6px; }
.project-tab-content[data-models-presentation] #usage-data-form [data-usage-optional-notes] > summary {
  display: flex;
  align-items: center;
  min-height: 44px;
}
.project-tab-content[data-models-presentation] :is([data-weather-location-missing], [data-weather-gather-ready]) :is(a.act, button.act) {
  display: inline-flex;
  align-items: center;
  box-sizing: border-box;
  min-height: 44px;
}

/* Guided Roof uses the same office spacing as the other compact editors.
   Keep every location/evidence paragraph in flow; grid gaps should not also
   accumulate browser paragraph margins before the first useful control. */
@media (min-width: 900px) {
  .project-tab-content[data-models-presentation] .guided-roof-builder {
    gap: 8px;
  }
  .project-tab-content[data-models-presentation] .guided-roof-builder > .guided-roof-stage {
    padding: 12px;
  }
  .project-tab-content[data-models-presentation] .guided-roof-stage > :is(.crumb, .lede) {
    margin: 0 0 8px;
  }
  .project-tab-content[data-models-presentation] .guided-site-outline-finder,
  .project-tab-content[data-models-presentation] .guided-site-outline-search {
    gap: 8px;
  }
  .project-tab-content[data-models-presentation] .guided-site-outline-finder > p {
    margin: 0;
  }
  .project-tab-content[data-models-presentation] .guided-site-outline-search input {
    min-height: 44px;
  }
}

/* Annual Method disclosure only. The purpose buttons stay above it. */
.project-tab-content[data-models-presentation] [data-native-annual-method] > summary {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  min-height: 44px;
  cursor: pointer;
}
.project-tab-content[data-models-presentation] [data-native-annual-method] > summary:focus-visible {
  outline: 2px solid var(--focus);
  outline-offset: 2px;
}

/* Only a property record opened from its retained Weather investigation. */
[data-weather-record-return] > #verb-back { min-height: 44px; }

/* The same opted everyday task composition applies to the Heat fabric stage. */
.project-tab-content[data-models-presentation] [data-models-editor-compact="heat"] .heat-storeys {
  gap: 8px; margin-bottom: 8px; padding: 8px;
}
.project-tab-content[data-models-presentation] [data-models-editor-compact="heat"] .models-heat-storey-row {
  display: flex; align-items: center; flex-wrap: wrap; gap: 4px 8px;
}
.project-tab-content[data-models-presentation] [data-models-editor-compact="heat"] .models-heat-storey-row > .crumb { margin: 0; }
.project-tab-content[data-models-presentation] [data-models-editor-compact="heat"] .models-heat-storey-row > .heat-storey-tabs { flex: 1; }
.project-tab-content[data-models-presentation] [data-models-editor-compact="heat"] .models-heat-storey-guidance { margin: 0; }
.project-tab-content[data-models-presentation] [data-models-editor-compact="heat"] .models-heat-storey-guidance > summary { padding: 4px 8px; }
.project-tab-content[data-models-presentation] [data-models-editor-compact="heat"] .heat-fabric-progress { margin: 0 0 8px; gap: 4px; }
.project-tab-content[data-models-presentation] [data-models-editor-compact="heat"] .heat-fabric-progress button { min-height: 44px; padding: 4px 6px; }
.project-tab-content[data-models-presentation] [data-models-editor-compact="heat"] .heat-construction-choice {
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 8px; padding: 8px; min-width: 0;
}
.project-tab-content[data-models-presentation] [data-models-editor-compact="heat"] .heat-construction-choice > small { grid-column: 1 / -1; order: 2; }
.project-tab-content[data-models-presentation] [data-models-editor-compact="heat"] .heat-construction-choice > label { min-width: 0; margin: 0; }
.project-tab-content[data-models-presentation] [data-models-editor-compact="heat"] .heat-construction-choice :is(input,select) { min-width: 0; }
@media (max-width: 1100px) {
  .project-tab-content[data-models-presentation] [data-models-editor-compact="heat"] .heat-construction-choice { grid-template-columns: minmax(0, 1fr); }
}

/* Only the step number is a circle; its phase name uses natural text bounds. */
.project-tab-content[data-models-presentation] [data-models-editor-compact="heat"] .models-heat-current-progress-label {
  display: inline;
  width: auto;
  height: auto;
  margin-left: 4px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
  font: inherit;
}

/* Named Heat returns need room beside the retained identity and step rail. */
@media (max-width: 1100px) {
  .project-tab-content[data-models-presentation] .models-owned-task-header.models-heat-editor-toolbar { gap: 4px; }
  .project-tab-content[data-models-presentation] [data-models-editor-compact="heat"] .heat-review .heat-storey-check-heading {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 4px;
  }
  .project-tab-content[data-models-presentation] [data-models-editor-compact="heat"] .heat-review .heat-storey-check-heading > strong {
    white-space: normal;
    justify-self: start;
  }
  .project-tab-content[data-models-presentation] [data-models-editor-compact="heat"] .models-heat-current-progress-label {
    position: absolute; width: 1px; height: 1px; margin: -1px;
    overflow: hidden; clip-path: inset(50%); white-space: nowrap;
  }
}

/* The opted roof shares its width with conversation; steps are optional context.
   Legacy bare editors keep their original rail and column composition. */
.project-tab-content[data-models-presentation] .guided-roof-builder {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 20rem), 1fr));
  min-width: 0;
}
.project-tab-content[data-models-presentation] .guided-roof-builder > :is(.guided-roof-steps, .guided-roof-status) { grid-column: 1 / -1; }
.project-tab-content[data-models-presentation] .guided-roof-builder > :is(.guided-roof-stage, .guided-roof-canvas) { min-width: 0; grid-column: auto; }
.project-tab-content[data-models-presentation] .guided-roof-steps > summary,
.project-tab-content[data-models-presentation] .guided-roof-step-guidance > summary {
  min-height: 44px; box-sizing: border-box; padding: 11px 8px; cursor: pointer;
}
.project-tab-content[data-models-presentation] .guided-roof-steps > summary:focus-visible,
.project-tab-content[data-models-presentation] .guided-roof-step-guidance > summary:focus-visible {
  outline: 2px solid var(--focus); outline-offset: 2px;
}
.project-tab-content[data-models-presentation] .guided-roof-steps .guided-roof-rail {
  position: static; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 11rem), 1fr)); overflow: visible;
}
.project-tab-content[data-models-presentation] .guided-roof-steps .guided-roof-rail li { min-width: 0; }
@container roof-workspace (max-width: 40rem) {
  .project-tab-content[data-models-presentation] .guided-roof-builder .guided-roof-form.two-columns { grid-template-columns: minmax(0, 1fr); }
  .project-tab-content[data-models-presentation] .guided-roof-builder :is(input, select) { min-width: 0; max-width: 100%; box-sizing: border-box; }
}
/* The outer viewer already shows these counts; keep the 3D caption available
   to assistive technology, alongside its unchanged complete SVG description. */
.project-tab-content[data-models-presentation] [data-models-editor-compact="roof"] .roof-view-viewport .geometry-viewer-facts {
  position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0;
  overflow: hidden; clip-path: inset(50%); white-space: nowrap;
}

/* Direct verified reports belong to the opted roof header; editor inputs stay
   mounted and unchanged while the isolated report is read. */
.project-tab-content[data-models-presentation] [data-models-editor-compact="roof"] .models-editor-direct-reports {position:static;flex:0 0 auto;order:3;}
.project-tab-content[data-models-presentation] [data-models-editor-compact="roof"] .models-editor-direct-reports > summary {display:flex;align-items:center;min-height:44px;box-sizing:border-box;padding:6px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface-raised);cursor:pointer;}
.project-tab-content[data-models-presentation] [data-models-editor-compact="roof"] .models-editor-direct-reports > summary:focus-visible {outline:2px solid var(--focus);outline-offset:2px;}
.project-tab-content[data-models-presentation] [data-models-editor-compact="roof"] .models-editor-direct-reports > div {position:absolute;right:0;top:calc(100% + 4px);z-index:12;width:min(360px,100%);max-height:70vh;overflow:auto;box-sizing:border-box;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--surface-raised);}
.project-tab-content[data-models-presentation] [data-models-editor-compact="roof"] .models-editor-direct-reports section {display:grid;gap:4px;margin-bottom:8px;}
.project-tab-content[data-models-presentation] [data-models-editor-compact="roof"] .models-editor-direct-reports button {min-height:44px;white-space:normal;overflow-wrap:anywhere;text-align:left;}
.project-tab-content[data-models-presentation] [data-models-editor-compact="roof"][data-native-direct-report-open] > :not(.models-editor-heading):not([data-native-direct-report]):not([data-native-status]) {display:none !important;}
.project-tab-content[data-models-presentation] [data-native-direct-report] {min-width:0;overflow-wrap:anywhere;}
.project-tab-content[data-models-presentation] [data-native-direct-report] button {min-height:44px;}

.project-tab-content[data-models-presentation] [data-models-editor-compact="roof"] .models-editor-heading:has(.models-editor-direct-reports) {position:relative;}
.project-tab-content[data-models-presentation] [data-models-editor-compact="roof"][data-native-direct-report-open] .models-editor-step-menu {display:none;}