/* Taskly v19 — sidebar spacing/selection and one-pass report motion only. */
/* Keep all sidebar actions separated, including the two personal links that
   previously had no layout gap at all. */
#teamNavigation{display:grid;gap:10px!important;}
#personalNavigation{gap:12px!important;}
#personalNavigation .personal-extra-links{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin:0!important;}
#teamNavigation>.nav-link,
#personalNavigation>.nav-link,
#personalNavigation .personal-extra-links>.nav-link,
.sidebar-bottom>#settingsBtn{
  margin:0!important;min-height:46px;box-sizing:border-box;flex-shrink:0;
  border-radius:11px!important;transform:none!important;
}
/* Active links across BOTH distinct workspaces, in light and dark modes. */
html[data-theme="light"] #teamNavigation .nav-link.active,
html[data-theme="light"] #personalNavigation .nav-link.active,
html[data-theme="light"] .sidebar-bottom #settingsBtn.active{
  background:linear-gradient(110deg,#eeeaff,#e8e4ff)!important;
  color:#4f39f6!important;
  border:1px solid #bdb3ff!important;
  box-shadow:inset 3px 0 0 #684fff!important;
  font-weight:800!important;
}
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:linear-gradient(110deg,rgba(79,57,246,.35),rgba(72,54,172,.23))!important;
  color:#e9e3ff!important;
  border:1px solid #7566d4!important;
  box-shadow:inset 3px 0 0 #9588ff!important;
  font-weight:800!important;
}
html[data-theme="light"] #personalNavigation .nav-link.active svg,
html[data-theme="light"] #teamNavigation .nav-link.active svg,
html[data-theme="light"] .sidebar-bottom #settingsBtn.active svg{color:#4f39f6!important;}
html[data-theme="dark"] #personalNavigation .nav-link.active svg,
html[data-theme="dark"] #teamNavigation .nav-link.active svg,
html[data-theme="dark"] .sidebar-bottom #settingsBtn.active svg{color:#c5baff!important;}
/* Avoid animated parent and animated children competing for transforms/opacity. */
#reportsView.feature-view{animation:none!important;}
#reportsView .report-kpi,
#reportsView .report-widget{will-change:auto!important;}
#reportsView .hbar-track span{transform-origin:right center;}
#reportsView .week-bar-track span{transform-origin:center bottom;}
@media (max-width:780px){
  #personalNavigation .personal-extra-links{gap:10px;}
}
@media (prefers-reduced-motion:reduce){
  #reportsView *,#reportsView *::before,#reportsView *::after{animation:none!important;transition:none!important;}
}