/* ==========================================================
   TKLM CRM MENU V4.1 FINAL
   FIX: realny HTML ma .tk-nav a, nie .tk-nav-item.
   ========================================================== */
:root{
  --tkm-orange:#ff8c00;
  --tkm-orange-soft:rgba(255,140,0,.12);
  --tkm-orange-border:rgba(255,140,0,.34);
  --tkm-bg:#0b1119;
  --tkm-card:#162130;
  --tkm-card-hover:#1b293b;
  --tkm-border:#2a3a4f;
  --tkm-text:#dbe4ef;
  --tkm-muted:#748195;
}

/* ----------------------------------------------------------
   1. ZERO POZIOMEGO SCROLLA
   ---------------------------------------------------------- */
.tk-sidebar{
  overflow:hidden!important;
}
.tk-sidebar .tk-side-scroll{
  overflow-y:auto!important;
  overflow-x:hidden!important;
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  scrollbar-width:thin;
  scrollbar-color:rgba(255,140,0,.55) transparent;
}
.tk-sidebar .tk-side-scroll::-webkit-scrollbar{width:6px;height:0!important}
.tk-sidebar .tk-side-scroll::-webkit-scrollbar-track{background:transparent}
.tk-sidebar .tk-side-scroll::-webkit-scrollbar-thumb{
  background:rgba(255,140,0,.48);
  border-radius:999px;
}
.tk-sidebar .tk-nav{
  width:100%!important;
  max-width:100%!important;
  overflow-x:hidden!important;
  box-sizing:border-box!important;
}

/* ----------------------------------------------------------
   2. STARE IKONY = OFF
   W realnym BASE link jest zwykłym .tk-nav a.
   Dubel na screenie pochodził z pseudo-elementu starego CSS.
   ---------------------------------------------------------- */
.tk-sidebar .tk-nav a::before,
.tk-sidebar .tk-nav a::after,
.tk-sidebar .tk-nav a > span::before,
.tk-sidebar .tk-nav a > span::after,
.tk-sidebar .tk-nav-bottom a::before,
.tk-sidebar .tk-nav-bottom a::after,
.tk-sidebar .tk-nav-bottom a > span::before,
.tk-sidebar .tk-nav-bottom a > span::after{
  content:none!important;
  display:none!important;
  background:none!important;
  background-image:none!important;
}

/* Jeśli stara warstwa wstrzykiwała i/svg bezpośrednio w link. */
.tk-sidebar .tk-nav a > i,
.tk-sidebar .tk-nav a > svg,
.tk-sidebar .tk-nav-bottom a > i,
.tk-sidebar .tk-nav-bottom a > svg{
  display:none!important;
}

/* Jedyna dozwolona ikona. */
.tk-sidebar img.tk-menu-v4-icon{
  display:block!important;
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  max-width:18px!important;
  flex:0 0 18px!important;
  object-fit:contain!important;
  margin:0!important;
  padding:0!important;
  opacity:1!important;
  filter:none!important;
}

/* ----------------------------------------------------------
   3. SEKCJE
   ---------------------------------------------------------- */
.tk-sidebar .tk-nav-section{
  margin:15px 18px 6px!important;
  padding:0!important;
  font-size:9px!important;
  line-height:1.2!important;
  font-weight:850!important;
  letter-spacing:.16em!important;
  color:var(--tkm-muted)!important;
  opacity:.63!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}

/* ----------------------------------------------------------
   4. WSZYSTKIE LINKI W MENU
   ---------------------------------------------------------- */
.tk-sidebar .tk-nav > a,
.tk-sidebar .tk-nav-clean > a,
.tk-sidebar .tk-nav-bottom > a{
  position:relative!important;
  box-sizing:border-box!important;

  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;

  width:calc(100% - 20px)!important;
  max-width:calc(100% - 20px)!important;
  min-width:0!important;
  min-height:39px!important;

  margin:4px 10px!important;
  padding:8px 11px!important;

  border:1px solid var(--tkm-border)!important;
  border-radius:9px!important;
  background:var(--tkm-card)!important;

  color:var(--tkm-text)!important;
  font-size:12px!important;
  line-height:1.15!important;
  font-weight:650!important;
  text-decoration:none!important;

  overflow:hidden!important;
  white-space:nowrap!important;

  box-shadow:none!important;
  transform:none!important;

  transition:
    background .14s ease,
    border-color .14s ease,
    box-shadow .14s ease,
    color .14s ease!important;
}

.tk-sidebar .tk-nav > a > span,
.tk-sidebar .tk-nav-clean > a > span,
.tk-sidebar .tk-nav-bottom > a > span{
  display:block!important;
  min-width:0!important;
  flex:1 1 auto!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

/* Hover */
.tk-sidebar .tk-nav > a:hover,
.tk-sidebar .tk-nav-clean > a:hover,
.tk-sidebar .tk-nav-bottom > a:hover{
  background:var(--tkm-card-hover)!important;
  border-color:rgba(255,140,0,.30)!important;
  color:#fff!important;
  transform:none!important;
}

/* ----------------------------------------------------------
   5. ACTIVE — JEDEN STANDARD
   active-blue / active-green też wyglądają jak active.
   ---------------------------------------------------------- */
.tk-sidebar .tk-nav > a.active,
.tk-sidebar .tk-nav > a.active-blue,
.tk-sidebar .tk-nav > a.active-green,
.tk-sidebar .tk-nav-clean > a.active,
.tk-sidebar .tk-nav-clean > a.active-blue,
.tk-sidebar .tk-nav-clean > a.active-green{
  background:var(--tkm-orange-soft)!important;
  border-color:var(--tkm-orange-border)!important;
  color:#fff!important;
  box-shadow:inset 3px 0 0 var(--tkm-orange)!important;
}

/* ----------------------------------------------------------
   6. SUBMENU
   ---------------------------------------------------------- */
.tk-sidebar .tk-nav > a.tk-nav-sub,
.tk-sidebar .tk-nav-clean > a.tk-nav-sub{
  width:calc(100% - 30px)!important;
  max-width:calc(100% - 30px)!important;
  min-height:36px!important;
  margin:4px 10px 4px 20px!important;
  padding:7px 10px!important;
  font-size:11px!important;
  opacity:.93!important;
}
.tk-sidebar .tk-nav > a.tk-nav-sub img.tk-menu-v4-icon,
.tk-sidebar .tk-nav-clean > a.tk-nav-sub img.tk-menu-v4-icon{
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  max-width:16px!important;
  flex-basis:16px!important;
}

/* ----------------------------------------------------------
   7. DOLNE MENU
   ---------------------------------------------------------- */
.tk-sidebar .tk-side-sep{
  width:calc(100% - 36px)!important;
  margin:17px 18px!important;
  border-color:rgba(255,255,255,.06)!important;
}

.tk-sidebar .tk-nav-bottom{
  width:100%!important;
  overflow:hidden!important;
  padding-bottom:8px!important;
}

/* Wyloguj = jedyny czerwony wyjątek */
.tk-sidebar .tk-nav-bottom > a.active-red,
.tk-sidebar .tk-nav > a.active-red{
  background:#9f2026!important;
  border-color:#bc3339!important;
  box-shadow:none!important;
  color:#fff!important;
}

/* ----------------------------------------------------------
   8. LOGO / FOOTER — nie dotykamy funkcjonalnie
   ---------------------------------------------------------- */
.tk-sidebar .tk-sidebar-footer{
  overflow:hidden!important;
  box-sizing:border-box!important;
}