/* Unified Webiksa white-green theme */
:root,
[data-theme],
[data-theme="light"],
body.theme-light {
  color-scheme: light;
  --primary: #2f9e44;
  --primary-dark: #237a34;
  --primary-light: #54b86a;
  --secondary: #34a853;
  --secondary-dark: #278543;
  --accent: #8dd9a0;
  --success: #2f9e44;
  --danger: #d64545;
  --warning: #c98a11;
  --info: #2f7dd1;
  --bg-dark: #f6fbf7;
  --bg-darker: #ffffff;
  --bg-card: #ffffff;
  --bg-card-hover: #f1f7f2;
  --bg-input: #ffffff;
  --border-color: rgba(41, 86, 55, 0.14);
  --border-hover: rgba(47, 158, 68, 0.34);
  --text-primary: #173021;
  --text-secondary: #456052;
  --text-muted: #738679;
  --text-dim: #96a79c;
  --gradient-primary: linear-gradient(135deg, #2f9e44 0%, #57b26d 100%);
  --gradient-dark: linear-gradient(180deg, #f6fbf7 0%, #ffffff 100%);
  --gradient-glow: radial-gradient(circle at 50% 50%, rgba(47,158,68,0.12) 0%, transparent 70%);
  --shadow-sm: 0 3px 12px rgba(26, 51, 35, 0.05);
  --shadow-md: 0 12px 36px rgba(26, 51, 35, 0.08);
  --shadow-lg: 0 20px 50px rgba(26, 51, 35, 0.1);
  --shadow-glow: none;
  --wb-bg: #f6fbf7;
  --wb-surface: #ffffff;
  --wb-surface2: #eff7f1;
  --wb-ink: #173021;
  --wb-muted: #6d8173;
  --wb-line: #d6e3da;
  --wb-accent: #2f9e44;
  --wb-accent-ink: #ffffff;
  --wb-header: rgba(255,255,255,0.95);
  --wb-footer: #edf5ef;
}

html, body { background: var(--bg-dark) !important; color: var(--text-primary) !important; }
body:not(.dashboard-body) .main-content { background: var(--wb-bg) !important; }
a { color: var(--primary); }
a:hover { color: var(--primary-dark); }
.bg-decoration, .bg-glow, .webiksa-theme-picker { display: none !important; }

.main-header,
.wb-header,
.admin-header,
.dashboard-header,
.auth-form-wrap,
.auth-visual,
.admin-sidebar,
.dashboard-sidebar,
.sidebar-header,
.sidebar-user,
.dash-card,
.admin-card,
.stat-card,
.card,
.table-card,
.package-card,
.feature-card,
.hero-card,
.pricing-card,
.auth-form,
.modal-content,
.dropdown-menu,
.ticket-card,
.invoice-card,
.panel-card {
  background: var(--bg-card) !important;
  color: var(--text-primary) !important;
  border-color: var(--border-color) !important;
  box-shadow: var(--shadow-sm) !important;
}

.admin-sidebar {
  background: linear-gradient(180deg, #ffffff 0%, #f1f7f2 100%) !important;
}
.dashboard-sidebar {
  background: linear-gradient(180deg, #ffffff 0%, #f5faf6 100%) !important;
}
.admin-sidebar-title,
.auth-visual-title,
.auth-title {
  background: none !important;
  -webkit-text-fill-color: initial !important;
  color: var(--text-primary) !important;
}
.auth-visual {
  background: linear-gradient(135deg, rgba(47,158,68,0.08), rgba(87,178,109,0.04)) !important;
}
.auth-visual::before {
  background: radial-gradient(circle at 30% 30%, rgba(47,158,68,0.10), transparent 60%) !important;
  opacity: 1 !important;
}
.auth-visual-desc,
.auth-features li,
.auth-subtitle,
.auth-footer,
.auth-divider,
.auth-footer a,
.wb-nav a,
.wb-header-signin,
.wb-section-top > p,
.wb-hero-copy > p,
.wb-footer-main p,
.wb-footer-main a:not(.wb-footer-brand),
.wb-footer-main span,
.wb-footer-bottom,
.sidebar-user-email,
.sidebar-user-plan,
.form-hint,
.admin-sidebar-sub,
.admin-nav-label,
.admin-link,
.input-group-icon,
.input-group .toggle-password {
  color: var(--text-secondary) !important;
}
.auth-features li i,
.admin-link:hover i,
.sidebar-logo-icon,
.admin-sidebar-logo,
.wb-plan-icon,
.wb-live-dot { color: #fff !important; }

input,
textarea,
select,
.form-control,
.form-select {
  background: #ffffff !important;
  color: var(--text-primary) !important;
  border: 1.5px solid #cfddd3 !important;
  caret-color: var(--primary) !important;
}
input:focus,
textarea:focus,
select:focus,
.form-control:focus,
.form-select:focus {
  background: #ffffff !important;
  color: var(--text-primary) !important;
  border-color: var(--primary) !important;
  box-shadow: 0 0 0 4px rgba(47, 158, 68, 0.10) !important;
}
input::placeholder,
textarea::placeholder,
select::placeholder,
.form-control::placeholder {
  color: #8ca092 !important;
  opacity: 1 !important;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: #173021 !important;
  box-shadow: 0 0 0 1000px #ffffff inset !important;
  transition: background-color 99999s ease-in-out 0s !important;
  caret-color: var(--primary) !important;
}

.btn-primary,
.wb-header-login,
.wb-featured .wb-plan-action,
.wb-btn,
.btn-success {
  background: var(--primary) !important;
  border-color: var(--primary) !important;
  color: #ffffff !important;
  box-shadow: none !important;
}
.btn-primary:hover,
.wb-header-login:hover,
.wb-btn:hover,
.wb-featured .wb-plan-action:hover,
.btn-success:hover {
  background: var(--primary-dark) !important;
  border-color: var(--primary-dark) !important;
}
.btn-ghost,
.wb-plan-action,
.wb-mobile-btn,
.btn-outline,
.btn-light {
  background: #ffffff !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--border-color) !important;
}

.hero, .wb-hero, .wb-method, .wb-marquee, .wb-section, .wb-footer { background: transparent !important; }
.wb-support {
  background: var(--primary) !important;
  color: #fff !important;
}
.wb-support h2,
.wb-support p,
.wb-support .wb-overline,
.wb-support-link { color: #fff !important; }
.wb-btn-light { background: #fff !important; color: var(--primary) !important; }

.table,
.table thead th,
.table tbody td,
.table tbody th { color: var(--text-primary) !important; border-color: var(--border-color) !important; }
.alert-success { background: #ecf9ef !important; color: #19562a !important; border-color: #c7e9cf !important; }
.alert-error,
.alert-danger { background: #fff1f1 !important; color: #8d2323 !important; border-color: #f3cccc !important; }
.badge, .status-badge { box-shadow: none !important; }

@media (max-width: 992px) {
  .admin-sidebar, .dashboard-sidebar { box-shadow: 0 10px 30px rgba(23,48,33,0.08) !important; }
}