/* Taskly v20 — active sidebar buttons, brighter report colors, token login */
#teamNavigation .nav-link.active,
#personalNavigation .nav-link.active,
.sidebar-bottom #settingsBtn.active{
  background:#5B46F7!important;
  color:#fff!important;
  border:1px solid #5B46F7!important;
  box-shadow:none!important;
  font-weight:800!important;
}
#teamNavigation .nav-link.active:hover,
#personalNavigation .nav-link.active:hover,
.sidebar-bottom #settingsBtn.active:hover{
  background:#5B46F7!important;
  color:#fff!important;
  box-shadow:none!important;
}
#teamNavigation .nav-link.active svg,
#personalNavigation .nav-link.active svg,
.sidebar-bottom #settingsBtn.active svg,
#teamNavigation .nav-link.active .asset-icon,
#personalNavigation .nav-link.active .asset-icon,
.sidebar-bottom #settingsBtn.active .asset-icon{
  color:#fff!important;
  filter:brightness(0) invert(1)!important;
}
#teamNavigation .nav-link.active .nav-count,
#personalNavigation .nav-link.active .nav-count,
.sidebar-bottom #settingsBtn.active .nav-count{
  color:#5B46F7!important;
  background:rgba(255,255,255,.95)!important;
  border-radius:999px;
  padding:2px 7px;
}
html[data-theme="light"] #teamNavigation .nav-link.active,
html[data-theme="light"] #personalNavigation .nav-link.active,
html[data-theme="light"] .sidebar-bottom #settingsBtn.active,
html[data-theme="dark"] #teamNavigation .nav-link.active,
html[data-theme="dark"] #personalNavigation .nav-link.active,
html[data-theme="dark"] .sidebar-bottom #settingsBtn.active{
  background:#5B46F7!important;
  border-color:#5B46F7!important;
  color:#fff!important;
  box-shadow:none!important;
}
.report-kpi.green span{background:#DDF9EC;color:#14AE67;}
.report-kpi.sky span{background:#DFF5FF;color:#1EAAF0;}
.legend-row i{box-shadow:none;}
.week-bar-track span{background:linear-gradient(180deg,#8C78EB,#4F39F6);}
.token-login-box{width:min(100%,460px);padding:30px 28px;}
.token-login-box p{line-height:2;}
.token-login-box .field small{font-weight:600;color:#95a0bb;}
.token-login-hint{margin:-4px 0 16px;color:#7f8aa4;font-size:11px;line-height:1.9;text-align:right;background:#f6f8ff;border:1px solid #e5eafb;border-radius:12px;padding:10px 12px;}
html[data-theme="dark"] .token-login-hint{background:#151d31;border-color:#2f3a57;color:#b7c2df;}
.login-box .field input#loginToken{direction:ltr;text-align:left;letter-spacing:.4px;}