/* Per-client theme mapping */

html[data-accent] {
  --green: var(--client-accent, #00D084);
  --green-dark: color-mix(in srgb, var(--client-accent, #00D084) 80%, #000);
  --green-dim: color-mix(in srgb, var(--client-accent, #00D084) 12%, transparent);
  --green-glow: color-mix(in srgb, var(--client-accent, #00D084) 35%, transparent);
  --blue: var(--client-secondary, #4D9EFF);
  --accent: var(--client-accent, #00D084);
  --accent3: var(--client-accent, #00D084);
}

html[data-accent] .btn-primary {
  background: linear-gradient(135deg, var(--client-accent, #00D084), color-mix(in srgb, var(--client-accent, #00D084) 75%, #000));
}

html[data-accent] .nav-item.active { color: var(--client-accent, #00D084); }
html[data-accent] .nav-item.active .nav-dot { background: var(--client-accent, #00D084); }

/* Resolved theme (auto) */
html[data-theme-resolved="light"] body,
html[data-theme="light"] body {
  --bg: #f4f5f8;
  --bg1: #ffffff;
  --bg2: #eef0f5;
  --bg3: #e4e7ee;
  --text: #1a1a2e;
  --text2: #4a4a68;
  --text3: #7a7a98;
  --border: rgba(0, 0, 0, 0.08);
  --glass2: rgba(0, 0, 0, 0.03);
}

html[data-theme-resolved="light"] .sidebar,
html[data-theme="light"] .sidebar { background: #fff; }
html[data-theme-resolved="light"] .topbar,
html[data-theme="light"] .topbar { background: rgba(255,255,255,0.95); }

/* Font size */
html[data-font-size="small"] body { font-size: 13px; }
html[data-font-size="medium"] body { font-size: 14px; }
html[data-font-size="large"] body { font-size: 16px; }

/* Sidebar collapsed */
.sidebar.sidebar-collapsed {
  width: 72px;
  min-width: 72px;
}
.sidebar.sidebar-collapsed .brand-text,
.sidebar.sidebar-collapsed .nav-item span:not(.nav-icon),
.sidebar.sidebar-collapsed .nav-sec-label,
.sidebar.sidebar-collapsed .nav-badge,
.sidebar.sidebar-collapsed .nav-dot,
.sidebar.sidebar-collapsed .user-info { display: none; }
.sidebar.sidebar-collapsed .nav-item { justify-content: center; padding: 12px; }
.sidebar.sidebar-collapsed + .main { margin-left: 72px; }

/* Horizontal menu */
.app-shell.menu-horizontal { flex-direction: column; }
.app-shell.menu-horizontal .sidebar {
  width: 100%;
  min-width: 100%;
  height: auto;
  position: relative;
  flex-direction: row;
  flex-wrap: wrap;
}
.app-shell.menu-horizontal .sidebar-nav { flex-direction: row; flex-wrap: wrap; }
.app-shell.menu-horizontal .main { margin-left: 0 !important; width: 100%; }

/* Dashboard layouts */
.content.layout-compact .stat-grid { gap: 10px; }
.content.layout-compact .stat-card { padding: 12px 14px; }
.content.layout-compact .stat-val { font-size: 20px; }
.content.layout-expanded .stat-grid { gap: 18px; }
.content.layout-expanded .stat-val { font-size: 30px; }