/* Let the CRM use the space remaining below the actual application headers. */
#app-main-scroll:has([data-crm-viewport]) {
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
}
#app-main-scroll:has([data-crm-viewport]) > div {
  display: flex;
  flex-direction: column;
  flex: 1 1 0%;
  min-height: 0;
  min-width: 0;
}
[data-crm-viewport] > div { min-width: 0; }
@media (max-width: 767px) {
  #app-main-scroll:has([data-crm-viewport]) { padding-bottom: 56px; }
}