/* Use natural content height: a compact minimum is not a fixed clipping box. */
.shell.dalux-layout .project-nav-block > button[data-project-id],
.shell.dalux-layout .sales-project-card {
  box-sizing: border-box;
  height: auto !important;
  min-height: 76px !important;
  max-height: none !important;
  flex: none;
  overflow: visible;
}
.shell.dalux-layout .project-nav-block > button[data-project-id] .project-nav-title strong,
.shell.dalux-layout .sales-project-card strong,
.shell.dalux-layout .project-nav-block > button[data-project-id] .project-nav-meta {
  display: block !important;
  -webkit-line-clamp: unset !important;
  max-height: none !important;
  overflow: visible !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}
.shell.dalux-layout .project-nav-block > button[data-project-id] .project-nav-title,
.shell.dalux-layout .project-nav-copy {
  min-width: 0;
  min-height: 0;
}

/* The phone list shows the full description. Fixed desktop tile heights must
   not combine with the native bridge's visible overflow / 100% height rules. */
#app .shell.dalux-layout.mobile-list-only .project-nav {
  grid-auto-rows: auto !important;
  align-items: start !important;
}
#app .shell.dalux-layout.mobile-list-only .project-nav-block {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}
#app .shell.dalux-layout.mobile-list-only .project-nav-block > button:is([data-project-id], [data-share-id]),
#app .shell.dalux-layout.mobile-list-only .sales-project-card {
  height: auto !important;
  min-height: 76px !important;
  max-height: none !important;
  padding: 14px 12px !important;
  align-items: flex-start !important;
  overflow: hidden !important;
}
#app .shell.dalux-layout.mobile-list-only .mobile-project-row,
#app .shell.dalux-layout.mobile-list-only .mobile-project-copy {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#app .shell.dalux-layout.mobile-list-only .mobile-project-copy {
  display: grid !important;
  gap: 6px !important;
}
#app .shell.dalux-layout.mobile-list-only .mobile-project-copy :is(strong, .mobile-project-meta),
#app .shell.dalux-layout.mobile-list-only .sales-project-card :is(strong, span) {
  display: block !important;
  height: auto !important;
  max-height: none !important;
  -webkit-line-clamp: unset !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}
#app .shell.dalux-layout.mobile-list-only .mobile-project-meta:empty {
  display: none !important;
}