body.ruqi-company-jobs .ruqi-jobs-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  column-gap: 16px;
  align-items: center;
}

body.ruqi-company-jobs .ruqi-jobs-header > nav {
  grid-column: 1 / -1;
  grid-row: 1;
}

body.ruqi-company-jobs .ruqi-jobs-header > h1.section__title {
  grid-column: 1;
  grid-row: 2;
  margin-bottom: 0;
}

body.ruqi-company-jobs .ruqi-jobs-header > .cjha {
  grid-column: 2;
  grid-row: 2;
  justify-self: end;
}

body.ruqi-company-jobs .ruqi-jobs-header > .sticky-sidebar-row {
  grid-column: 1 / -1;
  grid-row: 3;
}

body.ruqi-company-wallet .ruqi-wallet-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  column-gap: 16px;
  align-items: center;
}

body.ruqi-company-wallet .ruqi-wallet-header > nav {
  grid-column: 1 / -1;
  grid-row: 1;
}

body.ruqi-company-wallet .ruqi-wallet-header > h1.section__title {
  grid-column: 1;
  grid-row: 2;
  margin-bottom: 0;
}

body.ruqi-company-wallet .ruqi-wallet-header > .cwha {
  grid-column: 2;
  grid-row: 2;
  justify-self: end;
}

body.ruqi-company-wallet .ruqi-wallet-header > .sticky-sidebar-row {
  grid-column: 1 / -1;
  grid-row: 3;
}

body.ruqi-company-about .ruqi-about-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  column-gap: 16px;
  align-items: center;
}

body.ruqi-company-about .ruqi-about-header > nav {
  grid-column: 1 / -1;
  grid-row: 1;
}

body.ruqi-company-about .ruqi-about-header > h1.section__title {
  grid-column: 1;
  grid-row: 2;
  margin-bottom: 0;
}

body.ruqi-company-about .ruqi-about-header > .caha {
  grid-column: 2;
  grid-row: 2;
  justify-self: end;
}

body.ruqi-company-about .ruqi-about-header > .sticky-sidebar-row {
  grid-column: 1 / -1;
  grid-row: 3;
}

.ruqi-company-cabinet h1.section__title .badge {
  display: inline-flex;
  align-items: center;
  padding: 3px 8px;
  border-radius: 10px;
  background: #eceef4;
  font-family: var(--ruqi-font-family, 'Source Sans Pro', sans-serif);
  font-size: 13px;
  font-weight: 500;
  line-height: normal;
  color: #667385;
  vertical-align: middle;
}

.ruqi-company-cabinet .sticky-sidebar .card.ruqi-jobs-source-card {
  display: none;
}

.ruqi-company-cabinet .sticky-sidebar .card {
  padding: 24px;
  background: #fff;
  border: 1px solid #eceef3;
  border-radius: 20px;
  box-shadow: none;
}

.ruqi-company-cabinet .sticky-sidebar .card > .card-body {
  padding: 0;
}

.ruqi-company-cabinet .sticky-sidebar .card .line-clamp--2 {
  font-family: var(--ruqi-font-family, 'Source Sans Pro', sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  color: #0f172a;
}

.ruqi-company-cabinet .sticky-sidebar .card > .card-body > hr {
  margin: 24px 0;
  border: 0;
  border-top: 1px solid #f3f4f6;
}

.ruqi-company-cabinet .sticky-sidebar .menu-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 0;
  border: 0;
  border-radius: 0;
  font-size: 16px;
}

.ruqi-company-cabinet .sticky-sidebar .menu-list hr {
  display: none;
}

.ruqi-company-cabinet .sticky-sidebar .menu-list__item {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
  padding: 12px 14px;
  border: 0;
  border-radius: 12px;
  background: transparent;
  font-family: var(--ruqi-font-family, 'Source Sans Pro', sans-serif);
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  color: #0f172a;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}

.ruqi-company-cabinet .sticky-sidebar .menu-list__item:hover {
  background: #f8faff;
  color: #1735f5;
}

.ruqi-company-cabinet .sticky-sidebar .menu-list__item--active {
  background: #f8faff;
  color: #1735f5;
}

.ruqi-company-cabinet .sticky-sidebar #collapseUserMenu .menu-list__item::before {
  content: '';
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  background-color: currentColor;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.ruqi-company-cabinet .sticky-sidebar #collapseUserMenu .menu-list__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  margin-left: auto;
  padding: 0 6px;
  border-radius: 10px;
  background: #ff3838;
  font-family: var(--ruqi-font-family, 'Source Sans Pro', sans-serif);
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  color: #fff;
}

.ruqi-company-cabinet .sticky-sidebar #collapseUserMenu .menu-list__item[href="/company"]::before {
  -webkit-mask-image: url('../images/company-cabinet/menu-tasks.svg');
  mask-image: url('../images/company-cabinet/menu-tasks.svg');
}

.ruqi-company-cabinet .sticky-sidebar #collapseUserMenu .menu-list__item[href*="/company/profile/contracts"]::before {
  -webkit-mask-image: url('../images/company-cabinet/menu-contracts.svg');
  mask-image: url('../images/company-cabinet/menu-contracts.svg');
}

.ruqi-company-cabinet .sticky-sidebar #collapseUserMenu .menu-list__item[href*="/chats"]::before {
  -webkit-mask-image: url('../images/company-cabinet/menu-chats.svg');
  mask-image: url('../images/company-cabinet/menu-chats.svg');
}

