/* SWA Dashboard — White light theme (BabyPips-clean) */

body.dash-body {
  color: #1a2420 !important;
  background: #ffffff !important;
  background-image: none !important;
}

body.dash-body::before {
  display: none !important;
}

/* Sidebar — white */
.dash-sidebar {
  background: #ffffff !important;
  border-right: 1px solid rgba(34, 130, 58, 0.12) !important;
  box-shadow: 4px 0 24px rgba(15, 40, 25, 0.06) !important;
  backdrop-filter: none !important;
}

.dash-brand {
  border-bottom-color: rgba(34, 130, 58, 0.1) !important;
}

.dash-brand a {
  color: #131615 !important;
}

.dash-brand a span {
  color: #22823a !important;
}

.dash-brand small {
  color: #6a7a70 !important;
}

.dash-nav-label,
.nav-cat-toggle {
  color: #6a7a70 !important;
}

.nav-cat-toggle:hover {
  background: rgba(34, 130, 58, 0.06) !important;
  color: #145524 !important;
}

.dash-nav a {
  color: #3d4a42 !important;
}

.dash-nav a:hover {
  background: rgba(34, 130, 58, 0.07) !important;
  color: #145524 !important;
}

.dash-nav a.active {
  background: rgba(34, 130, 58, 0.12) !important;
  color: #145524 !important;
  border-color: rgba(34, 130, 58, 0.25) !important;
}

.dash-nav a i,
.nav-cat-toggle i {
  color: #22823a !important;
}

.dash-logout {
  color: #b33a3a !important;
  border-color: rgba(179, 58, 58, 0.2) !important;
}

.dash-logout:hover {
  background: rgba(179, 58, 58, 0.08) !important;
}

.sidebar-close-btn {
  background: rgba(34, 130, 58, 0.08) !important;
  border-color: rgba(34, 130, 58, 0.18) !important;
  color: #22823a !important;
}

/* Topbar */
.dash-topbar {
  background: rgba(255, 255, 255, 0.92) !important;
  border-bottom: 1px solid rgba(34, 130, 58, 0.1) !important;
  box-shadow: 0 4px 20px rgba(15, 40, 25, 0.05) !important;
  color: #1a2420 !important;
  backdrop-filter: blur(12px) !important;
}

.dash-topbar h1 {
  color: #131615 !important;
}

.dash-crumb {
  color: #6a7a70 !important;
}

.sidebar-pin,
.sidebar-toggle {
  background: #fff !important;
  border: 1px solid rgba(34, 130, 58, 0.2) !important;
  color: #22823a !important;
}

.dash-user {
  background: rgba(34, 130, 58, 0.06) !important;
  border: 1px solid rgba(34, 130, 58, 0.14) !important;
}

.dash-user .name {
  color: #131615 !important;
}

.dash-user .role {
  color: #22823a !important;
}

/* Main */
.dash-main {
  background: #ffffff !important;
}

.dash-content {
  background: transparent !important;
}

/* Welcome — green accent on white */
.dash-welcome {
  background:
    radial-gradient(circle at 92% 18%, rgba(125, 206, 160, 0.35), transparent 42%),
    linear-gradient(125deg, #145524 0%, #22823a 55%, #2ea855 100%) !important;
  border: none !important;
  color: #fff !important;
  box-shadow: 0 16px 40px rgba(34, 130, 58, 0.22) !important;
}

.dash-welcome h2,
.dash-welcome p {
  color: #fff !important;
  text-shadow: none !important;
}

.dash-welcome .btn-ghost-light {
  background: rgba(255, 255, 255, 0.16) !important;
  border: 1px solid rgba(255, 255, 255, 0.45) !important;
  color: #fff !important;
}

/* Panels & cards — white */
.dash-panel,
.stat-card,
.dash-live-card,
.dash-plan-card,
.quiz-card,
.ticket-item,
.fav-item,
.learn-grade,
.cat-3d-card {
  background: #ffffff !important;
  border: 1px solid rgba(34, 130, 58, 0.12) !important;
  box-shadow: 0 8px 28px rgba(15, 40, 25, 0.06) !important;
  color: #1a2420 !important;
  backdrop-filter: none !important;
}

.dash-panel:hover,
.stat-card:hover,
.learn-grade:hover,
.cat-3d-card:hover,
.dash-live-card:hover {
  border-color: rgba(34, 130, 58, 0.28) !important;
  box-shadow: 0 14px 36px rgba(15, 40, 25, 0.1) !important;
}

.dash-panel-title,
.panel-head h4,
.learn-grade h4,
.cat-3d-card span,
.stat-card .label,
.stat-card .value {
  color: #131615 !important;
}

.dash-panel-title {
  border-bottom-color: rgba(34, 130, 58, 0.1) !important;
}

.dash-panel-title i {
  color: #22823a !important;
}

.dash-muted,
.theme,
.learn-grade p,
.dash-panel p,
.meta {
  color: #6a7a70 !important;
}

.panel-toggle {
  background: #fff !important;
  border: 1px solid rgba(34, 130, 58, 0.2) !important;
  color: #22823a !important;
}

/* Learn path */
.learn-track {
  background: rgba(34, 130, 58, 0.1) !important;
}

.learn-fill {
  background: linear-gradient(90deg, #1a6b2e, #3ecf6a) !important;
}

.learn-chip,
.filter-chip {
  background: rgba(34, 130, 58, 0.08) !important;
  border-color: rgba(34, 130, 58, 0.18) !important;
  color: #145524 !important;
}

.learn-chip.active,
.filter-chip.active {
  background: #22823a !important;
  color: #fff !important;
}

.learn-search input,
.dash-form input,
.dash-form textarea,
.dash-form select {
  background: #fff !important;
  border: 1px solid rgba(34, 130, 58, 0.2) !important;
  color: #131615 !important;
}

.learn-grade ul a {
  color: #2a332f !important;
}

.learn-grade ul a.done {
  color: #22823a !important;
}

.learn-grade .ring {
  background: conic-gradient(#22823a var(--pct, 0%), rgba(34, 130, 58, 0.12) 0) !important;
}

.learn-grade .num {
  background: rgba(34, 130, 58, 0.1) !important;
  color: #145524 !important;
}

/* Empty / misc */
.empty-state {
  color: #6a7a70 !important;
}

.dash-backdrop {
  background: rgba(15, 40, 25, 0.35) !important;
}

body.dash-body :focus-visible {
  outline-color: #22823a !important;
}