/* weseq-nav.css - wspólny górny pasek nawigacji Dyspozytorni. Pełna szerokość, treść wyśrodkowana (bez ujemnych marginesów). Slate. */
.wq-nav { position: sticky; top: 0; z-index: 30; width: 100%;
  background: color-mix(in srgb, var(--weseq-surface) 82%, transparent);
  backdrop-filter: saturate(160%) blur(12px); -webkit-backdrop-filter: saturate(160%) blur(12px);
  border-bottom: 1px solid var(--weseq-border); }
.wq-nav__inner { max-width: 1200px; margin: 0 auto; display: flex; align-items: center; gap: var(--space-4);
  padding: 10px var(--space-6); }
.wq-nav__brand { font-weight: 800; font-size: var(--text-base); letter-spacing: var(--tracking-tight);
  color: var(--weseq-text); text-decoration: none; flex-shrink: 0; }
.wq-nav__brand span { color: var(--weseq-accent); }
.wq-nav__brand:hover { opacity: .85; }
.wq-nav__tabs { display: flex; gap: 2px; min-width: 0; overflow-x: auto; scrollbar-width: none; }
.wq-nav__tabs::-webkit-scrollbar { display: none; }
.wq-nav__tab { padding: 7px 14px; border-radius: var(--radius-pill); font-size: var(--text-sm); font-weight: 600;
  color: var(--weseq-text-muted); text-decoration: none; white-space: nowrap; transition: background .12s, color .12s; }
.wq-nav__tab:hover { background: var(--weseq-surface-2); color: var(--weseq-text); }
.wq-nav__tab.is-active { background: var(--weseq-accent-weak); color: var(--weseq-accent); }
.wq-nav__cta { margin-left: auto; display: inline-flex; align-items: center; gap: 5px; padding: 8px 16px;
  border-radius: var(--radius-pill); font-size: var(--text-sm); font-weight: 700; text-decoration: none; white-space: nowrap;
  color: #fff; background: var(--weseq-accent-grad, var(--weseq-accent)); box-shadow: 0 1px 2px rgba(37,99,235,.3);
  transition: filter .12s, transform .12s; }
.wq-nav__cta:hover { filter: brightness(1.05); transform: translateY(-1px); }
.wq-nav__cta.is-active { box-shadow: inset 0 0 0 2px rgba(255,255,255,.5); }
.wq-nav__cta-plus { font-size: 15px; line-height: 1; font-weight: 800; }
/* focus widoczny dla klawiatury */
.wq-nav__tab:focus-visible, .wq-nav__cta:focus-visible, .wq-nav__brand:focus-visible {
  outline: 2px solid var(--weseq-accent); outline-offset: 2px; }

@media (max-width: 720px) {
  .wq-nav__inner { flex-wrap: wrap; gap: var(--space-2); padding: var(--space-2) var(--space-4); }
  .wq-nav__brand { order: 1; }
  .wq-nav__cta { order: 2; margin-left: auto; padding: 6px 13px; }
  .wq-nav__tabs { order: 3; flex-basis: 100%; }
  .wq-nav__tab { padding: 6px 12px; }
}