.ruqi-company-cabinet .sticky-sidebar #collapseUserMenu .menu-list__item[href*="/company/profile/reviews"]::before {
  -webkit-mask-image: url('../images/company-cabinet/menu-reviews.svg');
  mask-image: url('../images/company-cabinet/menu-reviews.svg');
}

.ruqi-company-cabinet .sticky-sidebar #collapseUserMenu .menu-list__item[href*="/company/profile/wallet"]::before {
  -webkit-mask-image: url('../images/company-cabinet/menu-finance.svg');
  mask-image: url('../images/company-cabinet/menu-finance.svg');
}

.ruqi-company-cabinet .sticky-sidebar #collapseUserMenu .menu-list__item[href*="/notification"]::before {
  -webkit-mask-image: url('../images/company-cabinet/menu-notifications.svg');
  mask-image: url('../images/company-cabinet/menu-notifications.svg');
}

/* Без своей маски ::before красится сплошным currentColor и выглядит чёрным квадратом:
   базовое правило задаёт background-color и параметры маски, а сам mask-image приходит
   только отсюда. Пункт «Поддержка» добавили в меню позже остальных, правило забыли. */
.ruqi-company-cabinet .sticky-sidebar #collapseUserMenu .menu-list__item[href*="/support"]::before {
  -webkit-mask-image: url('../images/company-cabinet/menu-support.svg');
  mask-image: url('../images/company-cabinet/menu-support.svg');
}

.ruqi-company-cabinet .sticky-sidebar #collapseUserMenu form {
  margin: 24px 0 0;
  padding-top: 24px;
  border-top: 1px solid #eceef3;
}

.ruqi-company-cabinet .sticky-sidebar #collapseUserMenu form .menu-list__item {
  font-size: 15px;
  color: #ef4444;
}

.ruqi-company-cabinet .sticky-sidebar #collapseUserMenu form .menu-list__item:hover {
  background: #fff1f0;
  color: #ef4444;
}

.ruqi-company-cabinet .sticky-sidebar #collapseUserMenu form .menu-list__item::before {
  -webkit-mask-image: url('../images/company-cabinet/logout.svg');
  mask-image: url('../images/company-cabinet/logout.svg');
}

/* Плагин sticky-sidebar снимает высоты один раз при загрузке, а правая колонка кабинета
   наполняется позже из API: точка «отцепиться» считается по устаревшим размерам, и сайдбар
   наезжает на футер. На ≤999.98px он и так отключён — распространяем на все ширины. */
.ruqi-company-cabinet .sticky-sidebar-wrap,
.ruqi-company-cabinet .sticky-sidebar {
  position: static !important;
  top: auto !important;
  left: auto !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  transform: none !important;
}

@media (max-width: 999.98px) {
  body.ruqi-company-jobs .ruqi-jobs-header > h1.section__title {
    font-size: 20px;
  }

  body.ruqi-company-jobs .ruqi-jobs-header .cjha .r-btn__label {
    display: none;
  }

  body.ruqi-company-jobs .ruqi-jobs-header .cjha .r-btn {
    width: 44px;
    height: 44px;
    padding: 0;
  }

  body.ruqi-company-wallet .ruqi-wallet-header > h1.section__title {
    font-size: 22px;
  }

  body.ruqi-company-about .ruqi-about-header > h1.section__title {
    font-size: 22px;
  }

  .ruqi-company-cabinet .sticky-sidebar-row > [class*='col-md-'] {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .ruqi-company-cabinet .sticky-sidebar-wrap,
  .ruqi-company-cabinet .sticky-sidebar {
    position: static !important;
    top: auto !important;
    left: auto !important;
    width: auto !important;
    min-height: 0 !important;
    transform: none !important;
  }

  .ruqi-company-cabinet .sticky-sidebar .collapse-trigger {
    display: none !important;
  }

  .ruqi-company-cabinet .sticky-sidebar #collapseUserMenu {
    display: block !important;
    height: auto !important;
    visibility: visible !important;
  }

  .ruqi-company-cabinet .sticky-sidebar #collapseUserMenu .menu-list {
    flex-direction: row;
    gap: 0;
    padding: 0;
    overflow-x: auto;
    border: 0;
    border-bottom: 1px solid #eceef4;
    border-radius: 0;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .ruqi-company-cabinet .sticky-sidebar #collapseUserMenu .menu-list::-webkit-scrollbar {
    display: none;
  }

  .ruqi-company-cabinet .sticky-sidebar #collapseUserMenu .menu-list__item {
    flex-shrink: 0;
    padding: 8px 12px;
    border-radius: 0;
    border-bottom: 2px solid transparent;
    white-space: nowrap;
  }

  .ruqi-company-cabinet .sticky-sidebar #collapseUserMenu .menu-list__item::before {
    display: none;
  }

  .ruqi-company-cabinet .sticky-sidebar #collapseUserMenu .menu-list__item--active {
    background: transparent;
    border-bottom-color: #1735f5;
  }

  .ruqi-company-cabinet .sticky-sidebar #collapseUserMenu form {
    display: none;
  }

  .ruqi-company-cabinet .sticky-sidebar .card {
    padding: 16px;
    border-radius: 16px;
  }
}

@media (max-width: 767.98px) {
  body.ruqi-company-wallet .ruqi-wallet-header > .cwha {
    grid-column: 1 / -1;
    grid-row: 3;
    justify-self: stretch;
    margin-top: 16px;
  }

  body.ruqi-company-wallet .ruqi-wallet-header > .sticky-sidebar-row {
    grid-row: 4;
  }
}