/* ════════════════════════════════════════════════════════════════
   theme-apple-shell.css — Zadanie 2: nawigacja / topbar / sidebar
   Frosted glass + spokojne stany. Tylko CSS po istniejących selektorach.
   Realne selektory (zinwentaryzowane w styles.css / t137-t141.css):
     header, .app-header        — górny pasek
     aside, .sidebar, nav.nav-grouped — boczne menu (już częściowo Apple)
     .nav-group-head, .pill     — pozycje menu
     .brand, .brand-name        — logo
   ════════════════════════════════════════════════════════════════ */

/* ── Topbar: frosted glass, theme-aware (oryginał był light-only) ── */
header, .app-header {
  background: var(--glass-bg) !important;
  -webkit-backdrop-filter: var(--glass-blur);
  backdrop-filter: var(--glass-blur);
  border-bottom: 1px solid var(--border) !important;
}

/* ── Sidebar: tło sterowane tokenem (poprawny dark) ── */
aside, .sidebar, nav.nav-grouped {
  background: var(--bg-2);
  border-right: 1px solid var(--border);
}

/* Pozycje menu (pill) — spokojny hover/active w stylu Apple */
.sidebar .pill,
.sidebar .nav-group-body .pill {
  border-radius: var(--r) !important;
  font-weight: 500;
}
.sidebar .pill:hover {
  background: var(--accent-soft);
}
.sidebar .pill.active,
.sidebar .pill[aria-current="page"],
.sidebar .pill.is-active {
  background: var(--accent-soft) !important;
  color: var(--accent) !important;
}

/* Brand / logo */
.brand-name, .brand-alasta { letter-spacing: -.02em; font-weight: 700; }
.brand-sub { color: var(--muted); }

/* Grupy nawigacji — chevron i hover spójne z tokenami w dark */
.sidebar .nav-group-head:hover {
  background: var(--accent-soft);
}
.sidebar .nav-group-chevron { color: var(--muted); }