/* Lewa nawigacja: osobne kafelki dla każdej pozycji. */
.sidebar .nav-item { position: relative; width: 100%; min-height: 42px; margin: 0 0 4px; border: 1px solid #514632; border-radius: 7px; background: linear-gradient(145deg,#20232a 0%,#14191f 60%,#10151a 100%); box-shadow: inset 0 0 0 1px #d8bc7220,inset 0 1px #ffffff0a,0 3px 8px #0005; transition: border-color .15s,background .15s,transform .15s,box-shadow .15s; }
.sidebar .nav-item::after { display: none; }
.sidebar .nav-item:hover { border-color: #c29a4d; background: linear-gradient(135deg,#342f25,#1c2526); transform: translateX(2px); box-shadow: inset 0 0 0 1px #f3d58a35,0 4px 12px #0008; }
.sidebar .nav-item.selected { border-color: #a98648; background: linear-gradient(135deg,#30443a,#17271f); box-shadow: inset 3px 0 #79dfb8,inset 0 0 0 1px #f3d58a35,0 0 12px #72e0bb18; color: #a8f1cf; }
.sidebar .nav-item .nav-icon { flex: 0 0 20px; }
.nav-soon-struck { text-decoration: line-through; text-decoration-color: #e18b7e; text-decoration-thickness: 1.5px; opacity: .75; }
.menu-separator { height: 1px; background: var(--line); margin: 8px 10px; flex: 0 0 1px; }
.menu-heading { min-height: 40px; display: flex; align-items: center; gap: 12px; margin: 0 0 4px; padding: 0 11px; border: 1px solid #695638; border-radius: 7px; background: linear-gradient(145deg,#302a21,#171b20); box-shadow: inset 0 0 0 1px #dfbd6b22,0 3px 8px #0005; color: #e6d5aa; font-size: 12px; font-weight: 700; }
.menu-heading .nav-icon { color: var(--mint); font-size: 16px; width: 20px; text-align: center; }
.sidebar .nav-item.submenu { padding-left: 43px; min-height: 35px; height: 35px; }
.sidebar-logout { margin: 0; }
.sidebar-logout .nav-item { width: 100%; text-align: left; font-weight: 400; }
@media(max-width:760px) {
  .sidebar .nav-item { width: auto; }
  .menu-separator { align-self: stretch; width: 1px; height: auto; margin: 3px 4px; }
  .menu-heading { flex: 0 0 auto; min-height: 42px; }
  .sidebar .nav-item.submenu { flex: 0 0 auto; padding: 0 10px; min-height: 42px; height: 42px; }
  .sidebar-logout { flex: 0 0 auto; }
  .sidebar-logout .nav-item { width: auto; }
}

/* Update 014: widoczne, równe kafelki dla całej lewej nawigacji. */
.sidebar .nav-item{min-height:44px;border:1px solid #5b4a31;border-radius:8px;background:linear-gradient(145deg,#202630 0%,#151b23 72%,#111720 100%);box-shadow:inset 0 1px #ffffff0b,inset 0 0 0 1px #d7b65b1c,0 3px 8px #0005}
.sidebar .nav-item:focus-visible{outline:2px solid #72e0bb;outline-offset:2px}
.sidebar .nav-item:hover{border-color:#d0a44f;background:linear-gradient(145deg,#383126,#1b2828);box-shadow:inset 0 0 0 1px #ffe09235,0 4px 12px #0008}
.sidebar .nav-item.selected{border-color:#b58d49;background:linear-gradient(145deg,#273c32,#17251f);box-shadow:inset 3px 0 #81e5bd,inset 0 0 0 1px #f3d58a32,0 0 12px #72e0bb20;color:#b8f4d9}
.sidebar .nav-item.submenu{min-height:38px}