/* Шапка для сотрудников: логотип GRP на фирменном синем, разделы и выход. Закреплена сверху.
   Самостоятельные стили — подключается и на страницах портала, и в «Настройках» (админке Django). */
@font-face { font-family: "Roboto"; font-weight: 400; font-display: swap; src: url("fonts/Roboto-Regular.woff2") format("woff2"); }
@font-face { font-family: "Roboto"; font-weight: 500; font-display: swap; src: url("fonts/Roboto-Medium.woff2") format("woff2"); }

.snav { position: sticky; top: 0; z-index: 1000; background: #0A0850;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .06), 0 4px 16px rgba(10, 8, 80, .16);
  font: 500 14px/1.3 Roboto, "Segoe UI", system-ui, -apple-system, sans-serif; -webkit-font-smoothing: antialiased; }
.snav-in { max-width: 1680px; margin: 0 auto; padding: 0 24px; min-height: 60px;
  display: flex; align-items: center; gap: 28px; }
.snav-logo { flex: none; display: flex; }
.snav-logo img { display: block; height: 30px; width: auto; }

.snav-links { flex: 1; min-width: 0; display: flex; align-items: center; gap: 2px;
  overflow-x: auto; scrollbar-width: none; }
.snav-links::-webkit-scrollbar { display: none; }
.snav .snav-links a { color: rgba(255, 255, 255, .7); text-decoration: none; white-space: nowrap;
  padding: 8px 12px; border-radius: 8px; transition: background .15s, color .15s; }
.snav .snav-links a:hover, .snav .snav-links a:focus-visible { color: #fff; background: rgba(255, 255, 255, .08); outline: none; }
.snav .snav-links a.active { color: #fff; background: rgba(255, 255, 255, .15); }
.snav-ext { margin-left: 4px; opacity: .6; font-size: 12px; }
.snav-sep { flex: none; width: 1px; height: 20px; margin: 0 10px; background: rgba(255, 255, 255, .18); }

.snav-user { flex: none; display: flex; align-items: center; gap: 14px; }
.snav .snav-name { color: rgba(255, 255, 255, .7); text-decoration: none; font-weight: 400; }
.snav .snav-name:hover { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.snav form { display: inline; margin: 0; }
.snav .snav-out { font: inherit; color: #fff; background: transparent; cursor: pointer; margin: 0;
  border: 1px solid rgba(255, 255, 255, .3); border-radius: 8px; padding: 6px 14px; line-height: 1.3; height: auto; }
.snav .snav-out:hover { background: rgba(255, 255, 255, .1); border-color: rgba(255, 255, 255, .5); }

@media (max-width: 900px) {
  .snav-in { flex-wrap: wrap; gap: 6px 12px; padding: 10px 16px 6px; min-height: 0; }
  .snav-logo img { height: 24px; }
  .snav-user { margin-left: auto; }
  .snav .snav-name { display: none; }
  .snav-links { order: 3; flex-basis: 100%; margin: 0 -8px; padding-bottom: 2px; }
  .snav .snav-links a { padding: 7px 10px; }
}

/* меню «Управление» (служебные разделы) */
.snav-more { position: relative; flex: none; }
.snav-more summary { list-style: none; cursor: pointer; color: rgba(255, 255, 255, .7); padding: 8px 12px; border-radius: 8px; white-space: nowrap; }
.snav-more summary::-webkit-details-marker { display: none; }
.snav-more summary::after { content: " ▾"; font-size: 11px; opacity: .7; }
.snav-more summary:hover, .snav-more[open] summary { color: #fff; background: rgba(255, 255, 255, .08); }
.snav-more summary.active { color: #fff; background: rgba(255, 255, 255, .15); }
.snav-menu { position: absolute; right: 0; top: calc(100% + 6px); z-index: 50; min-width: 200px; display: grid; padding: 6px;
  background: #fff; border: 1px solid var(--line, #E4E4EC); border-radius: 10px; box-shadow: 0 12px 30px -12px rgba(11, 10, 46, .35); }
.snav .snav-menu a { color: var(--ink, #1A1A2E); text-decoration: none; padding: 9px 12px; border-radius: 6px; white-space: nowrap; }
.snav .snav-menu a:hover { background: var(--brand-06, #F0F0FB); }
.snav .snav-menu a.active { color: var(--brand, #0F02BE); font-weight: 500; }
@media (max-width: 900px) { .snav-more { order: 2; } .snav-menu { left: 0; right: auto; } }