/* TKLM CRM SIDEBAR BUTTONS V4.2 */

/*
  Tylko lewy sidebar.
  Styl oparty o ssl-btn:
  radius, pełne tło, hover, czytelny aktywny stan.
*/

.tk-sidebar .tk-nav{
  gap:7px!important;
}

.tk-sidebar .tk-nav a,
.tk-sidebar .tk-nav button{
  width:100%!important;
  min-height:42px!important;
  height:42px!important;

  display:flex!important;
  align-items:center!important;
  gap:11px!important;

  padding:0 13px!important;
  margin:0!important;

  border:1px solid rgba(148,163,184,.15)!important;
  border-radius:9px!important;

  background:#182231!important;
  color:#d7e0ea!important;

  font-size:13px!important;
  font-weight:600!important;
  text-decoration:none!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 2px 8px rgba(0,0,0,.08);

  transition:
    filter .12s ease,
    transform .10s ease,
    background .12s ease,
    border-color .12s ease!important;
}

.tk-sidebar .tk-nav a i,
.tk-sidebar .tk-nav button i{
  width:20px!important;
  text-align:center!important;
  color:#aab6c5!important;
}

/* neutralne menu */
.tk-sidebar .tk-nav .tklm-side-neutral{
  background:#182231!important;
}

/* główna akcja */
.tk-sidebar .tk-nav .tklm-side-primary{
  background:#2563eb!important;
  border-color:#326eef!important;
  color:#fff!important;
}
.tk-sidebar .tk-nav .tklm-side-primary i{
  color:#dbeafe!important;
}

/* TKLM pomarańcz */
.tk-sidebar .tk-nav .tklm-side-orange{
  background:#a94a0c!important;
  border-color:#ca5a0e!important;
  color:#fff!important;
}
.tk-sidebar .tk-nav .tklm-side-orange i{
  color:#ffddb8!important;
}

/* SSL */
.tk-sidebar .tk-nav .tklm-side-ssl{
  background:#14532d!important;
  border-color:#18743c!important;
  color:#fff!important;
}
.tk-sidebar .tk-nav .tklm-side-ssl i{
  color:#bbf7d0!important;
}

/* pomocnicze */
.tk-sidebar .tk-nav .tklm-side-secondary{
  background:#475569!important;
  border-color:#56677c!important;
  color:#fff!important;
}

/* wylogowanie */
.tk-sidebar .tk-nav .tklm-side-danger{
  background:#7f1d1d!important;
  border-color:#991b1b!important;
  color:#fff!important;
}
.tk-sidebar .tk-nav .tklm-side-danger i{
  color:#fecaca!important;
}

/* aktywna sekcja ma wyraźny TKLM orange */
.tk-sidebar .tk-nav a.active,
.tk-sidebar .tk-nav button.active{
  background:linear-gradient(135deg,#d45b0c,#9f3f07)!important;
  border-color:#f97316!important;
  color:#fff!important;

  box-shadow:
    inset 3px 0 #ff9a42,
    0 5px 18px rgba(249,115,22,.16)!important;
}

.tk-sidebar .tk-nav a.active i,
.tk-sidebar .tk-nav button.active i{
  color:#ffe1c2!important;
}

/* hover */
.tk-sidebar .tk-nav a:hover,
.tk-sidebar .tk-nav button:hover{
  color:#fff!important;
  filter:brightness(1.12)!important;
  transform:translateX(2px)!important;
}

/* Więcej / rozwijanie */
.tk-sidebar .tk-nav button,
.tk-sidebar button.tk-more,
.tk-sidebar .tk-more button{
  background:#475569!important;
  color:#fff!important;
}

/* separator bardziej subtelny */
.tk-sidebar .tk-side-sep{
  margin:16px 8px!important;
  background:rgba(148,163,184,.13)!important;
}

/* footer logout jeśli jest poza tk-nav */
.tk-sidebar a.tk-sidebar-logout,
.tk-sidebar a.tk-logout-side{
  background:#7f1d1d!important;
  border:1px solid #991b1b!important;
  border-radius:9px!important;
  color:#fff!important;
}

@media(max-width:920px){
  .tk-sidebar .tk-nav a,
  .tk-sidebar .tk-nav button{
    min-height:40px!important;
    height:40px!important;
  }
}