/* Compact, tabbed house view menu. This skin only activates with its new DOM. */
body.house-mode.house-workbench-ready #houseTopViewTools.house-view-compact #houseViewPopover {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 320px;
  min-width: 0;
  max-width: calc(100vw - 16px);
  max-height: calc(100vh - var(--toolbar-menu-top, 58px) - 8px);
  max-height: calc(100dvh - var(--toolbar-menu-top, 58px) - 8px);
  padding: 0;
  gap: 0;
  overflow: hidden;
  border: 1px solid #dce5df;
  border-radius: 8px;
  background: #fff;
  color: #415c4b;
  box-shadow: 0 8px 24px #294b3521;
  white-space: normal;
}
body.house-mode.house-workbench-ready #houseTopViewTools.house-view-compact:not([open]) #houseViewPopover { display: none; }
body.house-mode.house-workbench-ready #houseTopViewTools.house-view-compact #houseViewPopover button {
  width: 100%;
  min-width: 0;
  min-height: 32px;
  padding: 5px 7px;
  justify-content: center;
  border: 1px solid #dbe3dd;
  border-radius: 5px;
  background: #fff;
  color: #48604f;
  box-shadow: none;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
  white-space: nowrap;
}
body.house-mode.house-workbench-ready #houseTopViewTools.house-view-compact #houseViewPopover button:hover:not(:disabled) { background: #f2f7f3; border-color: #abc9b5; color: #29664c; }
body.house-mode.house-workbench-ready #houseTopViewTools.house-view-compact #houseViewPopover button.active,
body.house-mode.house-workbench-ready #houseTopViewTools.house-view-compact #houseViewPopover button[aria-pressed="true"] { background: #eaf4ed; border-color: #a9cdb6; color: #29664c; box-shadow: none; font-weight: 600; }
body.house-mode.house-workbench-ready #houseTopViewTools.house-view-compact #houseViewPopover button:disabled { background: #f7f9f7; border-color: #e5ebe6; color: #829287; opacity: .55; }
body.house-mode.house-workbench-ready #houseTopViewTools.house-view-compact #houseViewPopover button.recording { background: #b3364f; border-color: #cb5771; color: #fff; }
body.house-mode.house-workbench-ready #houseTopViewTools.house-view-compact #houseViewPopover button:focus-visible,
body.house-mode.house-workbench-ready #houseTopViewTools.house-view-compact #houseViewPopover select:focus-visible,
body.house-mode.house-workbench-ready #houseTopViewTools.house-view-compact #houseViewPopover input:focus-visible { outline: 2px solid #67a887; outline-offset: 2px; }
body.house-mode.house-workbench-ready #houseTopViewTools.house-view-compact #houseViewMenuTabs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  flex: 0 0 auto;
  gap: 2px;
  margin: 8px 8px 0;
  padding: 3px;
  border: 0;
  border-radius: 6px;
  background: #f2f5f3;
}
body.house-mode.house-workbench-ready #houseTopViewTools.house-view-compact #houseViewMenuTabs button { min-height: 32px; padding: 4px 3px; border-color: transparent; background: transparent; color: #728179; }
body.house-mode.house-workbench-ready #houseTopViewTools.house-view-compact #houseViewMenuTabs button.active,
body.house-mode.house-workbench-ready #houseTopViewTools.house-view-compact #houseViewMenuTabs button[aria-selected="true"] { border-color: #dce8e0; background: #fff; color: #236b58; box-shadow: 0 1px 2px #233a2a08; }
body.house-mode.house-workbench-ready #houseTopViewTools.house-view-compact [data-house-view-panel] {
  flex: 0 1 auto;
  min-width: 0;
  min-height: 0;
  margin: 12px;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #cdd7cf transparent;
  border: 0;
  border-radius: 0;
  background: transparent;
}
body.house-mode.house-workbench-ready #houseTopViewTools.house-view-compact #houseViewPanelViews { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; }
body.house-mode.house-workbench-ready #houseTopViewTools.house-view-compact .house-view-mode-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
body.house-mode.house-workbench-ready #houseTopViewTools.house-view-compact .house-view-mode-grid > button { grid-column: auto; }
body.house-mode.house-workbench-ready #houseTopViewTools.house-view-compact .standard-view-picker { width: 100%; min-width: 0; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; }
body.house-mode.house-workbench-ready #houseTopViewTools.house-view-compact .standard-view-caption,
body.house-mode.house-workbench-ready #houseTopViewTools.house-view-compact .standard-view-axis { display: none; }
body.house-mode.house-workbench-ready #houseTopViewTools.house-view-compact .standard-view-pairs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
body.house-mode.house-workbench-ready #houseTopViewTools.house-view-compact .standard-view-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px; min-width: 0; padding: 0; border: 0; border-radius: 0; background: transparent; }
body.house-mode.house-workbench-ready #houseTopViewTools.house-view-compact .standard-view-pair > button { min-height: 32px; padding-left: 3px; padding-right: 3px; }
body.house-mode.house-workbench-ready #houseTopViewTools.house-view-compact .house-view-floors { min-width: 0; margin-top: 2px; padding-top: 10px; border-top: 1px solid #e7ece8; }
body.house-mode.house-workbench-ready #houseTopViewTools.house-view-compact .house-view-floors > label,
body.house-mode.house-workbench-ready #houseTopViewTools.house-view-compact .house-view-floors > span:not(.floor-visibility),
body.house-mode.house-workbench-ready #houseTopViewTools.house-view-compact .house-view-floors > strong { display: block; margin-bottom: 6px; color: #798b7e; font-size: 12px; font-weight: 500; }
body.house-mode.house-workbench-ready #houseTopViewTools.house-view-compact #houseFloorVisibility {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  align-self: auto;
  grid-column: auto;
  grid-row: auto;
  gap: 5px;
  width: 100%;
  min-width: 0;
  max-height: none;
  margin: 0;
  padding: 0;
  overflow: visible;
  border: 0;
  background: transparent;
}
body.house-mode.house-workbench-ready #houseTopViewTools.house-view-compact #houseFloorVisibility:empty { display: none; }
body.house-mode.house-workbench-ready #houseTopViewTools.house-view-compact #houseFloorVisibility button { flex: 0 1 auto; width: auto; max-width: 100%; min-width: 48px; min-height: 30px; padding: 4px 8px; overflow: hidden; text-overflow: ellipsis; }
/* .active means that a floor is visible, not that it is the editing floor. */
body.house-mode.house-workbench-ready #houseTopViewTools.house-view-compact #houseFloorVisibility button:not(.active) { opacity: 1; color: #849187; background: #f7f9f7; border-color: #e1e7e3; }
body.house-mode.house-workbench-ready #houseTopViewTools.house-view-compact #houseFloorVisibility button.active { opacity: 1; color: #29664c; background: #eaf4ed; border-color: #a9cdb6; }
body.house-mode.house-workbench-ready #houseTopViewTools.house-view-compact .house-view-section-body { display: grid; grid-template-columns: minmax(0, 1fr); gap: 9px; min-width: 0; margin: 0; padding: 0; border: 0; background: transparent; }
body.house-mode.house-workbench-ready #houseTopViewTools.house-view-compact .house-view-display-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
body.house-mode.house-workbench-ready #houseTopViewTools.house-view-compact .house-view-display-actions > #houseToggleWallDims,
body.house-mode.house-workbench-ready #houseTopViewTools.house-view-compact .house-view-display-actions > #houseToggleOpeningDims { grid-column: auto; }
body.house-mode.house-workbench-ready #houseTopViewTools.house-view-compact .house-view-display-actions > #houseQualityToggle { grid-column: 1 / -1; }
body.house-mode.house-workbench-ready #houseTopViewTools.house-view-compact .sales-visual-preset-control { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 7px; min-width: 0; min-height: 32px; padding: 0; border: 0; border-radius: 0; background: transparent; color: #718172; font-size: 12px; font-weight: 500; }
body.house-mode.house-workbench-ready #houseTopViewTools.house-view-compact #houseViewPopover select { width: 100%; min-width: 0; min-height: 32px; padding: 5px 24px 5px 7px; border: 1px solid #dce4de; border-radius: 5px; background: #fafcf9; color: #344c3d; font-size: 12px; }
body.house-mode.house-workbench-ready #houseTopViewTools.house-view-compact #houseLandscapeHint { margin: -3px 0 0 37px; color: #7e8f82 !important; font-size: 11px; line-height: 1.5; }
body.house-mode.house-workbench-ready #houseTopViewTools.house-view-compact .sales-sun-control { display: grid; gap: 7px; min-width: 0; margin-top: 1px; padding: 9px 0 0; border: 0; border-top: 1px solid #e7ece8; border-radius: 0; background: transparent; color: #61766a; }
body.house-mode.house-workbench-ready #houseTopViewTools.house-view-compact .sales-sun-heading { grid-template-columns: auto minmax(0, 1fr) auto; gap: 6px; }
body.house-mode.house-workbench-ready #houseTopViewTools.house-view-compact .sales-sun-heading strong { color: #61766a; font-size: 12px; font-weight: 500; letter-spacing: 0; }
body.house-mode.house-workbench-ready #houseTopViewTools.house-view-compact .sales-sun-status { color: #8a9a8e; font-size: 11px; }
body.house-mode.house-workbench-ready #houseTopViewTools.house-view-compact #houseViewPopover .sales-sun-reset { width: auto; min-height: 28px; padding: 3px 6px; font-size: 11px; }
body.house-mode.house-workbench-ready #houseTopViewTools.house-view-compact .sales-sun-row { grid-template-columns: 26px 35px minmax(0, 1fr) 35px 32px; gap: 4px; }
body.house-mode.house-workbench-ready #houseTopViewTools.house-view-compact .sales-sun-axis-label,
body.house-mode.house-workbench-ready #houseTopViewTools.house-view-compact .sales-sun-value { min-width: 0; color: #718172; font-size: 11px; font-weight: 500; }
body.house-mode.house-workbench-ready #houseTopViewTools.house-view-compact #houseViewPopover .sales-sun-nudge { min-height: 30px; padding: 3px 1px; font-size: 11px; }
body.house-mode.house-workbench-ready #houseTopViewTools.house-view-compact #houseViewPopover input[type=range] { width: 100%; min-width: 0; min-height: 32px; padding: 0; accent-color: #2f806f; }
body.house-mode.house-workbench-ready #houseTopViewTools.house-view-compact .house-view-demo-body > .open-control { display: grid; grid-column: 1 / -1; grid-template-columns: 28px minmax(0, 1fr) 54px; align-items: center; gap: 8px; width: 100%; min-width: 0; min-height: 34px; padding: 0; border: 0; border-radius: 0; background: transparent; color: #718172; font-size: 12px; font-weight: 500; }
body.house-mode.house-workbench-ready #houseTopViewTools.house-view-compact .house-view-demo-body > .open-control output { min-width: 0; color: #506b59; font-size: 12px; text-align: right; }
body.house-mode.house-workbench-ready #houseTopViewTools.house-view-compact .house-view-demo-body > #houseAnimAll { grid-column: 1 / -1; }
body.house-mode.house-workbench-ready #houseTopViewTools.house-view-compact .house-auto-motion-controls,
body.house-mode.house-workbench-ready #houseTopViewTools.house-view-compact .house-camera-track-controls { display: grid; grid-column: 1 / -1; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; min-width: 0; margin: 0; padding: 0; border: 0; background: transparent; }
body.house-mode.house-workbench-ready #houseTopViewTools.house-view-compact .house-auto-motion-controls { grid-template-columns: repeat(3, minmax(0, 1fr)); }
body.house-mode.house-workbench-ready #houseTopViewTools.house-view-compact .house-auto-motion-controls::before,
body.house-mode.house-workbench-ready #houseTopViewTools.house-view-compact .house-camera-track-controls::before { grid-column: 1 / -1; margin-bottom: 1px; padding: 0; color: #7a8d80; font-size: 11px; letter-spacing: 0; }
body.house-mode.house-workbench-ready #houseTopViewTools.house-view-compact .house-camera-track-controls { margin-top: 2px; padding-top: 9px; border-top: 1px solid #e7ece8; }
body.house-mode.house-workbench-ready #houseTopViewTools.house-view-compact #houseTrackWindowAnim { grid-column: 1 / -1; }
body.house-mode.house-workbench-ready #houseTopViewTools.house-view-compact [hidden] { display: none !important; }