body:not(.dark_theme) {
  background: var(--design-bg-surface);
}

body:not(.dark_theme) .page-wrapper,
body:not(.dark_theme) .page-wrapper .page-content,
body:not(.dark_theme) .main-container {
  background: var(--design-bg-surface);
}

.dark_theme {
  background: var(--design-bg-surface);
}

.dark_theme .page-wrapper,
.dark_theme .page-wrapper .page-content,
.dark_theme .main-container {
  background: var(--design-bg-surface);
}

.page-header {
  align-items: center;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  margin: 0;
  min-height: 80px;
  padding: 24px 16px;
}

.page-header__actions {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  gap: 8px;
  min-height: 32px;
}

.page-header__actions .wf_btn_add_crm_mail_wrapper {
  align-items: center;
  display: flex;
}

.page-header__actions .btn {
  align-items: center;
  border-radius: var(--design-border-radius);
  display: inline-flex;
  font-size: 14px;
  font-weight: 600;
  height: 32px;
  line-height: 21px;
  margin: 0;
  padding: 5px 8px;
}

.main-container {
  padding: 0 16px 16px;
}

@media screen and (max-width: 768px) {
  .page-header {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
    min-height: 0;
    padding: 12px 16px 8px;
  }

  .page-header__actions {
    align-items: center;
    flex-wrap: nowrap;
    gap: 8px;
    justify-content: flex-start;
    min-height: 32px;
    width: 100%;
  }

  .page-header__actions .wf_filters_toggle {
    flex: 0 0 auto;
  }

  .page_crm_leads .page-header {
    padding: 12px 16px 8px;
  }

  .main-container {
    padding-inline: 8px;
  }
}