.sidebar,
.app-sidebar,
.sc-sidebar {
  background: var(--sc-bg-elevated);
  border-right: 1px solid var(--sc-border);
  color: var(--sc-text);
}

.topbar,
.app-topbar,
.sc-topbar,
.navbar {
  background: color-mix(in srgb, var(--sc-bg-elevated) 92%, transparent);
  border-color: var(--sc-border);
  color: var(--sc-text);
  backdrop-filter: blur(14px);
}

.nav-link,
.sidebar-link,
.app-nav-link {
  border-radius: var(--sc-radius-md);
  color: var(--sc-text-muted);
  transition:
    color var(--sc-transition-fast),
    background var(--sc-transition-fast),
    transform var(--sc-transition-fast);
}

.nav-link:hover,
.sidebar-link:hover,
.app-nav-link:hover {
  background: var(--sc-bg-muted);
  color: var(--sc-text-strong);
}

.nav-link.active,
.sidebar-link.active,
.app-nav-link.active {
  background: var(--sc-accent-soft);
  color: var(--sc-accent);
  font-weight: 750;
}

.navbar-brand,
.brand-name,
.sidebar-brand {
  color: var(--sc-text-strong);
}


/* =========================================================
   v3.5.2c.1 — Light Sidebar Visibility + Orange Navigation
   ========================================================= */

/* Sidebar must retain readable contrast in light mode. */
:root:not([data-theme="dark"]) .sidebar,
:root:not([data-theme="dark"]) .app-sidebar,
:root:not([data-theme="dark"]) .sc-sidebar {
  background: #ffffff !important;
  color: var(--sc-text) !important;
  border-right-color: var(--sc-border) !important;
}

:root:not([data-theme="dark"]) .sidebar-brand,
:root:not([data-theme="dark"]) .sidebar-footer {
  border-color: var(--sc-border) !important;
}

:root:not([data-theme="dark"]) .sidebar .brand-word,
:root:not([data-theme="dark"]) .sidebar .sidebar-brand,
:root:not([data-theme="dark"]) .sidebar .sidebar-footer,
:root:not([data-theme="dark"]) .sidebar .sidebar-footer *,
:root:not([data-theme="dark"]) .app-sidebar *,
:root:not([data-theme="dark"]) .sc-sidebar * {
  color: var(--sc-text) !important;
}

:root:not([data-theme="dark"]) .sidebar-nav a,
:root:not([data-theme="dark"]) .sidebar .nav-link,
:root:not([data-theme="dark"]) .app-sidebar .nav-link,
:root:not([data-theme="dark"]) .sc-sidebar .nav-link {
  color: var(--sc-text-muted) !important;
}

:root:not([data-theme="dark"]) .sidebar-nav a:hover,
:root:not([data-theme="dark"]) .sidebar .nav-link:hover,
:root:not([data-theme="dark"]) .app-sidebar .nav-link:hover,
:root:not([data-theme="dark"]) .sc-sidebar .nav-link:hover {
  background: var(--sc-accent-soft) !important;
  color: var(--sc-accent) !important;
}

:root:not([data-theme="dark"]) .sidebar-nav a.active,
:root:not([data-theme="dark"]) .sidebar .nav-link.active,
:root:not([data-theme="dark"]) .app-sidebar .nav-link.active,
:root:not([data-theme="dark"]) .sc-sidebar .nav-link.active {
  background: var(--sc-accent-soft) !important;
  color: var(--sc-accent) !important;
  font-weight: 750;
}

/* Keep dark sidebar interaction aligned with the same orange theme. */
:root[data-theme="dark"] .sidebar-nav a:hover,
:root[data-theme="dark"] .sidebar-nav a.active,
:root[data-theme="dark"] .sidebar .nav-link:hover,
:root[data-theme="dark"] .sidebar .nav-link.active {
  background: var(--sc-accent-soft) !important;
  color: var(--sc-accent) !important;
}


/* =========================================================
   v3.5.2c.2 — Light Sidebar Contrast + Project Selector Fix
   ========================================================= */

:root:not([data-theme="dark"]) .sidebar,
:root:not([data-theme="dark"]) .app-sidebar,
:root:not([data-theme="dark"]) .sc-sidebar {
  background: #ffffff !important;
  border-right: 1px solid var(--sc-border) !important;
  box-shadow: 1px 0 0 rgba(15,23,42,.02);
}

/* Stronger active navigation */
:root:not([data-theme="dark"]) .sidebar-nav a.active,
:root:not([data-theme="dark"]) .sidebar .nav-link.active,
:root:not([data-theme="dark"]) .app-sidebar .nav-link.active,
:root:not([data-theme="dark"]) .sc-sidebar .nav-link.active {
  position: relative;
  background: rgba(255,112,24,.12) !important;
  color: var(--sc-accent) !important;
  font-weight: 750;
}

