/* Sidebar lock file loaded after analyst.css to prevent cascade regressions */

:root {
  --aw-side-bg-lock: #000000;
  --aw-side-text-lock: var(--ds-sidebar-text, #f8fafc);
  --aw-side-muted-lock: var(--ds-sidebar-muted, #cbd5e1);
  --aw-side-divider-lock: rgba(255, 255, 255, 0.14);
  --aw-side-active-bg-lock: rgba(15, 118, 110, 0.28);
  --aw-side-active-border-lock: rgba(167, 243, 208, 0.36);
  --aw-side-focus-lock: var(--ds-focus, #67e8f9);
}

html body .analyst-shell .analyst-sidebar {
  background: var(--aw-side-bg-lock) !important;
  border-color: var(--aw-side-bg-lock) !important;
  padding: 14px !important;
}

html body .analyst-shell .analyst-sidebar-title,
html body .analyst-shell .analyst-sidebar > h2,
html body .analyst-shell .analyst-nav-text,
html body .analyst-shell .analyst-side-value {
  color: var(--aw-side-text-lock) !important;
}

html body .analyst-shell .analyst-sidebar-sub,
html body .analyst-shell .analyst-nav-group-label,
html body .analyst-shell .analyst-side-label {
  color: var(--aw-side-muted-lock) !important;
}

html body .analyst-shell .analyst-nav-btn {
  min-height: 44px !important;
  display: grid !important;
  grid-template-columns: 28px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 8px 10px !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid var(--aw-side-divider-lock) !important;
}

html body .analyst-shell .analyst-nav-btn:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(255, 255, 255, 0.24) !important;
}

html body .analyst-shell .analyst-nav-btn.is-active {
  background: var(--aw-side-active-bg-lock) !important;
  border-color: var(--aw-side-active-border-lock) !important;
  box-shadow: inset 3px 0 0 #0f766e !important;
}

html body .analyst-shell .analyst-nav-btn.is-active .analyst-nav-text,
html body .analyst-shell .analyst-nav-btn.is-active .analyst-nav-meta {
  color: var(--aw-side-text-lock) !important;
}

html body .analyst-shell .analyst-nav-icon {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
  color: #e2e8f0 !important;
}

html body .analyst-shell .analyst-nav-meta {
  background: #334155 !important;
  color: #ffffff !important;
  border-radius: 999px !important;
  padding: 2px 8px !important;
  font-size: 0.66rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  border-color: transparent !important;
}

html body .analyst-shell .analyst-side-box {
  background: rgba(255, 255, 255, 0.05) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  border-radius: 12px !important;
  padding: 10px 12px !important;
}

html body .analyst-shell .analyst-nav-group-label {
  font-size: 0.7rem !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  margin: 10px 4px 6px !important;
}

html body .analyst-shell .analyst-nav-text {
  font-size: 0.93rem !important;
  font-weight: 640 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html body .analyst-shell .analyst-side-label {
  font-size: 0.72rem !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}

html body .analyst-shell .analyst-side-value {
  font-size: 1rem !important;
  font-weight: 700 !important;
}

html body .analyst-shell .analyst-sidebar-head {
  padding-bottom: 10px !important;
  margin-bottom: 10px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.14) !important;
}

html body .analyst-shell .analyst-sidebar-toggle {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
}

html body .analyst-shell .analyst-sidebar-toggle:hover {
  background: rgba(255, 255, 255, 0.14) !important;
}

html body .analyst-shell .analyst-sidebar-toggle:focus-visible,
html body .analyst-shell .analyst-nav-btn:focus-visible {
  outline: 3px solid var(--aw-side-focus-lock) !important;
  outline-offset: 2px !important;
}