/* Боковое меню: кнопка «Свернуть» и полоса значков (замечание владельца
   2026-09-29). Класс `crm-nav-mini` на <html> ставит `nav-mini.js`.

   Только от 1280 px: уже этого Unfold сам прячет панель и открывает её
   поверх страницы, сворачивать там нечего. Ширину панели Unfold пишет в
   атрибут style (её можно тянуть мышью), поэтому ширина здесь — с !important. */

.crm-nav-toggle {
  display: none;
}

@media (min-width: 1280px) {
  .crm-nav-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 0;
    border-radius: var(--crm-radius, 8px);
    background: none;
    color: var(--crm-text-muted, #616b78);
    cursor: pointer;
  }

  .crm-nav-toggle:hover {
    background: var(--crm-field-bg, #d6e6f3);
    color: var(--crm-text, #333b44);
  }

  .crm-nav-toggle__open,
  .crm-nav-mini .crm-nav-toggle__close {
    display: none;
  }

  .crm-nav-mini .crm-nav-toggle__open {
    display: inline;
  }

  /* Узко, как свёрнутое меню Битрикса (владелец просила «буквально до 1 см»):
     значок 18 px и поля вокруг него. */
  .crm-nav-mini #nav-sidebar,
  .crm-nav-mini div:has(> div > #nav-sidebar) {
    width: 52px !important;
  }


  /* Тянуть мышью полосу значков незачем. */
  .crm-nav-mini #nav-sidebar .cursor-col-resize {
    display: none;
  }

  .crm-nav-mini .crm-nav-head {
    justify-content: center;
    padding: 0;
  }

  .crm-nav-mini .crm-nav-head__brand {
    display: none;
  }

  /* Поиск по разделам и прочее между шапкой и пунктами — в полосе не уместить. */
  .crm-nav-mini #nav-sidebar-inner > :not(.crm-nav-head):not(#nav-sidebar-apps):not(:last-child) {
    display: none;
  }

  /* Заголовок группы — тонкой чертой: группы различимы, места не берут. */
  .crm-nav-mini #nav-sidebar-apps h2 {
    height: 1px;
    margin: 6px 10px;
    padding: 0;
    overflow: hidden;
    font-size: 0;
    background: var(--crm-border, #bed2e4);
  }

  /* Свёрнутые группы в полосе раскрыты: значок, до которого не добраться,
     хуже лишней строки. */
  .crm-nav-mini #nav-sidebar-apps ol {
    display: flex !important;
    padding: 0 6px;
  }

  .crm-nav-mini #nav-sidebar-apps a {
    position: relative;
    justify-content: center;
    margin: 0;
    padding: 0;
  }

  .crm-nav-mini #nav-sidebar-apps a > .material-symbols-outlined {
    margin: 0;
  }

  /* Подпись пункта прячем, счётчик оставляем — маленьким, в углу значка. */
  .crm-nav-mini #nav-sidebar-apps a > span:nth-child(2) {
    display: none;
  }

  .crm-nav-mini #nav-sidebar-apps a > span:nth-child(3) {
    position: absolute;
    top: 2px;
    right: 4px;
    margin: 0;
    transform: scale(.85);
  }

  /* Внизу — только кружок сотрудника; меню под ним шире полосы. */
  .crm-nav-mini #nav-sidebar-inner > :last-child {
    padding-left: 0;
    padding-right: 0;
  }

  .crm-nav-mini #nav-sidebar-inner > :last-child > .cursor-pointer {
    justify-content: center;
    margin: 0;
    padding: 12px 0;
  }

  .crm-nav-mini #nav-sidebar-inner > :last-child > .cursor-pointer > :not(:first-child) {
    display: none;
  }

  .crm-nav-mini #nav-sidebar-inner > :last-child > nav {
    right: auto;
    width: 220px;
  }
}