:root:not([data-theme="dark"]) .sidebar-nav a.active::before,
:root:not([data-theme="dark"]) .sidebar .nav-link.active::before,
:root:not([data-theme="dark"]) .app-sidebar .nav-link.active::before,
:root:not([data-theme="dark"]) .sc-sidebar .nav-link.active::before {
  content: "";
  position: absolute;
  left: 0;
  top: .45rem;
  bottom: .45rem;
  width: 4px;
  border-radius: 0 999px 999px 0;
  background: var(--sc-accent);
}

/* Bottom-left project selector */
:root:not([data-theme="dark"]) .project-selector,
:root:not([data-theme="dark"]) .active-project-selector,
:root:not([data-theme="dark"]) .sidebar-project-selector,
:root:not([data-theme="dark"]) .sidebar-footer select,
:root:not([data-theme="dark"]) .sidebar-footer .form-select,
:root:not([data-theme="dark"]) .sidebar-footer .dropdown-toggle {
  background: #ffffff !important;
  color: var(--sc-text-strong) !important;
  border: 1px solid var(--sc-border) !important;
  box-shadow: none !important;
}

:root:not([data-theme="dark"]) .project-selector:hover,
:root:not([data-theme="dark"]) .active-project-selector:hover,
:root:not([data-theme="dark"]) .sidebar-project-selector:hover,
:root:not([data-theme="dark"]) .sidebar-footer select:hover,
:root:not([data-theme="dark"]) .sidebar-footer .form-select:hover,
:root:not([data-theme="dark"]) .sidebar-footer .dropdown-toggle:hover {
  border-color: var(--sc-accent) !important;
  color: var(--sc-accent) !important;
}

:root:not([data-theme="dark"]) .project-selector:focus,
:root:not([data-theme="dark"]) .active-project-selector:focus,
:root:not([data-theme="dark"]) .sidebar-project-selector:focus,
:root:not([data-theme="dark"]) .sidebar-footer select:focus,
:root:not([data-theme="dark"]) .sidebar-footer .form-select:focus,
:root:not([data-theme="dark"]) .sidebar-footer .dropdown-toggle:focus {
  border-color: var(--sc-accent) !important;
  box-shadow: 0 0 0 .2rem rgba(255,112,24,.16) !important;
}

/* Ensure project name and labels stay readable */
:root:not([data-theme="dark"]) .sidebar-footer,
:root:not([data-theme="dark"]) .sidebar-footer label,
:root:not([data-theme="dark"]) .sidebar-footer .small,
:root:not([data-theme="dark"]) .project-selector *,
:root:not([data-theme="dark"]) .active-project-selector *,
:root:not([data-theme="dark"]) .sidebar-project-selector * {
  color: var(--sc-text-strong) !important;
}

/* v5.0.0 grouped enterprise sidebar */
.sidebar-nav{padding:12px 10px 22px;overflow-y:auto}.sidebar-group{margin-bottom:6px}.sidebar-group-toggle{width:100%;border:0;background:transparent;color:rgba(255,255,255,.7);display:flex;align-items:center;justify-content:space-between;padding:10px 9px;font-size:.72rem;font-weight:800;letter-spacing:.08em;border-radius:9px}.sidebar-group-toggle>span{display:flex;gap:10px;align-items:center}.sidebar-group-toggle:hover{background:rgba(255,255,255,.06);color:#fff}.sidebar-group-chevron{transition:transform .2s ease}.sidebar-group.open .sidebar-group-chevron{transform:rotate(180deg)}.sidebar-group-items{display:none;padding:2px 0 5px}.sidebar-group.open .sidebar-group-items{display:block}.sidebar-nav-link{display:flex!important;align-items:center;gap:11px;padding:9px 10px 9px 15px!important;margin:2px 0;border-radius:9px}.sidebar-nav-link.active{background:linear-gradient(90deg,rgba(255,123,0,.25),rgba(255,123,0,.08));border-left:3px solid var(--sc-accent,#ff7a00);padding-left:12px!important}.sidebar.collapsed .sidebar-group-label,.sidebar.collapsed .sidebar-group-chevron{display:none}.sidebar.collapsed .sidebar-group-toggle{justify-content:center}.sidebar.collapsed .sidebar-group-items{display:none}.sidebar.collapsed .sidebar-group.open .sidebar-group-items{display:block}.sidebar.collapsed .sidebar-nav-link{justify-content:center;padding:10px!important}.sidebar.collapsed .sidebar-nav-text{display:none}