/* src/components/saas-design/saas-desktop-sidebar-theme.css */
[data-acom-id="saas.design.desktop-sidebar"] {
  --sidebar-surface: #ffffff;
  --sidebar-text: #0f172a;
  --sidebar-muted: #64748b;
  --sidebar-border: #e2e8f0;
  --sidebar-action: #f8fafc;
  --sidebar-hover: #f1f5f9;
  --sidebar-shadow: 0 12px 32px #0f172a0d;
  background: var(--sidebar-surface);
  color: var(--sidebar-text);
  border-color: var(--sidebar-border);
  box-shadow: var(--sidebar-shadow);
}
.dark [data-acom-id="saas.design.desktop-sidebar"],
[data-acom-theme=dark] [data-acom-id="saas.design.desktop-sidebar"] {
  --sidebar-surface: #111827;
  --sidebar-text: #f1f5f9;
  --sidebar-muted: #a8b4c5;
  --sidebar-border: #334155;
  --sidebar-action: #1e293b;
  --sidebar-hover: #283548;
  --sidebar-shadow: 0 12px 32px #00000033;
}
[data-acom-id="saas.design.desktop-sidebar"] > div:first-child,
[data-acom-id="saas.design.desktop-sidebar"] > div:last-child {
  border-color: var(--sidebar-border);
}
[data-acom-id="saas.design.desktop-sidebar"] > div:first-child p,
[data-acom-id="saas.design.desktop-sidebar"] > div:nth-child(2) .uppercase {
  color: var(--sidebar-muted);
}
[data-acom-id="saas.design.desktop-sidebar"] h2 {
  color: var(--sidebar-text);
}
[data-acom-id="saas.design.desktop-sidebar"] [data-active=false] {
  color: var(--sidebar-text);
  background: transparent;
}
[data-acom-id="saas.design.desktop-sidebar"] [data-active=false]:hover {
  color: var(--sidebar-text);
  background: var(--sidebar-hover);
}
[data-acom-id="saas.design.desktop-sidebar"] [data-active=true] {
  color: #fff;
}
[data-acom-id="saas.design.desktop-sidebar"] button:focus-visible {
  outline: 2px solid var(--acom-sidebar-brand, var(--primary-color, #7c3aed));
  outline-offset: 2px;
}
[data-acom-id="saas.design.desktop-sidebar"] button[data-acom-id^="dashboard.quick_access."] {
  background: var(--sidebar-action);
  border-color: var(--sidebar-border);
}
[data-acom-id="saas.design.desktop-sidebar"] button[data-acom-id^="dashboard.quick_access."]:hover {
  background: var(--sidebar-hover);
}
[data-acom-id="saas.design.desktop-sidebar"] button[data-acom-id^="dashboard.quick_access."] > span:not(.absolute) {
  color: var(--sidebar-text);
}
[data-acom-id="saas.design.desktop-sidebar"] [data-acom-id="saas.sidebar.brand-card"] {
  background: var(--acom-sidebar-brand-soft, var(--sidebar-action));
  border-color: var(--sidebar-border);
}
[data-acom-id="saas.design.desktop-sidebar"] [data-acom-id="saas.sidebar.brand-card"] p:first-child {
  color: var(--sidebar-muted);
}
[data-acom-id="saas.design.desktop-sidebar"] [data-acom-id="saas.sidebar.brand-card"] p:last-child {
  color: var(--sidebar-text);
}
[data-acom-id="saas.design.desktop-sidebar"] [data-acom-id="saas.sidebar.brand-card"] > svg {
  color: var(--acom-sidebar-brand, var(--primary-color, #7c3aed));
  opacity: 0.12;
}