/* ============================================================
   Верхнее меню ГОСУ — «Графит» (одобрено 04.11.2026).
   Подключается в AppAsset ПОСЛЕ site.css; все правила внутри .gosu-nav
   (класс на <nav> в views/layouts/main.php), остальные навбары и
   выпадающие списки системы не задеваются.
   Высота меню ровно 42 px: от этого числа считают высоту экрана
   «Бюджет», «Авансы ПО» и «Доски» (SHELL_TOP = 42 в их контроллерах).
   Подсветку «где я» (.active) и открытие списка влево у правого края
   (.gosu-dd-right) ставит скрипт в main.php.
   ============================================================ */

/* ---------- размеры и раскладка ---------- */
.gosu-nav.navbar{min-height:42px;padding-top:env(safe-area-inset-top,0px);padding-bottom:0;
  padding-left:max(14px, env(safe-area-inset-left));padding-right:max(14px, env(safe-area-inset-right));}
/* логотип: 32 px по высоте, по 5 px сверху и снизу */
.gosu-nav .navbar-brand{padding:0;margin-right:16px;height:42px;display:flex;align-items:center;}
/* без треугольничков у разделов */
.gosu-nav .dropdown-toggle::after{display:none;}
.gosu-nav #navbarSupportedContent .nav-link{font-size:14px;font-weight:500;line-height:20px;padding:5px 9px;
  border-radius:6px;white-space:nowrap;position:relative;transition:background-color .12s,color .12s;}
.gosu-nav .nav-link .badge{vertical-align:1px;margin-left:3px;}
.gosu-nav .nav-link .fa-sign-out{font-size:17px;vertical-align:-1px;}
/* Меню в строку — от 1200 (класс navbar-expand-xl в main.php); уже — «три полоски»:
   разделы в строку там не помещаются (iPad боком, маленькие ноутбуки).
   До 1400 (ноутбуки 1280–1366) — на ступень мельче, иначе меню не влезает в строку. */
@media (max-width:1399px){
  .gosu-nav #navbarSupportedContent .nav-link{font-size:13px;padding-left:7px;padding-right:7px;}
}
@media (min-width:1200px){
  .gosu-nav .navbar-nav{flex:1;align-items:center;gap:2px;}
  /* выход — к правому краю, подальше от разделов */
  .gosu-nav .navbar-nav > li:last-child{margin-left:auto;}
}
/* выпадающие списки. У ГОСУ в site.css свой фон списка (#f0f0f0), белая подсветка
   под мышкой и размер 13px !important — переопределяем только в верхнем меню,
   остальные выпадающие списки системы не трогаем. */
.gosu-nav .dropdown-menu{background:#fff;font-size:14px !important;min-width:240px;
  border:1px solid rgba(9,30,66,.13);border-radius:10px;box-shadow:0 10px 28px rgba(9,30,66,.18), 0 2px 6px rgba(9,30,66,.08);
  padding:6px;margin-top:4px;}
.gosu-nav .dropdown-item{position:relative;border-radius:6px;padding:8px 12px;line-height:20px;color:#172b4d;
  transition:background-color .1s;}
.gosu-nav .dropdown-item:hover, .gosu-nav .dropdown-item:focus{background:#e9ebee;color:#091e42;}
.gosu-nav .dropdown-item:active{background:#dfe1e6;color:#091e42;}
/* в свёрнутом меню («три полоски») список во всю ширину, длинные пункты переносятся */
@media (max-width:1199px){
  .gosu-nav .dropdown-menu.show{width:auto;max-width:100%;}
  .gosu-nav .dropdown-item{white-space:normal;}
}
/* список, которому не хватает места справа (последние разделы на узком экране),
   открывается влево от раздела: класс ставит скрипт меню при открытии */
@media (min-width:1200px){ .gosu-nav .dropdown-menu.gosu-dd-right{left:auto;right:0;} }
/* страница, где вы сейчас: оранжевая черта слева и тёплый фон */
.gosu-nav .dropdown-item.active{background:#fff1e6;color:#172b4d;font-weight:600;}
.gosu-nav .dropdown-item.active:hover{background:#ffe6d4;}
.gosu-nav .dropdown-item.active::before{content:"";position:absolute;left:3px;top:8px;bottom:8px;width:3px;border-radius:2px;background:#ff6a08;}

/* ---------- цвета: графит — цвет квадрата логотипа ---------- */
.gosu-nav.navbar{background:#232a32 !important;}
.gosu-nav #navbarSupportedContent .nav-link{color:#b3bcc6;}
.gosu-nav #navbarSupportedContent .nav-link:hover,
.gosu-nav #navbarSupportedContent .show > .nav-link{color:#fff;background:rgba(255,255,255,.09);}
.gosu-nav #navbarSupportedContent .active > .nav-link{color:#fff;}
@media (min-width:1200px){
  .gosu-nav .navbar-nav > li.active > .nav-link::after{content:"";position:absolute;left:7px;right:7px;bottom:-6px;
    height:2px;border-radius:2px;background:#ff6a08;}
}

/* ---------- «три полоски» ----------
   Без рамки, 32 px, по центру шапки. Раньше кнопка была 40 px в шапке 42 px
   и почти касалась верхнего и нижнего края («лежала» на полосе). */
.gosu-nav .navbar-toggler{height:32px;padding:0 6px;border:0;border-radius:8px;font-size:1rem;line-height:1;align-items:center;}
/* показываем только там, где меню свёрнуто (уже 1200, класс navbar-expand-xl). Своё display
   без этого условия перебивало правило Bootstrap «спрятать от 1200», и кнопка
   появлялась на компьютере рядом с разделами. */
@media (max-width:1199.98px){ .gosu-nav .navbar-toggler{display:inline-flex;} }
.gosu-nav .navbar-toggler:hover{background:rgba(255,255,255,.09);}
.gosu-nav .navbar-toggler:focus{outline:0;box-shadow:none;}
.gosu-nav .navbar-toggler:focus-visible{box-shadow:0 0 0 2px rgba(255,255,255,.35);}
.gosu-nav .navbar-toggler #kb-menu-dot{top:2px !important;right:2px !important;}

/* ---------- приложение на телефоне: шапка белая ----------
   Только когда MyGosu открыт как установленное приложение (сейчас это «Доски»,
   web/kanban-manifest.json). На сайте — и на компьютере, и в браузере телефона —
   шапка остаётся «Графит». Строку часов iPhone в приложении белой делает
   views/kanban/index.php. Высота та же, 42 px. */
@media (display-mode: standalone){
  .gosu-nav.navbar{background:#fff !important;box-shadow:0 1px 0 #e3e6ea, 0 2px 8px rgba(9,30,66,.05);}
  .gosu-nav .navbar-brand img{content:url("/images/mygosu-logo-dark-nav.png");}   /* логотип с тёмной надписью */
  .gosu-nav #navbarSupportedContent .nav-link{color:#44546f;}
  .gosu-nav #navbarSupportedContent .nav-link:hover,
  .gosu-nav #navbarSupportedContent .show > .nav-link{color:#172b4d;background:#f1f2f4;}
  .gosu-nav #navbarSupportedContent .active > .nav-link{color:#172b4d;}
  .gosu-nav .navbar-toggler:hover{background:#f1f2f4;}
  .gosu-nav .navbar-toggler:focus-visible{box-shadow:0 0 0 2px rgba(9,30,66,.25);}
  .gosu-nav .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='%2344546f' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}
}