/* Узкая шапка (Игорь 02.10.2026; патчи 1262-1263): одна строка - «Главная», «Ассистент» и «☰ Разделы ▾»
   (раскрываются вниз списком всех разделов). На телефоне так же, у кнопок остаются значки. Включается классом .header--v2. */
.header--v2 .header__inner { flex-wrap: nowrap; padding: 8px 20px; column-gap: 12px; row-gap: 0; }
.header--v2 .logo { order: 1; flex: none; }
.header--v2 .nav2 { order: 2; flex: 1; min-width: 0; display: flex; align-items: center; gap: 4px; }
.header--v2 .newsfeed { order: 3; flex: none; }
.header--v2 .newsfeed__lbl { display: none; }
.header--v2 .user-box { order: 4; flex: none; margin-left: 0; }

.nav2__link { position: relative; flex: none; display: inline-flex; align-items: center; gap: 5px; padding: 6px 10px;
              border-radius: 8px; color: var(--text-muted); font-size: .9rem; line-height: 1.2; white-space: nowrap; text-decoration: none; }
.nav2__link:hover { background: var(--bg-hover); color: var(--text); }
.nav2__link.is-active { background: var(--bg-hover); color: var(--text); font-weight: 600; }
.nav2__link.is-locked, .nav2__item.is-locked { opacity: .55; }

.nav2__more { position: relative; flex: none; }
.nav2__btn { list-style: none; cursor: pointer; padding: 6px 10px; border: 1px solid var(--border); border-radius: 8px;
             font-size: .9rem; line-height: 1.2; color: var(--text-muted); white-space: nowrap; user-select: none; }
.nav2__btn::-webkit-details-marker { display: none; }
.nav2__btn:hover, .nav2__more[open] .nav2__btn, .nav2__btn.is-active { background: var(--bg-hover); color: var(--text); }
.nav2__btn.is-active { font-weight: 600; }

.nav2__panel { position: absolute; top: calc(100% + 6px); left: 0; z-index: 120; min-width: 250px; padding: 6px;
               max-height: calc(100vh - 90px); overflow-y: auto;
               background: #fff; border: 1px solid var(--border); border-radius: 12px; box-shadow: 0 12px 32px rgba(17, 24, 39, .14); }
.nav2__item { display: flex; align-items: center; gap: 6px; width: 100%; padding: 8px 10px; border: 0; border-radius: 8px;
              background: none; color: var(--text); font: inherit; font-size: .92rem; text-align: left; text-decoration: none;
              white-space: nowrap; cursor: pointer; }
.nav2__item[hidden] { display: none; }
.nav2__item:hover { background: var(--bg-hover); }
.nav2__item.is-active { font-weight: 600; background: var(--bg-hover); }
.nav2__sec { padding: 8px 10px 2px; font-size: .7rem; text-transform: uppercase; letter-spacing: .04em; color: #9ca3af; }

/* телефон: короче отступы, имя у аватара и слово Salamandra прячем; список разделов - во всю ширину */
@media (max-width: 640px) {
  .header--v2 .header__inner { padding: 8px 12px; column-gap: 8px; }
  .header--v2 .logo span:last-child { display: none; }
  .header--v2 .user-chip__name { display: none; }
  .nav2__more { position: static; }
  .nav2__panel { left: 12px; right: 12px; min-width: 0; }
}
@media (max-width: 400px) {
  .nav2__link .nav2__tx { display: none; }   /* совсем узко - у «Главной» и «Ассистента» только значки */
}