/*
 * Общий заголовок страницы (cxPageTitle / cxFilterToggleHeader / page-форма):
 * на узком экране actions (SegmentedControl) — под заголовком;
 * кнопка «Закрыть» остаётся в одной строке с названием.
 */
.cx-page-title {
  width: 100%;
  row-gap: 0.5rem;
}

.cx-page-title-left {
  min-width: 0;
}

.cx-page-title-actions {
  margin-left: auto;
  min-width: 0;
  max-width: 100%;
}

.cx-page-title-close {
  flex-shrink: 0;
}

.cx-page-title:not(:has(.cx-page-title-actions)) .cx-page-title-close {
  margin-left: auto;
}

@media (max-width: 48em) {
  .cx-page-title-left {
    flex: 1 1 auto;
    min-width: 0;
  }

  .cx-page-title-close {
    order: 2;
    margin-left: auto;
  }

  .cx-page-title-actions {
    order: 3;
    flex: 1 1 100%;
    margin-left: 0;
    justify-content: flex-start !important;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 0.15rem;
  }

  .cx-page-title-actions .mantine-SegmentedControl-root {
    width: max-content;
    max-width: none;
    flex-shrink: 0;
  }
}