/* --- ГЛОБАЛЬНАЯ ВЕРХНЯЯ ШАПКА (NAVBAR) --- */

/* Фиксируем панель вверху экрана */
.global-navbar {
  position: fixed !important; /* Фиксируем на месте */
  top: 0 !important;          /* Прижимаем к самому верху */
  left: 0 !important;         /* Растягиваем от левого края */
  width: 100% !important;     /* На всю ширину экрана */
  height: 60px !important;    /* Жестко задаем высоту шапки */
  z-index: 9999 !important;   /* Самый важный слой, чтобы шапка была ПОВЕРХ таблиц и кнопок */
  
  /* Ваши остальные стили (фон, шрифты) остаются без изменений */
  background-color: #1e293b !important; 
  display: block !important;
}

/* ОБЯЗАТЕЛЬНО: Добавляем отступ для контента, который идет СЛЕДОМ */
.main-content-wrapper {
  padding-top: 80px !important; /* Высота шапки (60px) + 20px запас на воздух */
  box-sizing: border-box !important;
}

/* Контейнер внутри шапки, который разнесет элементы влево и вправо */
.navbar-container {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important; /* Разносит левую и правую части по краям */
  padding: 12px 24px !important;
  height: 100% !important;
  box-sizing: border-box !important;
}

/* Левая и правая группы элементов */
.navbar-left, .navbar-right {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important; /* Расстояние между кнопками */
}

/* Логотип */
.nav-logo {
  color: #f8fafc !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  text-decoration: none !important;
}

/* Текст "Вы вошли как..." */
.nav-user {
  color: #94a3b8 !important;
  font-size: 14px !important;
}
.nav-user strong {
  color: #f1f5f9 !important;
}

/* Стили для ссылок-кнопок в шапке (Главная) */
.nav-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 6px 12px !important;
  border-radius: 6px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  background-color: #334155 !important;
  color: #f1f5f9 !important;
  border: 1px solid #475569 !important;
  transition: background-color 0.15s !important;
}
.nav-btn:hover {
  background-color: #475569 !important;
}

/* Стили для вашей новой кнопки "Выйти" в шапке */
.navbar-right button, 
.navbar-right .btn-logout {
  height: 32px !important;
  padding: 0 12px !important;
  background-color: #7f1d1d !important; /* Сдержанный красный цвет */
  color: #fef2f2 !important;
  border: 1px solid #b91c1c !important;
  border-radius: 6px !important;
  font-family: inherit !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  transition: background-color 0.15s !important;
}

.navbar-right button:hover {
  background-color: #991b1b !important; /* Ярче при наведении */
}