/* Полоса навигации портала. Одна и та же на дашборде и на остальных страницах:
   раньше их было две — тонкая на дашборде и высокая на страницах портала, — и
   при переходе между вкладками менялся кегль ссылок. Поэтому размеры и гарнитура
   здесь заданы явно, а не наследуются от страницы: у дашборда body 14 px и
   IBM Plex Sans, у остальных страниц 15 px и системный шрифт.

   Цвета берутся из токенов страницы, поэтому полоса одинаково работает в светлом
   и тёмном оформлении. Класс noprint на самой полосе: при печати отчёта
   акционерному офису навигация не нужна. */

.topbar{
  flex:none;                     /* body дашборда — flex-колонка */
  display:flex;align-items:center;gap:12px;
  padding:6px 16px;
  font-family:"IBM Plex Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  font-size:13px;line-height:1.4;
  color:var(--ink-2);background:var(--surface-2);
  border-bottom:1px solid var(--line);
}
.topbar .who{font-weight:500;color:var(--ink)}
.topbar .role{padding:1px 7px;font-size:11.5px;border:1px solid var(--line-2);border-radius:20px}

.topbar nav{display:flex;align-items:center;gap:12px;margin-left:auto}
.topbar a{color:var(--accent);text-decoration:none}
.topbar a:hover{text-decoration:underline}
/* Текущая вкладка не ссылка на саму себя, а метка места. */
.topbar a[aria-current="page"]{color:var(--ink);font-weight:500;cursor:default}
.topbar a[aria-current="page"]:hover{text-decoration:none}

.topbar form{margin:0}
.topbar .leave{
  width:auto;font:inherit;color:var(--ink-2);background:transparent;
  border:1px solid var(--line-2);border-radius:6px;padding:3px 10px;cursor:pointer;
}
.topbar .leave:hover{color:var(--ink);border-color:var(--ink-3);filter:none}

/* Переключатель оформления — слева от «Выйти». Квадратная кнопка под иконку:
   подпись не нужна, состояние читается по значку и уходит в aria-label. */
.topbar .themebtn{
  width:26px;height:26px;flex:none;padding:0;
  display:grid;place-items:center;
  color:var(--ink-2);background:var(--surface);
  border:1px solid var(--line-2);border-radius:7px;cursor:pointer;
  transition:color .12s,border-color .12s,background .12s;
}
.topbar .themebtn:hover{color:var(--ink);border-color:var(--ink-3);background:var(--surface-2);filter:none}
.topbar .themebtn svg{width:15px;height:15px;display:block}

@media (max-width:860px){.topbar{flex-wrap:wrap}}