/* ============================================================================
   PANEL BOCZNY — KOPIA 1:1 Z APLIKACJI (app/style.css).
   Zrodlo (numery linii w app/style.css, stan 2026-10-05):
     5     :root (zmienne)     13    #sb            14-17 #lg, .lg-t, .lg-t em
     18    #nv                 19-21 .nv, :hover, .a  608-609 .nv-sekcja
   NIE stroj tych wartosci "na oko" — przy zmianie w aplikacji skopiowac ponownie.
   Podstrony nie maja ZADNEJ z tych nazw w swoim CSS (sprawdzone) — brak kolizji.
   ============================================================================ */
:root{--green-dark:#080a09;--green-mid:#1b4332;--green:#2d6a4f;--green-light:#52b788;--green-pale:#95d5b2;--green-white:#d8f3dc;--text:#e4e8e6;--text-dim:#aebbb4;--text-muted:#7d9588;--sb-w:280px}

#sb{width:var(--sb-w);min-width:var(--sb-w);background:rgba(255,255,255,0.02);border-right:1px solid rgba(255,255,255,0.06);display:flex;flex-direction:column;z-index:10;backdrop-filter:blur(12px)}
#lg{display:flex;align-items:center;gap:10px;padding:14px;border-bottom:1px solid rgba(255,255,255,0.06);flex-shrink:0}
#lg .lg-t{font-size:16px;font-weight:800;color:var(--green-light);letter-spacing:-0.5px;white-space:nowrap}
#lg .lg-t em{font-style:normal;color:var(--text-dim);font-weight:300}
#nv{padding:6px 10px;border-bottom:1px solid rgba(255,255,255,0.06);flex-shrink:0}
.nv{display:flex;align-items:center;gap:8px;padding:7px 12px;border-radius:12px;font-size:14px;font-weight:600;color:var(--text-dim);margin-bottom:3px;cursor:pointer;transition:all 0.3s cubic-bezier(0.34,1.56,0.64,1);-webkit-tap-highlight-color:transparent}
.nv:hover,.nv:active{background:rgba(82,183,136,0.08);color:var(--green-light);transform:translateX(4px)}
.nv.a{background:rgba(82,183,136,0.12);color:var(--green-light)}
.nv-sekcja{padding:14px 12px 5px;font-size:9.5px;letter-spacing:1.5px;font-weight:800;color:var(--text-muted);opacity:.8;-webkit-user-select:none;user-select:none}
.nv-sekcja:first-child{padding-top:2px}

/* ---------------------------------------------------------------------------
   DOPISANE — potrzebne WYLACZNIE dlatego, ze panel stoi na statycznej
   podstronie, a nie w powloce aplikacji. Nie zmieniaja wygladu panelu.
   --------------------------------------------------------------------------- */

/* Telefon: panelu nie ma, zostaje dotychczasowy naglowek podstrony. */
#sb{display:none}

/* Desktop: panel na stale po lewej, naglowek podstrony znika (bylby druga
   nawigacja), tresc odsunieta o szerokosc panelu. */
@media (min-width:1024px){
  #sb{display:flex;position:fixed;left:0;top:0;height:100vh;overflow-y:auto;
      box-sizing:border-box;z-index:60;
      font-family:'Urbanist',sans-serif;font-size:14px;
      /* Podstrony maja body{line-height:1.7}; aplikacja ~1.2. Bez tego pozycje
         puchna z 31 px do 38 px. Jawnie 1.2 = 16.8 px, dokladnie jak w aplikacji. */
      line-height:1.2}
  #sb a{text-decoration:none}
  body{padding-left:var(--sb-w)}
  body>header{display:none}
}

/* Podstrony maja html{zoom:1.2} od 1400 px (public_html/style.css). Aplikacja
   kasuje to u siebie (app/style.css: html{zoom:1}), wiec panel na podstronie
   byl 1.2x wiekszy. Znosimy powiekszenie SAMEGO panelu (tresc podstrony ma
   zostac powiekszona). Robimy to w CSS, a nie JavaScriptem, bo skrypt wchodzi
   PO pierwszym narysowaniu strony i widac bylo przeskok wielkosci przy wejsciu.
   Blok musi byc PO bloku min-width:1024px — inaczej nadpisze go padding 280px. */
@media (min-width:1400px){
  #sb{zoom:0.8333333}
  body{padding-left:233.3333px}
}