/* ====================================================================
   Apple-Style Liquid Daylight Glass Theme
   Crisp Mint, Light Emerald & Soft Ivory Daylight Gradient
   Adjustable Glass Clarity: Clear vs. Frosted Mode
   Strictly Scoped Under: body.durian-3d-glass-theme, body.glassy-apple-pos
   Zero Residual Impact When Toggle is OFF
   ==================================================================== */

:root {
  --glass-bg: linear-gradient(135deg, rgba(28, 41, 62, 0.85) 0%, rgba(20, 30, 46, 0.80) 100%);
  --glass-blur: blur(18px);
  --glass-border: 1px solid rgba(255, 255, 255, 0.12);
  --glass-shadow: 0 12px 32px 0 rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.12);
  --farm-name-color: #34d399;
}

/* Clear Glass Mode: Higher transparency, spatial glass */
html.glass-mode-clear,
body.glass-mode-clear {
  --glass-bg: linear-gradient(135deg, rgba(28, 41, 62, 0.65) 0%, rgba(20, 30, 46, 0.60) 100%);
  --glass-blur: blur(12px);
  --glass-border: 1px solid rgba(255, 255, 255, 0.08);
  --glass-shadow: 0 10px 24px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

/* Frosted Glass Mode: Soft dark slate frosted opacity */
html.glass-mode-frosted,
body.glass-mode-frosted {
  --glass-bg: linear-gradient(135deg, rgba(32, 47, 70, 0.88) 0%, rgba(22, 33, 50, 0.85) 100%);
  --glass-blur: blur(24px);
  --glass-border: 1px solid rgba(255, 255, 255, 0.14);
  --glass-shadow: 0 14px 35px rgba(0, 0, 0, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.15);
}

/* 1. SOPHISTICATED DARK SLATE & NAVY BACKGROUND (Similar to screenshot, but a little lighter) */
body.durian-3d-glass-theme,
body.glassy-apple-pos,
html.durian-3d-glass-theme,
html.glassy-apple-pos {
  background-color: #121a28 !important;
  background-image: 
    radial-gradient(circle at 18% 18%, rgba(56, 189, 248, 0.10) 0%, transparent 45%),
    radial-gradient(circle at 82% 82%, rgba(16, 185, 129, 0.08) 0%, transparent 45%),
    radial-gradient(circle at 50% 50%, rgba(30, 41, 59, 0.5) 0%, transparent 65%),
    linear-gradient(135deg, #101824 0%, #152234 50%, #1a273c 100%) !important;
  background-attachment: fixed !important;
  background-size: cover !important;
  color: #f1f5f9 !important;
  min-height: 100vh !important;
  min-height: 100dvh !important;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Kantumruy Pro", "Inter", system-ui, sans-serif !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

/* 2. 3D CANVAS LAYER DISABLED (Zero Floating Fruits / Bubbles) */
#durian3dCanvas {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
}

/* 2.5 PERMIT TRANSPARENCY ACROSS WRAPPERS */
body.durian-3d-glass-theme .app-wrapper,
body.durian-3d-glass-theme .app-main,
body.durian-3d-glass-theme #mobileWorkerScanView,
body.glassy-apple-pos .pos-container,
body.glassy-apple-pos .pos-main-layout,
body.glassy-apple-pos .pos-catalog-pane,
body.glassy-apple-pos .pos-catalog-grid,
body.glassy-apple-pos .pos-ticket-items {
  background: transparent !important;
  position: relative !important;
  z-index: 1 !important;
}

/* 2.8 FARM BRAND NAME & TITLE FIX */
.farm-brand-name,
.farm-name,
body.durian-3d-glass-theme .farm-brand-name,
body.durian-3d-glass-theme .farm-name,
body.glassy-apple-pos .farm-brand-name {
  color: #facc15 !important;
  font-weight: 800 !important;
  letter-spacing: -0.015em !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) !important;
}

body.durian-3d-glass-theme .app-sidebar .farm-brand-name {
  color: #ffffff !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6) !important;
}

body.durian-3d-glass-theme .page-header-title,
body.durian-3d-glass-theme .header-farm-title,
body.durian-3d-glass-theme .brand-title-nowrap,
body.glassy-apple-pos .pos-brand {
  white-space: nowrap !important;
  display: block !important;
  font-size: clamp(0.85rem, 2.5vw, 1.2rem) !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  min-width: 0 !important;
  color: #f1f5f9 !important;
  font-weight: 600 !important;
}

/* 3. DARK SLATE FROSTED GLASS PANELS */
body.durian-3d-glass-theme .card:not(.hero-banner):not(.bg-transparent):not(.durian-harvest-glass-card):not(.glassy-v18-login-card),
body.durian-3d-glass-theme .glass-card,
body.durian-3d-glass-theme .pos-card,
body.durian-3d-glass-theme .portal-card,
body.durian-3d-glass-theme .tree-card,
body.durian-3d-glass-theme .overview-card,
body.durian-3d-glass-theme .stat-card,
body.durian-3d-glass-theme .metric-card,
body.durian-3d-glass-theme .variety-card,
body.durian-3d-glass-theme .recent-care-card,
body.durian-3d-glass-theme .big-card,
body.durian-3d-glass-theme .stat-big,
body.durian-3d-glass-theme .list-toolbar-box,
body.durian-3d-glass-theme #mobileWorkerScanView .card,
body.durian-3d-glass-theme #mobileWorkerScanView .mws-top-bar,
body.glassy-apple-pos .card,
body.glassy-apple-pos .glass-card,
body.glassy-apple-pos .pos-card,
body.glassy-apple-pos .pos-product-card,
body.glassy-apple-pos .held-order-card {
  background: var(--glass-bg, rgba(30, 41, 59, 0.85)) !important;
  backdrop-filter: var(--glass-blur, blur(20px)) saturate(180%) !important;
  -webkit-backdrop-filter: var(--glass-blur, blur(20px)) saturate(180%) !important;
  border: var(--glass-border, 1px solid rgba(255, 255, 255, 0.12)) !important;
  box-shadow: var(--glass-shadow, 0 10px 28px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.12)) !important;
  border-radius: 16px !important;
  color: #f1f5f9 !important;
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s ease, border-color 0.25s ease !important;
}

/* 3.2 V18 FRAMER MOTION LIFT EFFECT: whileHover={{ y: -5 }} */
body.durian-3d-glass-theme .card:not(.hero-banner):hover,
body.durian-3d-glass-theme .overview-card:hover,
body.durian-3d-glass-theme .stat-card:hover,
body.durian-3d-glass-theme .variety-card:hover,
body.durian-3d-glass-theme .v18-widget-card:hover,
body.glassy-apple-pos .pos-product-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
}

/* Android & iOS Optimized Product Card Layout (Zero Price Clipping & Compact Balanced Height) */
body.glassy-apple-pos .pos-product-card {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  height: auto !important;
  min-height: 260px !important;
  max-height: none !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

body.glassy-apple-pos .pos-product-body {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  width: 100% !important;
}

body.glassy-apple-pos .pos-product-price-row {
  margin-top: auto !important;
  margin-bottom: 4px !important;
  padding-bottom: 4px !important;
  display: flex !important;
  align-items: baseline !important;
  overflow: visible !important;
  flex-wrap: wrap !important;
}

/* Base Structural Dimensions for Overview KPI Cards (Consistent Across All Themes) */
.overview-card {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  min-height: 144px !important;
  padding: 24px 26px 22px 26px !important;
  border-radius: 22px !important;
  position: relative !important;
  overflow: hidden !important;
  cursor: pointer !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* 3.3 HIGH-CONTRAST DASHBOARD OVERVIEW CARDS & TYPOGRAPHY (Dark Mode Default) */
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .overview-card,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) #section_Dashboard .overview-card,
body.durian-3d-glass-theme:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .overview-card,
body.theme-dark .overview-card,
[data-theme="dark"] .overview-card {
  background: rgba(22, 33, 50, 0.88) !important;
  backdrop-filter: blur(24px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
}

/* 100% Crisp Bright White Card Titles & Header Labels (Dark Mode) */
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .overview-card span,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .overview-card span.fw-bold,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .overview-card span.text-muted,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .overview-card .card-title,
body.durian-3d-glass-theme:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .overview-card span,
body.durian-3d-glass-theme:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .overview-card span.fw-bold,
body.durian-3d-glass-theme:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .overview-card span.text-muted,
body.durian-3d-glass-theme:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .overview-card .card-title,
body.theme-dark .overview-card span,
[data-theme="dark"] .overview-card span {
  color: #ffffff !important;
  font-size: 0.95rem !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7) !important;
  opacity: 1 !important;
}

/* 100% High-Contrast Light Slate Subtitles (#cbd5e1 - Zero Dimness, Dark Mode) */
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .overview-card small,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .overview-card small.text-muted,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .overview-card small span,
body.durian-3d-glass-theme:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .overview-card small,
body.durian-3d-glass-theme:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .overview-card small.text-muted,
body.durian-3d-glass-theme:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .overview-card small span,
body.theme-dark .overview-card small,
[data-theme="dark"] .overview-card small {
  color: #cbd5e1 !important;
  font-size: 0.86rem !important;
  font-weight: 600 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
  opacity: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
}

body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .overview-card small i,
body.durian-3d-glass-theme:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .overview-card small i {
  color: #38bdf8 !important;
}

/* Distinct Vibrant Themed Icon Circles for All 6 Cards */
.overview-card .rounded-circle {
  width: 38px !important;
  height: 38px !important;
  border-radius: 12px !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25) !important;
}

.overview-card[onclick*="Trees"] .rounded-circle {
  background: rgba(52, 211, 153, 0.15) !important;
  border: 1px solid rgba(52, 211, 153, 0.35) !important;
  color: #34d399 !important;
}
.overview-card[onclick*="Logs"] .rounded-circle {
  background: rgba(56, 189, 248, 0.15) !important;
  border: 1px solid rgba(56, 189, 248, 0.35) !important;
  color: #38bdf8 !important;
}
.overview-card[onclick*="Workers"] .rounded-circle {
  background: rgba(192, 132, 252, 0.15) !important;
  border: 1px solid rgba(192, 132, 252, 0.35) !important;
  color: #c084fc !important;
}
.overview-card[onclick*="Loans"] .rounded-circle {
  background: rgba(251, 191, 36, 0.15) !important;
  border: 1px solid rgba(251, 191, 36, 0.35) !important;
  color: #fbbf24 !important;
}
.overview-card[onclick*="Salary"] .rounded-circle {
  background: rgba(52, 211, 153, 0.15) !important;
  border: 1px solid rgba(52, 211, 153, 0.35) !important;
  color: #34d399 !important;
}
.overview-card[onclick*="Expenses"] .rounded-circle {
  background: rgba(248, 113, 113, 0.15) !important;
  border: 1px solid rgba(248, 113, 113, 0.35) !important;
  color: #f87171 !important;
}

/* 3.5 V18 FLOATING ANALYTICAL WIDGETS (Sleek Dark Slate Mesh) */
.v18-widget-card {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 20px !important;
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s ease !important;
}

/* 1. Luminous Blue-Sky Bar Chart Widget */
.v18-bar-widget {
  background: linear-gradient(145deg, rgba(26, 40, 62, 0.88) 0%, rgba(18, 28, 44, 0.92) 100%) !important;
  border: 1px solid rgba(56, 189, 248, 0.3) !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
  color: #f1f5f9 !important;
}

.v18-bar-widget h2 {
  color: #38bdf8 !important;
}

.v18-bar-widget p, .v18-bar-widget span {
  color: #94a3b8 !important;
}

/* 2. Amber/Golden Cashflow Tile ($ / KHR Metric) */
.v18-cash-widget {
  background: linear-gradient(145deg, rgba(45, 36, 22, 0.85) 0%, rgba(28, 22, 14, 0.92) 100%) !important;
  border: 1px solid rgba(251, 191, 36, 0.3) !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
  color: #f1f5f9 !important;
}

.v18-cash-widget h3 {
  color: #fbbf24 !important;
}

.v18-cash-widget span {
  color: #fde68a !important;
}

/* 3. Fresh Airy Mint Wave Chart (Care Actions Metric) */
.v18-wave-widget {
  background: linear-gradient(145deg, rgba(20, 42, 34, 0.85) 0%, rgba(14, 28, 22, 0.92) 100%) !important;
  border: 1px solid rgba(52, 211, 153, 0.3) !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
  color: #f1f5f9 !important;
}

.v18-wave-widget h2 {
  color: #34d399 !important;
}

.v18-wave-widget p, .v18-wave-widget span {
  color: #a7f3d0 !important;
}

/* 3.5 STAT HIGHLIGHTS & ALERT TILES (Deep Dark Slate Design System) */
.alert-tile,
body.durian-3d-glass-theme .alert-tile {
  background: rgba(22, 33, 52, 0.95) !important;
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
  border-radius: 20px !important;
  color: #ffffff !important;
  padding: 18px 20px !important;
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  cursor: pointer !important;
  position: relative !important;
  overflow: hidden !important;
  transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.alert-tile:hover,
body.durian-3d-glass-theme .alert-tile:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.35), inset 0 0 0 1px rgba(255, 255, 255, 0.15) !important;
}

.alert-tile .num,
body.durian-3d-glass-theme .alert-tile .num {
  font-size: 1.75rem !important;
  font-weight: 850 !important;
  line-height: 1.1 !important;
}

.alert-tile .lbl,
body.durian-3d-glass-theme .alert-tile .lbl {
  font-weight: 750 !important;
  font-size: 0.95rem !important;
  color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6) !important;
}

.alert-tile.t-orange,
body.durian-3d-glass-theme .alert-tile.t-orange {
  background: rgba(22, 33, 52, 0.95) !important;
  border-left: 4px solid #fbbf24 !important;
}
.alert-tile.t-orange .num { color: #fbbf24 !important; text-shadow: 0 0 14px rgba(251, 191, 36, 0.4) !important; }
.alert-tile.t-orange .ico {
  background: rgba(251, 191, 36, 0.15) !important;
  border: 1px solid rgba(251, 191, 36, 0.3) !important;
  color: #fbbf24 !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 14px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.alert-tile.t-blue,
body.durian-3d-glass-theme .alert-tile.t-blue {
  background: rgba(22, 33, 52, 0.95) !important;
  border-left: 4px solid #38bdf8 !important;
}
.alert-tile.t-blue .num { color: #38bdf8 !important; text-shadow: 0 0 14px rgba(56, 189, 248, 0.4) !important; }
.alert-tile.t-blue .ico {
  background: rgba(56, 189, 248, 0.15) !important;
  border: 1px solid rgba(56, 189, 248, 0.3) !important;
  color: #38bdf8 !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 14px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.alert-tile.t-red,
body.durian-3d-glass-theme .alert-tile.t-red {
  background: rgba(22, 33, 52, 0.95) !important;
  border-left: 4px solid #f87171 !important;
}
.alert-tile.t-red .num { color: #f87171 !important; text-shadow: 0 0 14px rgba(248, 113, 113, 0.4) !important; }
.alert-tile.t-red .ico {
  background: rgba(248, 113, 113, 0.15) !important;
  border: 1px solid rgba(248, 113, 113, 0.3) !important;
  color: #f87171 !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 14px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.alert-tile.t-green,
body.durian-3d-glass-theme .alert-tile.t-green {
  background: rgba(22, 33, 52, 0.95) !important;
  border-left: 4px solid #34d399 !important;
}
.alert-tile.t-green .num { color: #34d399 !important; text-shadow: 0 0 14px rgba(52, 211, 153, 0.4) !important; }
.alert-tile.t-green .ico {
  background: rgba(52, 211, 153, 0.15) !important;
  border: 1px solid rgba(52, 211, 153, 0.3) !important;
  color: #34d399 !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 14px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body.durian-3d-glass-theme .card:hover,
body.durian-3d-glass-theme .overview-card:hover,
body.glassy-apple-pos .pos-product-card:hover {
  box-shadow: 0 16px 44px rgba(4, 120, 87, 0.12), 0 0 0 1px rgba(255, 255, 255, 0.95) !important;
  transform: translateY(-2px) !important;
}

/* 4. SEARCH INPUTS, SELECTS, & HIGH LEGIBILITY CONTAINERS (0.85 Opacity) */
body.durian-3d-glass-theme .form-control,
body.durian-3d-glass-theme .form-select,
body.durian-3d-glass-theme input:not([type="checkbox"]):not([type="radio"]),
body.durian-3d-glass-theme select,
body.durian-3d-glass-theme textarea,
body.durian-3d-glass-theme .input-group-text,
body.glassy-apple-pos .form-control,
body.glassy-apple-pos .form-select,
body.glassy-apple-pos .pos-search-input,
body.glassy-apple-pos #posDiscountInput {
  background: rgba(15, 23, 42, 0.95) !important;
  border: 1px solid rgba(56, 189, 248, 0.3) !important;
  color: #ffffff !important;
  border-radius: 14px !important;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25) !important;
}

body.glassy-apple-pos .pos-catalog-header,
body.glassy-apple-pos .pos-ticket-header,
body.glassy-apple-pos .pos-ticket-footer,
body.glassy-apple-pos .pos-total-row,
body.durian-3d-glass-theme .modal-header,
body.durian-3d-glass-theme .modal-footer {
  background: rgba(26, 40, 64, 0.98) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(56, 189, 248, 0.28) !important;
  color: #ffffff !important;
  border-radius: 14px !important;
  box-shadow: 0 0 18px rgba(56, 189, 248, 0.16), 0 4px 16px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}

body.durian-3d-glass-theme .form-control:focus,
body.durian-3d-glass-theme .form-select:focus,
body.glassy-apple-pos .form-control:focus,
body.glassy-apple-pos .pos-search-input:focus {
  background: rgba(15, 23, 42, 0.95) !important;
  border-color: #38bdf8 !important;
  box-shadow: 0 0 18px rgba(56, 189, 248, 0.35) !important;
  color: #ffffff !important;
}

body.durian-3d-glass-theme ::placeholder,
body.glassy-apple-pos ::placeholder {
  color: #64748b !important;
}

/* 5. FILTER PILLS & CAPSULE BUTTONS (Deep Dark Slate Design System) */
body.durian-3d-glass-theme .quick-action-btn,
body.durian-3d-glass-theme .btn-outline-success,
body.durian-3d-glass-theme .btn-outline-secondary,
body.durian-3d-glass-theme .app-header .btn,
body.durian-3d-glass-theme .btn-header-tool,
body.glassy-apple-pos .pos-category-pill,
body.glassy-apple-pos .pos-navbar .btn {
  background: rgba(22, 33, 52, 0.9) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 9999px !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25) !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

body.durian-3d-glass-theme .quick-action-btn:hover,
body.durian-3d-glass-theme .btn-outline-success:hover,
body.durian-3d-glass-theme .app-header .btn:hover,
body.durian-3d-glass-theme .btn-header-tool:hover,
body.glassy-apple-pos .pos-category-pill:hover,
body.glassy-apple-pos .pos-navbar .btn:hover {
  background: rgba(30, 41, 59, 0.95) !important;
  border-color: rgba(255, 255, 255, 0.28) !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35) !important;
}

body.durian-3d-glass-theme .quick-action-btn.active,
body.glassy-apple-pos .pos-category-pill.active,
body.durian-3d-glass-theme #headerThemeToggle.active,
body.durian-3d-glass-theme #loginThemeToggle.active,
body.durian-3d-glass-theme #btnToggleGlassyUi.active {
  background: linear-gradient(135deg, #047857 0%, #065f46 100%) !important;
  color: #ffffff !important;
  border: 1.5px solid #34d399 !important;
  box-shadow: 0 6px 20px rgba(4, 120, 87, 0.35) !important;
  font-weight: 800 !important;
}

/* 6. HIGH-CONTRAST HEADINGS & PRIMARY TEXT (Crisp Silver-White #f1f5f9) */
body.durian-3d-glass-theme h1,
body.durian-3d-glass-theme h2,
body.durian-3d-glass-theme h3:not(.hero-banner *),
body.durian-3d-glass-theme h4,
body.durian-3d-glass-theme h5,
body.durian-3d-glass-theme h6,
body.durian-3d-glass-theme .card-title,
body.durian-3d-glass-theme .modal-title,
body.durian-3d-glass-theme .page-header-title,
body.durian-3d-glass-theme .fw-bold:not(.text-white):not(.text-success):not(.text-warning):not(.text-danger):not(.text-primary):not(.app-sidebar *):not(.hero-banner *),
body.durian-3d-glass-theme label:not(#loginView *):not(#harvestLoginCard *),
body.durian-3d-glass-theme .form-label:not(#loginView *):not(#harvestLoginCard *),
body.glassy-apple-pos .pos-product-title,
body.glassy-apple-pos .pos-item-title,
body.glassy-apple-pos .pos-navbar h6,
body.glassy-apple-pos .pos-navbar .fw-bold,
body.glassy-apple-pos .pos-brand span,
body.glassy-apple-pos .pos-brand .pos-brand-title,
body.glassy-apple-pos label {
  color: #f1f5f9 !important;
  font-weight: 750 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) !important;
  letter-spacing: -0.012em !important;
}

/* SIDEBAR BRAND, HERO BANNER & DARK HEADER FARM TITLES (ALWAYS PURE HIGH-CONTRAST WHITE) */
.app-sidebar .sidebar-brand,
.app-sidebar .sidebar-brand span,
.app-sidebar .sidebar-brand .farm-name,
body.durian-3d-glass-theme .app-sidebar .sidebar-brand,
body.durian-3d-glass-theme .app-sidebar .sidebar-brand span,
body.durian-3d-glass-theme .app-sidebar .sidebar-brand .farm-name,
body.durian-3d-glass-theme .hero-banner h3,
.hero-banner h3,
.hero-banner .farm-name {
  color: #ffffff !important;
  font-weight: 700 !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6) !important;
}

/* EXCLUSIVELY RIEL (KHR) CURRENCY ENFORCEMENT */
.pos-price-usd,
.sub-price-usd,
#posGrandTotalUsd,
#cashDueUsd,
#cashChangeUsd,
#parkModalTotalUsd,
#posExchangeRateDisplay {
  display: none !important;
}

body.durian-3d-glass-theme .text-muted,
body.durian-3d-glass-theme small.text-muted,
body.durian-3d-glass-theme span.text-muted,
body.glassy-apple-pos .text-muted {
  color: #94a3b8 !important;
  font-weight: 550 !important;
  text-shadow: none !important;
}

/* 7. LUMINOUS VIBRANT METRICS FOR DARK SLATE */
body.durian-3d-glass-theme #kpiTotalTrees {
  color: #34d399 !important;
  font-size: 2.2rem !important;
  font-weight: 850 !important;
  text-shadow: 0 0 16px rgba(52, 211, 153, 0.35) !important;
}

body.durian-3d-glass-theme #kpiTotalLogs {
  color: #38bdf8 !important;
  font-size: 2.2rem !important;
  font-weight: 850 !important;
  text-shadow: 0 0 16px rgba(56, 189, 248, 0.35) !important;
}

body.durian-3d-glass-theme #kpiActiveWorkers {
  color: #c084fc !important;
  font-size: 2.2rem !important;
  font-weight: 850 !important;
  text-shadow: 0 0 16px rgba(192, 132, 252, 0.35) !important;
}

body.durian-3d-glass-theme #kpiUnpaidLoans {
  color: #fbbf24 !important;
  font-size: 1.95rem !important;
  font-weight: 850 !important;
  text-shadow: 0 0 16px rgba(251, 191, 36, 0.35) !important;
}

body.durian-3d-glass-theme #kpiTotalSalary {
  color: #34d399 !important;
  font-size: 1.95rem !important;
  font-weight: 850 !important;
  text-shadow: 0 0 16px rgba(52, 211, 153, 0.35) !important;
}

body.durian-3d-glass-theme #kpiTotalExpense {
  color: #f87171 !important;
  font-size: 1.95rem !important;
  font-weight: 850 !important;
  text-shadow: 0 0 16px rgba(248, 113, 113, 0.35) !important;
}
body.glassy-apple-pos .pos-price-khr,
body.glassy-apple-pos .pos-grand-total-khr,
body.glassy-apple-pos .pos-ticket-item .text-end .fw-bold.text-success,
body.glassy-apple-pos .pos-ticket-item .text-end .fs-6,
body.glassy-apple-pos #posLiveTime,
body.glassy-apple-pos #posCashierName {
  color: #047857 !important;
  font-weight: 850 !important;
  text-shadow: none !important;
}

body.durian-3d-glass-theme .text-warning,
body.durian-3d-glass-theme .fw-bold.text-warning {
  color: #fbbf24 !important;
  font-weight: 850 !important;
  text-shadow: 0 0 16px rgba(251, 191, 36, 0.4) !important;
}

body.durian-3d-glass-theme .text-success,
body.durian-3d-glass-theme .fw-bold.text-success {
  color: #34d399 !important;
  font-weight: 850 !important;
  text-shadow: 0 0 16px rgba(52, 211, 153, 0.4) !important;
}

body.glassy-apple-pos .pos-price-usd,
body.glassy-apple-pos .pos-grand-total-usd,
body.glassy-apple-pos .pos-ticket-item .text-end .text-muted,
body.glassy-apple-pos #floatCartTotal,
body.glassy-apple-pos #btnHeldOrders {
  color: #fbbf24 !important;
  font-weight: 850 !important;
  text-shadow: none !important;
}

/* Crisp Glass Badges */
body.durian-3d-glass-theme .badge,
body.glassy-apple-pos .badge,
body.glassy-apple-pos .pos-product-variety-badge {
  background: #047857 !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.8) !important;
  font-weight: 750 !important;
  border-radius: 9999px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
  text-shadow: none !important;
}

/* 8. APP HEADER & HERO BANNER (Dark Slate Frosted Spatial Panes) */
body.durian-3d-glass-theme .app-header,
body.glassy-apple-pos .pos-navbar {
  background: rgba(18, 26, 40, 0.92) !important;
  backdrop-filter: blur(20px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.25) !important;
  position: relative !important;
  z-index: 10 !important;
}

body.durian-3d-glass-theme .app-header .farm-brand-name {
  color: #ffffff !important;
  font-weight: 800 !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7) !important;
}

body.durian-3d-glass-theme .app-header #pageHeaderTitle,
body.durian-3d-glass-theme .app-header .page-header-title {
  color: #cbd5e1 !important;
  font-weight: 600 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
}

body.durian-3d-glass-theme .app-header .btn-header-tool {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
}

body.durian-3d-glass-theme .app-header .btn-header-tool:hover {
  background: rgba(255, 255, 255, 0.18) !important;
  border-color: rgba(255, 255, 255, 0.35) !important;
  color: #ffffff !important;
}

@media (max-width: 991.98px) {
  body.durian-3d-glass-theme .app-header {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 8px !important;
    padding: max(10px, env(safe-area-inset-top, 14px)) 12px 10px 12px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  body.durian-3d-glass-theme .header-nav-group {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    min-width: 0 !important;
  }
  body.durian-3d-glass-theme .header-brand-wrap {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-width: 0 !important;
  }
  body.durian-3d-glass-theme .header-farm-logo {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    flex-shrink: 0 !important;
  }
  body.durian-3d-glass-theme .header-title-block {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }
  body.durian-3d-glass-theme .header-utility-group {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 6px !important;
    padding-top: 6px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }
  body.durian-3d-glass-theme .header-utility-group .btn-header-tool {
    flex: 1 1 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 36px !important;
    padding: 4px 6px !important;
    font-size: 0.8rem !important;
    border-radius: 10px !important;
  }
}

@media (min-width: 992px) {
  body.durian-3d-glass-theme .app-header {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    padding: 10px 24px !important;
  }
  body.durian-3d-glass-theme .header-nav-group {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }
  body.durian-3d-glass-theme .header-utility-group {
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    border-top: none !important;
    padding-top: 0 !important;
    width: auto !important;
  }
}

body.durian-3d-glass-theme .hero-banner {
  background: rgba(22, 33, 50, 0.88) !important;
  backdrop-filter: blur(24px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 20px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3) !important;
  color: #f1f5f9 !important;
}

body.durian-3d-glass-theme .hero-banner .farm-brand-name {
  color: #ffffff !important;
  font-weight: 800 !important;
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.7) !important;
}

body.durian-3d-glass-theme .hero-banner .quick-action-btn {
  background: rgba(255, 255, 255, 0.08) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 12px !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
}

body.durian-3d-glass-theme .hero-banner .quick-action-btn:hover {
  background: rgba(255, 255, 255, 0.18) !important;
  border-color: rgba(255, 255, 255, 0.4) !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
}

/* Recent Care Logs Card & Feed Items (High-Contrast White & Slate) */
.recent-care-card,
body.durian-3d-glass-theme .recent-care-card {
  background: rgba(22, 33, 50, 0.88) !important;
  backdrop-filter: blur(24px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 20px !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.28) !important;
  color: #f1f5f9 !important;
}

.recent-care-card h6,
body.durian-3d-glass-theme .recent-care-card h6 {
  color: #ffffff !important;
  font-weight: 800 !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6) !important;
}

body.durian-3d-glass-theme .recent-care-card .item-card {
  background: rgba(28, 41, 62, 0.85) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #f1f5f9 !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2) !important;
}

body.durian-3d-glass-theme .recent-care-card .item-card strong,
body.durian-3d-glass-theme .recent-care-card .item-card .text-dark {
  color: #ffffff !important;
  font-weight: 700 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
}

body.durian-3d-glass-theme .recent-care-card .item-card .text-muted {
  color: #cbd5e1 !important;
  font-weight: 550 !important;
}

body.durian-3d-glass-theme .recent-care-card .item-card .bg-light {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #f1f5f9 !important;
}

body.durian-3d-glass-theme .recent-care-card .item-card .bg-white {
  background: rgba(255, 255, 255, 0.14) !important;
  color: #ffffff !important;
}

/* 9. MODALS & DIALOGS (Deep Dark Slate Frosted Glass) */
.modal-content,
body.durian-3d-glass-theme .modal-content,
body.glassy-apple-pos .modal-content {
  background: rgba(22, 33, 52, 0.98) !important;
  backdrop-filter: blur(24px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 20px !important;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.5) !important;
  color: #f1f5f9 !important;
}

.modal-header,
.modal-footer,
body.durian-3d-glass-theme .modal-header,
body.durian-3d-glass-theme .modal-footer,
body.glassy-apple-pos .modal-header,
body.glassy-apple-pos .modal-footer {
  background: rgba(18, 26, 40, 0.98) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
}

.modal-body,
body.durian-3d-glass-theme .modal-body,
body.glassy-apple-pos .modal-body {
  background: rgba(22, 33, 52, 0.98) !important;
  color: #f1f5f9 !important;
}

.modal-title,
.modal h4, .modal h5, .modal h6,
body.durian-3d-glass-theme .modal-title,
body.glassy-apple-pos .modal-title {
  color: #ffffff !important;
  font-weight: 800 !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7) !important;
}

.modal label,
body.durian-3d-glass-theme .modal label,
body.glassy-apple-pos .modal label {
  color: #cbd5e1 !important;
  font-weight: 600 !important;
}

.modal .text-muted,
body.durian-3d-glass-theme .modal .text-muted,
body.glassy-apple-pos .modal .text-muted {
  color: #94a3b8 !important;
}

.modal-backdrop,
body.durian-3d-glass-theme .modal-backdrop,
body.glassy-apple-pos .modal-backdrop {
  background-color: rgba(11, 19, 32, 0.7) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}

/* 10. TABLES & DATA LISTS (High-Contrast White & Light Slate Rows) */
body.durian-3d-glass-theme .table,
body.glassy-apple-pos .table {
  color: #f1f5f9 !important;
  --bs-table-bg: transparent !important;
  --bs-table-hover-bg: rgba(255, 255, 255, 0.05) !important;
}

body.durian-3d-glass-theme .table th,
body.glassy-apple-pos .table th {
  background: rgba(15, 23, 42, 0.75) !important;
  color: #ffffff !important;
  border-bottom: 2px solid rgba(255, 255, 255, 0.18) !important;
  font-weight: 700 !important;
  font-size: 0.85rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
}

body.durian-3d-glass-theme .table td,
body.glassy-apple-pos .table td {
  background: transparent !important;
  color: #cbd5e1 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  font-weight: 550 !important;
  text-shadow: none !important;
}

body.durian-3d-glass-theme .table tbody tr:hover td,
body.glassy-apple-pos .table tbody tr:hover td {
  background: rgba(255, 255, 255, 0.06) !important;
  color: #ffffff !important;
}

body.durian-3d-glass-theme .table .text-dark,
body.durian-3d-glass-theme .table strong {
  color: #ffffff !important;
}

body.durian-3d-glass-theme .table .text-muted {
  color: #cbd5e1 !important;
}

/* 11. SIDEBAR (V18 Dark Obsidian Glass Pane) */
body.durian-3d-glass-theme .app-sidebar,
body.durian-3d-glass-theme .sidebar {
  background: rgba(10, 16, 26, 0.92) !important;
  backdrop-filter: blur(30px) saturate(190%) !important;
  -webkit-backdrop-filter: blur(30px) saturate(190%) !important;
  border-right: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 10px 0 35px rgba(0, 0, 0, 0.35) !important;
}

body.durian-3d-glass-theme .app-sidebar .sidebar-brand,
body.durian-3d-glass-theme .app-sidebar .sidebar-brand span,
body.durian-3d-glass-theme .app-sidebar .sidebar-brand div {
  color: #ffffff !important;
  font-weight: 700 !important;
}

body.durian-3d-glass-theme .app-sidebar .sidebar-item {
  color: rgba(255, 255, 255, 0.72) !important;
  border-radius: 12px !important;
  margin: 2px 8px !important;
  padding: 10px 14px !important;
  transition: all 0.2s ease !important;
}

body.durian-3d-glass-theme .app-sidebar .sidebar-item:hover {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.06) !important;
}

body.durian-3d-glass-theme .app-sidebar .sidebar-item.active {
  background: rgba(255, 255, 255, 0.12) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25) !important;
  border-left: 1px solid rgba(255, 255, 255, 0.18) !important;
}

/* 12. PERFECTLY CENTERED AND BALANCED MOBILE WORKER SCAN LAYOUT */
#mobileWorkerScanView,
.worker-scan-container {
  min-height: 100vh !important;
  min-height: 100dvh !important;
  padding: 24px 16px !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  background: transparent !important;
}

#mobileWorkerScanView.d-none,
#mobileWorkerScanView[style*="display: none"],
#mobileWorkerScanView[style*="display:none"] {
  display: none !important;
}

html.is-tree-scan #mobileWorkerScanView {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
}

.harvest-scan-view,
#mobileWorkerScanView .worker-scan-container,
#mobileWorkerScanView > div {
  max-width: 480px !important;
  width: 100% !important;
  margin: 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 16px !important;
}

#mobileWorkerScanView .card,
#mobileWorkerScanView .mws-top-bar {
  max-width: 480px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 0 !important;
}

/* 13. SPATIAL LAYOUT, HARMONIOUS SPACING (24px PADDING, 18px GAPS) & PROFESSIONAL BUTTONS */
body.durian-3d-glass-theme .p-3.p-md-4,
body.durian-3d-glass-theme .app-main > .flex-grow-1 {
  padding: 24px !important;
}

body.durian-3d-glass-theme .row.g-3,
body.durian-3d-glass-theme .g-3 {
  --bs-gutter-x: 18px !important;
  --bs-gutter-y: 18px !important;
}

/* Quick Action & Primary Action Buttons (Striking Emerald Gradient & Smooth Elevation) */
.quick-action-btn,
body.durian-3d-glass-theme .quick-action-btn,
body.durian-3d-glass-theme .btn-primary,
body.durian-3d-glass-theme .btn-success,
body.glassy-apple-pos .btn-success {
  padding: 12px 20px !important;
  border-radius: 14px !important;
  font-weight: 700 !important;
  font-size: 0.92rem !important;
  transition: transform 0.22s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.22s ease, background 0.22s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 46px !important;
}

body.durian-3d-glass-theme .quick-action-btn:hover,
body.durian-3d-glass-theme .btn-primary:hover,
body.durian-3d-glass-theme .btn-success:hover,
body.glassy-apple-pos .btn-success:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(4, 120, 87, 0.22) !important;
}

body.durian-3d-glass-theme .quick-action-btn:active,
body.durian-3d-glass-theme .btn-primary:active,
body.durian-3d-glass-theme .btn-success:active {
  transform: scale(0.98) !important;
}

/* Secondary Buttons (Deep Dark Slate Design System) */
body.durian-3d-glass-theme .btn-light,
body.durian-3d-glass-theme .btn-outline-secondary,
body.durian-3d-glass-theme .btn-outline-light,
body.glassy-apple-pos .btn-light,
body.glassy-apple-pos .btn-outline-secondary {
  background: rgba(22, 33, 52, 0.9) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  border-radius: 14px !important;
  transition: all 0.2s ease !important;
}

body.durian-3d-glass-theme .btn-light:hover,
body.durian-3d-glass-theme .btn-outline-secondary:hover {
  background: rgba(30, 41, 59, 0.95) !important;
  border-color: rgba(255, 255, 255, 0.25) !important;
  color: #ffffff !important;
  transform: translateY(-1.5px) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25) !important;
}

/* 14. INTERACTIVE DESK LAMP & PULL-STRING LOGIN ANIMATION (Code with Bhurtel / Glassy V18) */
.durian-lamp-login-wrap,
.durian-harvest-login-wrap {
  position: relative !important;
  background: radial-gradient(circle at 40% 35%, #24211e 0%, #181614 50%, #0d0c0b 100%) !important;
  min-height: 100vh !important;
  min-height: 100dvh !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: background 0.7s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* When Lamp is ON, ambient room lighting warms up with radiant glow */
.durian-lamp-login-wrap.lamp-is-on,
.durian-harvest-login-wrap.lamp-is-on {
  background: 
    radial-gradient(circle at 40% 30%, rgba(251, 191, 36, 0.20) 0%, transparent 60%),
    radial-gradient(circle at 40% 30%, #352c22 0%, #1c1814 50%, #0d0c0b 100%) !important;
}

/* Volumetric Spotlight Beam Originating from Lamp Head onto Login Card */
.lamp-spotlight-beam,
.durian-spotlight-beam {
  position: absolute;
  top: 50%;
  left: 28%;
  transform: translateY(-58%) rotate(-5deg);
  width: 650px;
  height: 620px;
  clip-path: polygon(0 40%, 100% 0%, 100% 100%, 0 60%);
  background: linear-gradient(95deg, rgba(254, 240, 138, 0.45) 0%, rgba(251, 191, 36, 0.24) 35%, rgba(245, 158, 11, 0.08) 75%, transparent 100%);
  pointer-events: none;
  opacity: 0;
  filter: blur(16px);
  transition: opacity 0.45s cubic-bezier(0.16, 1, 0.3, 1), transform 0.5s ease;
  z-index: 2;
}

@media (max-width: 768px) {
  #loginView,
  .durian-lamp-login-wrap,
  .durian-harvest-login-wrap {
    align-items: flex-start !important;
    justify-content: flex-start !important;
    padding: max(20px, env(safe-area-inset-top, 24px)) 12px max(40px, env(safe-area-inset-bottom, 36px)) 12px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    height: 100% !important;
    min-height: 100vh !important;
    min-height: 100dvh !important;
  }

  #loginView .container-fluid,
  .durian-lamp-login-wrap .container-fluid,
  .login-container {
    min-height: auto !important;
    height: auto !important;
    padding: 4px 0 20px 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
  }

  #loginView .row,
  .durian-lamp-login-wrap .row,
  .login-row {
    row-gap: 12px !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: 440px !important;
    margin: 0 auto !important;
  }

  .lamp-stage-wrapper,
  #loginView .col-md-5,
  .durian-lamp-login-wrap .col-md-5 {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    padding: 4px 0 0 0 !important;
    margin: 0 auto !important;
    order: 1 !important;
    position: relative !important;
    z-index: 10 !important;
  }

  .interactive-lamp-stage {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto !important;
    position: relative !important;
    z-index: 10 !important;
  }

  .interactive-lamp-svg {
    width: 150px !important;
    height: 200px !important;
    max-width: 80vw !important;
    display: block !important;
    margin: 0 auto !important;
    overflow: visible !important;
  }

  .lamp-pull-hint-pill {
    padding: 6px 14px !important;
    font-size: 0.78rem !important;
    margin-top: 6px !important;
    margin-bottom: 2px !important;
    white-space: nowrap !important;
    z-index: 12 !important;
  }

  .lamp-spotlight-beam,
  .durian-spotlight-beam {
    top: 20px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 340px !important;
    max-width: 90vw !important;
    height: 640px !important;
    clip-path: polygon(36% 0%, 64% 0%, 100% 100%, 0% 100%) !important;
    background: radial-gradient(ellipse at 50% 0%, rgba(254, 240, 138, 0.45) 0%, rgba(251, 191, 36, 0.22) 40%, rgba(245, 158, 11, 0.06) 75%, transparent 100%) !important;
    filter: blur(14px) !important;
    pointer-events: none !important;
    z-index: 2 !important;
  }

  .durian-lamp-login-wrap.lamp-is-on .lamp-spotlight-beam,
  .lamp-spotlight-beam.illuminated,
  .durian-spotlight-beam.illuminated {
    transform: translateX(-50%) scale(1.02) !important;
  }

  #loginView .col-md-7,
  .durian-lamp-login-wrap .col-md-7 {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 auto !important;
    order: 2 !important;
  }

  .glassy-v18-login-card,
  .durian-harvest-glass-card {
    max-width: 400px !important;
    width: 100% !important;
    padding: 24px 20px !important;
    margin: 0 auto !important;
    position: relative !important;
    z-index: 10 !important;
  }

  .glassy-v18-login-card #loginLogoImg {
    width: 68px !important;
    height: 68px !important;
  }

  .glassy-v18-login-card h3.farm-brand-name {
    font-size: 1.18rem !important;
  }
}

.durian-lamp-login-wrap.lamp-is-on .lamp-spotlight-beam,
.lamp-spotlight-beam.illuminated,
.durian-spotlight-beam.illuminated {
  opacity: 1 !important;
  transform: translateY(-58%) rotate(-5deg) scale(1.02);
}

@media (max-width: 768px) {
  .durian-lamp-login-wrap.lamp-is-on .lamp-spotlight-beam,
  .lamp-spotlight-beam.illuminated,
  .durian-spotlight-beam.illuminated {
    transform: translateX(-50%) scale(1.02) !important;
  }
}

/* Interactive Desk Lamp Stage */
.interactive-lamp-stage,
.durian-tree-interactive-stage {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
}

.interactive-lamp-svg,
.durian-harvest-svg {
  filter: drop-shadow(0 15px 30px rgba(0, 0, 0, 0.6));
  overflow: visible;
}

/* Lamp Bulb and Inner Glow Toggle */
.lamp-light-element {
  transition: all 0.35s ease;
}

#lampBulbOrb {
  transition: opacity 0.3s ease, fill 0.3s ease, filter 0.3s ease;
  opacity: 0.1 !important;
  fill: #44403c !important;
}

#lampInnerGlow {
  transition: opacity 0.3s ease;
  opacity: 0.1 !important;
}

.durian-lamp-login-wrap.lamp-is-on #lampBulbOrb {
  opacity: 1 !important;
  fill: #fffbeb !important;
  filter: drop-shadow(0 0 25px rgba(254, 240, 138, 0.95)) drop-shadow(0 0 50px rgba(251, 191, 36, 0.8)) !important;
}

.durian-lamp-login-wrap.lamp-is-on #lampInnerGlow {
  opacity: 0.9 !important;
}

/* Lamp Pull String Interactive Group */
.lamp-pull-group,
#lampPullStringGroup,
#lampPullHitbox {
  cursor: grab !important;
  touch-action: none !important;
  -webkit-touch-callout: none !important;
  -webkit-user-select: none !important;
  user-select: none !important;
  -webkit-tap-highlight-color: transparent !important;
}

.lamp-pull-group:active,
.lamp-pull-group.is-pulling {
  cursor: grabbing !important;
}

.lamp-pull-group:hover #lampBeadCircle,
.lamp-pull-group.is-pulling #lampBeadCircle {
  filter: drop-shadow(0 0 14px rgba(251, 191, 36, 0.95)) !important;
}

#lampBeadHalo {
  transition: r 0.2s ease, opacity 0.2s ease;
}

.lamp-pull-group:hover #lampBeadHalo,
.lamp-pull-group.is-pulling #lampBeadHalo {
  r: 18 !important;
  opacity: 0.45 !important;
}

/* Interactive Hint Pill */
.lamp-pull-hint-pill,
.durian-harvest-hint-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(24, 24, 27, 0.85);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(251, 191, 36, 0.45);
  color: #fef08a;
  padding: 8px 18px;
  border-radius: 999px;
  font-size: 0.84rem;
  font-weight: 600;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.15);
  margin-top: 14px;
  cursor: pointer;
  transition: all 0.28s cubic-bezier(0.16, 1, 0.3, 1);
  animation: floatLampHint 2.5s ease-in-out infinite;
}

.lamp-pull-hint-pill:hover,
.durian-harvest-hint-pill:hover {
  background: rgba(30, 41, 59, 0.95);
  border-color: #facc15;
  color: #ffffff;
  transform: translateY(-2px) scale(1.03);
  box-shadow: 0 12px 28px rgba(250, 204, 21, 0.25);
}

@keyframes floatLampHint {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-5px); }
}

.hint-pulse-dot {
  width: 8px;
  height: 8px;
  background: #facc15;
  border-radius: 50%;
  display: inline-block;
  box-shadow: 0 0 8px #facc15;
  animation: pulseDot 1.5s infinite;
}

@keyframes pulseDot {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.4); opacity: 0.6; }
}

/* Glassy Dashboard V18 Apple HIG Spatial Login Card */
.glassy-v18-login-card,
.durian-harvest-glass-card,
#harvestLoginCard {
  position: relative !important;
  z-index: 10 !important;
  background: rgba(22, 33, 52, 0.95) !important;
  backdrop-filter: blur(30px) saturate(190%) !important;
  -webkit-backdrop-filter: blur(30px) saturate(190%) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 26px !important;
  /* WHEN LAMP IS OFF: LOGIN FIELD DISAPPEARS */
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(24px) scale(0.96);
  box-shadow: 
    0 0 50px rgba(0, 0, 0, 0.5),
    0 25px 60px rgba(0, 0, 0, 0.65),
    inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
  transition: opacity 0.45s cubic-bezier(0.16, 1, 0.3, 1),
              transform 0.45s cubic-bezier(0.16, 1, 0.3, 1),
              visibility 0.45s ease,
              border-color 0.3s ease,
              box-shadow 0.3s ease,
              background 0.3s ease !important;
}

/* WHEN LAMP IS ON: LOGIN FIELD APPEARS (Radiant Illumination) */
.durian-lamp-login-wrap.lamp-is-on .glassy-v18-login-card,
.durian-lamp-login-wrap.lamp-is-on #harvestLoginCard,
.glassy-v18-login-card.illuminated,
.durian-harvest-glass-card.illuminated,
#harvestLoginCard.illuminated {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateY(0) scale(1) !important;
  background: linear-gradient(145deg, rgba(22, 33, 52, 0.95) 0%, rgba(15, 23, 42, 0.98) 100%) !important;
  border: 1px solid rgba(250, 204, 21, 0.45) !important;
  box-shadow: 
    0 0 60px rgba(250, 204, 21, 0.22),
    0 35px 70px rgba(0, 0, 0, 0.65),
    inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
}

/* Framer Motion whileHover: { y: -5 } effect */
.durian-lamp-login-wrap.lamp-is-on .glassy-v18-login-card:hover,
.glassy-v18-login-card.illuminated:hover {
  transform: translateY(-4px) scale(1) !important;
  box-shadow: 
    0 0 70px rgba(250, 204, 21, 0.3),
    0 35px 75px rgba(0, 0, 0, 0.65),
    inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
}

/* Form Fields Dormant vs Active */
.harvest-form-fields {
  transition: opacity 0.4s ease, transform 0.4s ease;
}

.harvest-form-fields.dormant {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.durian-lamp-login-wrap.lamp-is-on .harvest-form-fields,
.durian-lamp-login-wrap.lamp-is-on .harvest-form-fields.active,
.harvest-form-fields.active,
#harvestFormFields.active {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: none !important;
}

/* 15. LOGIN FORM LABELS, INPUTS & CONTROLS (CRISP HIGH CONTRAST) */
#loginView label,
#loginView .form-label,
#harvestLoginCard label,
#harvestLoginCard .form-label {
  color: #f8fafc !important;
  font-weight: 700 !important;
  font-size: 0.92rem !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7) !important;
  display: block !important;
  margin-bottom: 0.4rem !important;
}

#harvestLoginCard .form-control {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  color: #ffffff !important;
  font-size: 1rem !important;
  font-weight: 500 !important;
  border-radius: 12px !important;
}

#harvestLoginCard .form-control:focus {
  background: rgba(255, 255, 255, 0.14) !important;
  border-color: #facc15 !important;
  box-shadow: 0 0 0 3px rgba(250, 204, 21, 0.3) !important;
  color: #ffffff !important;
}

#harvestLoginCard .form-control::placeholder {
  color: rgba(255, 255, 255, 0.45) !important;
}

#harvestLoginCard .input-group-text {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  color: rgba(255, 255, 255, 0.75) !important;
  border-radius: 12px 0 0 12px !important;
}

/* Glowing Amber Button matching screenshot */
.lamp-login-submit-btn,
.durian-harvest-login-btn {
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
  border: 1px solid rgba(254, 240, 138, 0.4) !important;
  color: #0f172a !important;
  font-weight: 800 !important;
  font-size: 1.05rem !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 24px rgba(245, 158, 11, 0.35) !important;
  transition: all 0.22s ease !important;
}

.lamp-login-submit-btn:hover,
.durian-harvest-login-btn:hover {
  background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 30px rgba(245, 158, 11, 0.5) !important;
  color: #000000 !important;
}

.lamp-login-submit-btn:active,
.durian-harvest-login-btn:active {
  transform: scale(0.98) !important;
}

/* "REMEMBER ME" CHECKBOX TEXT VISIBILITY */
.form-check-label[for="rememberMe"],
#loginView .form-check-label,
#harvestLoginCard .form-check-label {
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 0.88rem !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7) !important;
  opacity: 1 !important;
  letter-spacing: 0.01em !important;
  display: inline-block !important;
}

/* 16. SOLID, 100% HIGH-CONTRAST READABILITY WHEN GLASS THEME IS DISABLED (NO-GLASS MODE) */
body:not(.durian-3d-glass-theme):not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) {
  background-color: #0d1522 !important;
  background-image: none !important;
  color: #f1f5f9 !important;
}

/* ========================================================
   SOLID DARK SLATE SYSTEM (WHEN GLASS EFFECTS ARE OFF / NO-GLASS MODE)
   Consistent 100% Dark Slate Design across all modes - Zero white cards, Zero black text!
   ======================================================== */
body:not(.durian-3d-glass-theme):not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]),
html:not(.durian-3d-glass-theme):not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]),
.glass-mode-clear body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) {
  background-color: #0d1522 !important;
  color: #f1f5f9 !important;
}

body:not(.durian-3d-glass-theme):not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .card,
body:not(.durian-3d-glass-theme):not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .overview-card,
body:not(.durian-3d-glass-theme):not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .item-card,
body:not(.durian-3d-glass-theme):not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .big-card,
body:not(.durian-3d-glass-theme):not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .alert-tile,
body:not(.durian-3d-glass-theme):not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .list-toolbar-box,
body:not(.durian-3d-glass-theme):not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .recent-care-card {
  background: rgba(22, 33, 52, 0.98) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3) !important;
  border-radius: 16px !important;
  color: #ffffff !important;
}

body:not(.durian-3d-glass-theme):not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) h1,
body:not(.durian-3d-glass-theme):not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) h2,
body:not(.durian-3d-glass-theme):not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) h3,
body:not(.durian-3d-glass-theme):not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) h4,
body:not(.durian-3d-glass-theme):not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) h5,
body:not(.durian-3d-glass-theme):not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) h6,
body:not(.durian-3d-glass-theme):not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .card-title,
body:not(.durian-3d-glass-theme):not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .kpi-card-title,
body:not(.durian-3d-glass-theme):not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .fw-bold:not(.text-success):not(.text-warning):not(.text-danger):not(.text-info):not(.text-primary) {
  color: #ffffff !important;
  font-weight: 750 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
}

body:not(.durian-3d-glass-theme):not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) label:not(#loginView *),
body:not(.durian-3d-glass-theme):not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .form-label:not(#loginView *),
body:not(.durian-3d-glass-theme):not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .text-muted:not(.badge),
body:not(.durian-3d-glass-theme):not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) small.text-muted,
body:not(.durian-3d-glass-theme):not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) span.text-muted,
body:not(.durian-3d-glass-theme):not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .kpi-card-sub {
  color: #cbd5e1 !important;
  font-weight: 600 !important;
  opacity: 1 !important;
}

body:not(.durian-3d-glass-theme):not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .text-success,
body:not(.durian-3d-glass-theme):not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) #kpiTotalTrees,
body:not(.durian-3d-glass-theme):not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) #kpiTotalSalary {
  color: #34d399 !important;
  font-weight: 850 !important;
}

body:not(.durian-3d-glass-theme):not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) #kpiTotalLogs {
  color: #38bdf8 !important;
  font-weight: 850 !important;
}

body:not(.durian-3d-glass-theme):not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) #kpiActiveWorkers {
  color: #c084fc !important;
  font-weight: 850 !important;
}

body:not(.durian-3d-glass-theme):not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) #kpiUnpaidLoans,
body:not(.durian-3d-glass-theme):not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) #kpiTotalExpense {
  color: #fbbf24 !important;
  font-weight: 850 !important;
}

body:not(.durian-3d-glass-theme):not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .table {
  background: rgba(22, 33, 52, 0.98) !important;
  color: #f1f5f9 !important;
}

body:not(.durian-3d-glass-theme):not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .table th {
  background: rgba(15, 23, 42, 0.9) !important;
  color: #ffffff !important;
  border-bottom: 2px solid rgba(255, 255, 255, 0.12) !important;
  font-weight: 700 !important;
}

body:not(.durian-3d-glass-theme):not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .table td {
  background: transparent !important;
  color: #f1f5f9 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

body:not(.durian-3d-glass-theme):not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .modal-content {
  background: #162134 !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5) !important;
  color: #ffffff !important;
}

body:not(.durian-3d-glass-theme):not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .app-header {
  background: #0d1522 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* 17. DASHBOARD TOOLBAR CONTROLS & V18 ANALYTICS TOGGLE */
#btnToggleV18Analytics {
  background: rgba(56, 189, 248, 0.12) !important;
  border: 1px solid rgba(56, 189, 248, 0.4) !important;
  color: #38bdf8 !important;
  font-weight: 700 !important;
  padding: 6px 14px !important;
  border-radius: 9999px !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  transition: all 0.2s ease !important;
}

#btnToggleV18Analytics:hover {
  background: rgba(56, 189, 248, 0.25) !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
}

#btnToggleV18Analytics.active {
  background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%) !important;
  border-color: rgba(56, 189, 248, 0.6) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(2, 132, 199, 0.35) !important;
}

body.durian-3d-glass-theme #dashExportMonth {
  background: rgba(25, 36, 54, 0.85) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  color: #f1f5f9 !important;
  border-radius: 9999px !important;
  padding: 6px 14px !important;
}

/* ========================================================
   ULTIMATE OVERVIEW & DASHBOARD CARD TEXT READABILITY (HIGHEST CASCADE - DARK MODE ONLY)
   ======================================================== */
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .overview-card span,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .overview-card span.fw-bold,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .overview-card span.text-muted,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .overview-card span.text-white,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .overview-card .card-title,
html.durian-3d-glass-theme .overview-card span,
body.durian-3d-glass-theme .overview-card span,
body.theme-dark .overview-card span,
[data-theme="dark"] .overview-card span,
body:not(.durian-3d-glass-theme):not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .overview-card span,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) #section_Dashboard .overview-card span {
  color: #ffffff !important;
  font-size: 0.95rem !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7) !important;
  opacity: 1 !important;
  display: inline-block !important;
}

body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .overview-card small,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .overview-card small.text-muted,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .overview-card small span,
html.durian-3d-glass-theme .overview-card small,
body.durian-3d-glass-theme .overview-card small,
body.theme-dark .overview-card small,
[data-theme="dark"] .overview-card small,
body:not(.durian-3d-glass-theme):not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .overview-card small,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) #section_Dashboard .overview-card small {
  color: #cbd5e1 !important;
  font-size: 0.86rem !important;
  font-weight: 600 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
  opacity: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
}

.overview-card h3,
html .overview-card h3,
body .overview-card h3 {
  font-weight: 850 !important;
}

/* ========================================================
   MASTER UNIVERSAL DARK-SLATE DESIGN SYSTEM (100% UNIFORMITY)
   ======================================================== */
:root {
  --farm-card-bg: rgba(22, 33, 52, 0.95);
  --farm-border: rgba(255, 255, 255, 0.08);
}

/* 1. All Cards, Boxes, Containers, Modals & List Items (Universal Dark Slate + Radiant Glow System) */
body:not(.light-mode):not(.light):not(.theme-light) .card,
body:not(.light-mode):not(.light):not(.theme-light) .overview-card,
body:not(.light-mode):not(.light):not(.theme-light) .recent-care-card,
body:not(.light-mode):not(.light):not(.theme-light) .v18-widget-card,
body:not(.light-mode):not(.light):not(.theme-light) .item-card,
body:not(.light-mode):not(.light):not(.theme-light) .big-card,
body:not(.light-mode):not(.light):not(.theme-light) .alert-tile,
body:not(.light-mode):not(.light):not(.theme-light) .list-toolbar-box,
body:not(.light-mode):not(.light):not(.theme-light) .modal-content,
body:not(.light-mode):not(.light):not(.theme-light) .pos-product-card,
body:not(.light-mode):not(.light):not(.theme-light) .held-order-card,
body:not(.light-mode):not(.light):not(.theme-light) .pos-ticket-pane,
body:not(.light-mode):not(.light):not(.theme-light) .stock-category-card,
body:not(.light-mode):not(.light):not(.theme-light) .stock-category-header,
body:not(.light-mode):not(.light):not(.theme-light) .stock-group-body,
body:not(.light-mode):not(.light):not(.theme-light) .variety-header-card,
body:not(.light-mode):not(.light):not(.theme-light) .month-bar,
body:not(.light-mode):not(.light):not(.theme-light) .stock-alert-item,
body:not(.light-mode):not(.light):not(.theme-light) #section_Dashboard .card,
body:not(.light-mode):not(.light):not(.theme-light) #section_Harvest .card,
body:not(.light-mode):not(.light):not(.theme-light) #section_ListView .card,
body:not(.light-mode):not(.light):not(.theme-light) #section_Trees .card,
body:not(.light-mode):not(.light):not(.theme-light) #section_Logs .card,
body:not(.light-mode):not(.light):not(.theme-light) #section_Workers .card,
body:not(.light-mode):not(.light):not(.theme-light) #section_Loans .card,
body:not(.light-mode):not(.light):not(.theme-light) #section_Salary .card,
body:not(.light-mode):not(.light):not(.theme-light) #section_Expenses .card,
body:not(.light-mode):not(.light):not(.theme-light) #section_SprayTable .card,
body:not(.light-mode):not(.light):not(.theme-light) #section_Watering .card,
body:not(.light-mode):not(.light):not(.theme-light) #section_Alerts .card,
body:not(.light-mode):not(.light):not(.theme-light) #section_PriceBoard .card,
body:not(.light-mode):not(.light):not(.theme-light) #section_Custom .card,
body.durian-3d-glass-theme .card,
body.durian-3d-glass-theme .overview-card,
body.durian-3d-glass-theme .recent-care-card,
body.durian-3d-glass-theme .v18-widget-card,
body.durian-3d-glass-theme .item-card,
body.durian-3d-glass-theme .big-card,
body.durian-3d-glass-theme .alert-tile,
body.durian-3d-glass-theme .list-toolbar-box,
body.durian-3d-glass-theme .modal-content,
body.durian-3d-glass-theme .stock-category-card,
body.durian-3d-glass-theme .stock-category-header,
body.durian-3d-glass-theme .stock-group-body,
body.glassy-apple-pos .card,
body.glassy-apple-pos .pos-product-card,
body.glassy-apple-pos .held-order-card,
body.glassy-apple-pos .pos-ticket-pane,
body.glassy-apple-pos .modal-content {
  background: rgba(22, 33, 52, 0.95) !important;
  backdrop-filter: blur(20px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
  border: 1px solid rgba(56, 189, 248, 0.28) !important;
  border-radius: 20px !important;
  box-shadow: 0 0 20px rgba(56, 189, 248, 0.16), 0 10px 28px rgba(0, 0, 0, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  color: #f1f5f9 !important;
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* Card Hover Luminous Pop Effect */
.card:hover:not(.hero-banner),
.overview-card:hover,
.item-card:hover,
.big-card:hover,
.v18-widget-card:hover,
.stock-category-card:hover,
.pos-product-card:hover {
  border-color: rgba(56, 189, 248, 0.55) !important;
  box-shadow: 0 0 28px rgba(56, 189, 248, 0.3), 0 14px 34px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}

/* Specific Stock Category Accordion Header Glow */
body:not(.light-mode):not(.light):not(.theme-light) .stock-category-header,
body.durian-3d-glass-theme .stock-category-header {
  background: rgba(26, 40, 64, 0.98) !important;
  border-bottom: 1px solid rgba(56, 189, 248, 0.2) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
  color: #ffffff !important;
}

body:not(.light-mode):not(.light):not(.theme-light) .stock-category-header:hover,
body.durian-3d-glass-theme .stock-category-header:hover {
  background: rgba(33, 52, 82, 0.98) !important;
  box-shadow: inset 0 0 16px rgba(56, 189, 248, 0.2) !important;
}

body:not(.light-mode):not(.light):not(.theme-light) .stock-category-header span,
body:not(.light-mode):not(.light):not(.theme-light) .stock-category-header .fw-bold,
body.durian-3d-glass-theme .stock-category-header span,
body.durian-3d-glass-theme .stock-category-header .fw-bold {
  color: #ffffff !important;
  font-weight: 800 !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7) !important;
}

/* Purge stray light backgrounds in Dark Mode */
body:not(.light-mode):not(.light):not(.theme-light) .bg-white:not(.qr-code-img):not(img):not(canvas):not(.toast):not(.khqr-canvas-wrap *):not(#singleTreeQrCard *):not(.print-only *),
body:not(.light-mode):not(.light):not(.theme-light) .bg-light:not(.qr-code-img):not(img):not(canvas):not(.toast):not(.khqr-canvas-wrap *):not(#singleTreeQrCard *):not(.print-only *) {
  background-color: rgba(22, 33, 52, 0.95) !important;
  color: #f1f5f9 !important;
}

/* 2. High-Contrast Typography & Headers (Crisp Bright White - DARK MODE ONLY) */
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .overview-card span,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .overview-card span.fw-bold,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .overview-card span.text-white,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .overview-card .card-title,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .overview-card .kpi-card-title,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .kpi-card-title,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .card h1,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .card h2,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .card h3,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .card h4,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .card h5,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .card h6,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .modal-title,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .modal h1,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .modal h2,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .modal h3,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .modal h4,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .modal h5,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .modal h6,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .card-title,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .list-toolbar-box h6,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .recent-care-card h6,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .hero-banner h3,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .farm-brand-name,
body.durian-3d-glass-theme .card h4,
body.durian-3d-glass-theme .card h5,
body.durian-3d-glass-theme .card h6,
body.durian-3d-glass-theme .card-title,
body.durian-3d-glass-theme .modal-title,
body.durian-3d-glass-theme .overview-card span,
body.durian-3d-glass-theme .overview-card .kpi-card-title,
body.durian-3d-glass-theme .kpi-card-title,
body.durian-3d-glass-theme .recent-care-card h6,
body.durian-3d-glass-theme .list-toolbar-box h6,
body.glassy-apple-pos .pos-product-title,
body.glassy-apple-pos .pos-item-title,
body.glassy-apple-pos .modal-title {
  color: #ffffff !important;
  font-weight: 800 !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7) !important;
  opacity: 1 !important;
}

/* 3. Subheadings & English Labels - DARK MODE ONLY */
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .overview-card .kpi-card-sub,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .kpi-card-sub,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .overview-card small,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .overview-card small.text-muted,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .card .text-muted,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .card small.text-muted,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .card span.text-muted,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .modal .text-muted,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .modal label,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .list-toolbar-box label,
body.durian-3d-glass-theme .overview-card .kpi-card-sub,
body.durian-3d-glass-theme .kpi-card-sub,
body.durian-3d-glass-theme .overview-card small,
body.durian-3d-glass-theme .overview-card small.text-muted,
body.durian-3d-glass-theme .card .text-muted,
body.durian-3d-glass-theme .card small.text-muted,
body.durian-3d-glass-theme .card span.text-muted,
body.durian-3d-glass-theme .modal label,
body.durian-3d-glass-theme .list-toolbar-box label,
body.glassy-apple-pos .pos-ticket-item .text-muted,
body.glassy-apple-pos .modal label {
  color: #94a3b8 !important;
  font-weight: 600 !important;
  opacity: 1 !important;
}

/* Sub-data text inside cards (e.g. tree breakdown, log breakdown) */
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) #kpiTreeBreakdown,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) #kpiTotalLogsSub,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) #kpiUnpaidLoansSub,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) #kpiTotalSalarySub,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .overview-card small {
  color: #cbd5e1 !important;
  font-weight: 600 !important;
}

/* 4. Distinct Vibrant Metric Accents - DARK MODE ONLY */
/* Emerald Green (#10b981 / #34d399): trees, salary, inventory, POS prices */
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) #kpiTotalTrees,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) #kpiTotalSalary,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .pos-product-price,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .pos-price-khr,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .pos-grand-total-khr,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .metric-emerald,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .text-success,
body.durian-3d-glass-theme #kpiTotalTrees,
body.durian-3d-glass-theme #kpiTotalSalary,
body.durian-3d-glass-theme .text-success,
body.glassy-apple-pos .pos-product-price,
body.glassy-apple-pos .pos-price-khr,
body.glassy-apple-pos .pos-grand-total-khr {
  color: #34d399 !important;
  font-weight: 850 !important;
  text-shadow: 0 0 16px rgba(52, 211, 153, 0.4) !important;
}

/* Electric Blue (#38bdf8): logs, activity metrics, harvest counts */
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) #kpiTotalLogs,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) #v18HarvestCount,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .metric-electric-blue,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .text-info,
body.durian-3d-glass-theme #kpiTotalLogs,
body.durian-3d-glass-theme #v18HarvestCount,
body.durian-3d-glass-theme .text-info {
  color: #38bdf8 !important;
  font-weight: 850 !important;
  text-shadow: 0 0 16px rgba(56, 189, 248, 0.4) !important;
}

/* Purple (#c084fc): active workers count */
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) #kpiActiveWorkers,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .metric-purple,
body.durian-3d-glass-theme #kpiActiveWorkers {
  color: #c084fc !important;
  font-weight: 850 !important;
  text-shadow: 0 0 16px rgba(192, 132, 252, 0.4) !important;
}

/* Golden Orange (#fbbf24): loans, expenses, revenue, alerts */
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) #kpiUnpaidLoans,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) #kpiTotalExpense,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) #v18RevenueAmount,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .pos-price-usd,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .metric-golden-orange,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .text-warning,
body.durian-3d-glass-theme #kpiUnpaidLoans,
body.durian-3d-glass-theme #kpiTotalExpense,
body.durian-3d-glass-theme #v18RevenueAmount,
body.durian-3d-glass-theme .text-warning {
  color: #fbbf24 !important;
  font-weight: 850 !important;
  text-shadow: 0 0 16px rgba(251, 191, 36, 0.4) !important;
}

/* 5. Form Controls & Inputs - DARK MODE ONLY */
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .form-control,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .form-select,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) #dashExportMonth,
body.durian-3d-glass-theme .form-control,
body.durian-3d-glass-theme .form-select,
body.durian-3d-glass-theme #dashExportMonth,
body.glassy-apple-pos .form-control,
body.glassy-apple-pos .form-select {
  background-color: rgba(15, 23, 42, 0.85) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  color: #ffffff !important;
  border-radius: 12px !important;
  color-scheme: dark !important;
}

/* 6. Header Buttons & Tools - DARK MODE ONLY */
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .btn-header-tool,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .app-header .btn-light,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .app-header .btn,
body.durian-3d-glass-theme .btn-header-tool,
body.durian-3d-glass-theme .app-header .btn-light,
body.durian-3d-glass-theme .app-header .btn {
  background: rgba(22, 33, 52, 0.9) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 12px !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25) !important;
}

body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .btn-header-tool:hover,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .app-header .btn-light:hover,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .app-header .btn:hover,
body.durian-3d-glass-theme .btn-header-tool:hover,
body.durian-3d-glass-theme .app-header .btn-light:hover,
body.durian-3d-glass-theme .app-header .btn:hover {
  background: rgba(30, 41, 59, 0.95) !important;
  border-color: rgba(255, 255, 255, 0.28) !important;
  color: #ffffff !important;
}

/* Sidebar Logout Button */
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .app-sidebar .btn-outline-light,
body.durian-3d-glass-theme .app-sidebar .btn-outline-light {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  color: #ffffff !important;
}
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .app-sidebar .btn-outline-light:hover,
body.durian-3d-glass-theme .app-sidebar .btn-outline-light:hover {
  background: rgba(255, 255, 255, 0.18) !important;
  color: #ffffff !important;
}

/* ========================================================
   UNIVERSAL HIGH-CONTRAST TEXT & READABILITY ENFORCEMENT - DARK MODE ONLY
   Guarantees 100% white primary text, clean light slate subtitles,
   and dark slate accordions across ALL views, cards, and modals.
   ======================================================== */
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .text-dark:not(.badge):not(#loginView *):not(#harvestLoginCard *),
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) strong.text-dark,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) b.text-dark,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) span.text-dark,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) div.text-dark,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) h1.text-dark,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) h2.text-dark,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) h3.text-dark,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) h4.text-dark,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) h5.text-dark,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) h6.text-dark,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .card .text-dark,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .item-card .text-dark,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .big-card .text-dark,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .accordion .text-dark,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .modal .text-dark,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .table .text-dark,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .pos-ticket-pane .text-dark,
body.durian-3d-glass-theme .text-dark,
body.durian-3d-glass-theme strong.text-dark,
body.durian-3d-glass-theme b.text-dark,
body.durian-3d-glass-theme span.text-dark,
body.durian-3d-glass-theme div.text-dark,
body.durian-3d-glass-theme .card .text-dark,
body.durian-3d-glass-theme .item-card .text-dark,
body.durian-3d-glass-theme .big-card .text-dark,
body.durian-3d-glass-theme .accordion .text-dark,
body.durian-3d-glass-theme .modal .text-dark,
body.durian-3d-glass-theme .table .text-dark,
body.glassy-apple-pos .text-dark {
  color: #ffffff !important;
  font-weight: 750 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) !important;
}

/* Secondary Labels & Subtitles: Clean Light Slate (#cbd5e1 - Zero Dimness) - DARK MODE ONLY */
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .text-muted:not(.badge):not(#loginView *):not(#harvestLoginCard *),
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) small.text-muted,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) span.text-muted,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) div.text-muted,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) p.text-muted,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .card .text-muted,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .item-card .text-muted,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .big-card .text-muted,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .accordion .text-muted,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .modal .text-muted,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .table .text-muted,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .pos-ticket-pane .text-muted,
body.durian-3d-glass-theme .text-muted,
body.durian-3d-glass-theme small.text-muted,
body.durian-3d-glass-theme span.text-muted,
body.durian-3d-glass-theme div.text-muted,
body.durian-3d-glass-theme p.text-muted,
body.durian-3d-glass-theme .card .text-muted,
body.durian-3d-glass-theme .item-card .text-muted,
body.durian-3d-glass-theme .big-card .text-muted,
body.durian-3d-glass-theme .accordion .text-muted,
body.durian-3d-glass-theme .modal .text-muted,
body.durian-3d-glass-theme .table .text-muted,
body.glassy-apple-pos .text-muted {
  color: #cbd5e1 !important;
  font-weight: 600 !important;
  opacity: 1 !important;
}

/* Accordion Component Styling (Low Stock Inventory & Mix Details) - DARK MODE ONLY */
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .accordion-item,
body.durian-3d-glass-theme .accordion-item {
  background: rgba(15, 23, 42, 0.75) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  margin-bottom: 10px !important;
}

body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .accordion-button,
body.durian-3d-glass-theme .accordion-button {
  background: rgba(22, 33, 52, 0.95) !important;
  color: #ffffff !important;
  font-weight: 750 !important;
  border: none !important;
  box-shadow: none !important;
}

body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .accordion-button.collapsed,
body.durian-3d-glass-theme .accordion-button.collapsed {
  background: rgba(18, 26, 40, 0.9) !important;
  color: #ffffff !important;
}

body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .accordion-button::after,
body.durian-3d-glass-theme .accordion-button::after {
  filter: invert(1) brightness(2) !important;
}

body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .accordion-body,
body.durian-3d-glass-theme .accordion-body {
  background: rgba(22, 33, 52, 0.98) !important;
  color: #f1f5f9 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* ========================================================
   LOW STOCK & WARNING STATE CARD READABILITY OVERHAUL - DARK MODE ONLY
   Strict Dark Alert Styling - Zero Pastel / Pink / Washed Backgrounds!
   ======================================================== */
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .low-stock-item,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .alert-card,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .item-card.low-stock-alert,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .bg-danger-subtle,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .bg-warning-subtle,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .alert-danger,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .alert-warning,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) div[class*="border-danger-subtle"],
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) div[class*="border-warning-subtle"],
body.durian-3d-glass-theme .low-stock-item,
body.durian-3d-glass-theme .alert-card,
body.durian-3d-glass-theme .bg-danger-subtle,
body.durian-3d-glass-theme .bg-warning-subtle {
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  border-radius: 16px !important;
  color: #ffffff !important;
}

/* Out of Stock / Danger Alert Cards */
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .low-stock-item.is-out,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .border-danger-subtle,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .bg-danger-subtle,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .alert-danger,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) div[class*="border-danger-subtle"],
body.durian-3d-glass-theme .low-stock-item.is-out,
body.durian-3d-glass-theme .border-danger-subtle,
body.durian-3d-glass-theme .bg-danger-subtle {
  background: rgba(127, 29, 29, 0.35) !important;
  border: 1px solid rgba(239, 68, 68, 0.45) !important;
  box-shadow: 0 4px 18px rgba(127, 29, 29, 0.25) !important;
  color: #ffffff !important;
}

/* Low Stock / Warning Alert Cards */
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .low-stock-item.is-low,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .border-warning-subtle,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .bg-warning-subtle,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .alert-warning,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) div[class*="border-warning-subtle"],
body.durian-3d-glass-theme .low-stock-item.is-low,
body.durian-3d-glass-theme .border-warning-subtle,
body.durian-3d-glass-theme .bg-warning-subtle {
  background: rgba(120, 53, 15, 0.35) !important;
  border: 1px solid rgba(245, 158, 11, 0.45) !important;
  box-shadow: 0 4px 18px rgba(120, 53, 15, 0.25) !important;
  color: #ffffff !important;
}

/* High-Contrast Text Inside Alert / Low Stock Cards */
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .low-stock-item *,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .alert-card *,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .border-danger-subtle *,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .border-warning-subtle *,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .bg-danger-subtle *,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .bg-warning-subtle *,
body.durian-3d-glass-theme .low-stock-item *,
body.durian-3d-glass-theme .alert-card * {
  color: #ffffff !important;
}

body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .low-stock-item.is-out .small,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .low-stock-item.is-out .text-muted,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .bg-danger-subtle .text-muted {
  color: #fca5a5 !important;
}

body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .low-stock-item.is-low .small,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .low-stock-item.is-low .text-muted,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .bg-warning-subtle .text-muted {
  color: #fde68a !important;
}




/* ==========================================================================
   MASTER DARK/LIGHT THEME SYNCHRONIZATION & UNIVERSAL RADIANT GLOWING SYSTEM
   Guarantees 100% theme consistency across all views with zero white boxes in Dark Mode!
   ========================================================================== */

/* 1. UNIVERSAL GLOWING EFFECT: DARK MODE */
[data-theme="dark"] body,
body.theme-dark,
body.durian-3d-glass-theme {
  background-color: #0d1522 !important;
  color: #f1f5f9 !important;
}

[data-theme="dark"] .card,
[data-theme="dark"] .overview-card,
[data-theme="dark"] .item-card,
[data-theme="dark"] .big-card,
[data-theme="dark"] .v18-widget-card,
[data-theme="dark"] .alert-tile,
[data-theme="dark"] .list-toolbar-box,
[data-theme="dark"] .modal-content,
[data-theme="dark"] .pos-product-card,
[data-theme="dark"] .pos-ticket-pane,
[data-theme="dark"] .held-order-card,
[data-theme="dark"] .stock-category-card,
[data-theme="dark"] .variety-header-card,
[data-theme="dark"] .variety-card,
[data-theme="dark"] .month-bar,
[data-theme="dark"] .stock-alert-item,
[data-theme="dark"] .hero-banner,
body.theme-dark .card,
body.theme-dark .overview-card,
body.theme-dark .item-card,
body.theme-dark .big-card,
body.theme-dark .v18-widget-card,
body.theme-dark .alert-tile,
body.theme-dark .list-toolbar-box,
body.theme-dark .modal-content,
body.theme-dark .pos-product-card,
body.theme-dark .pos-ticket-pane,
body.theme-dark .held-order-card,
body.theme-dark .stock-category-card,
body.theme-dark .variety-header-card,
body.theme-dark .variety-card,
body.theme-dark .month-bar,
body.theme-dark .stock-alert-item,
body.theme-dark .hero-banner {
  background: rgba(22, 33, 52, 0.95) !important;
  border: 1px solid rgba(56, 189, 248, 0.32) !important;
  border-radius: 20px !important;
  box-shadow: 0 0 20px rgba(56, 189, 248, 0.18), 0 8px 24px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  color: #f1f5f9 !important;
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* Card Hover Luminous Glow */
[data-theme="dark"] .card:hover:not(.hero-banner),
[data-theme="dark"] .overview-card:hover,
[data-theme="dark"] .item-card:hover,
[data-theme="dark"] .big-card:hover,
[data-theme="dark"] .v18-widget-card:hover,
[data-theme="dark"] .stock-category-card:hover,
[data-theme="dark"] .pos-product-card:hover,
body.theme-dark .card:hover:not(.hero-banner),
body.theme-dark .overview-card:hover,
body.theme-dark .item-card:hover,
body.theme-dark .big-card:hover,
body.theme-dark .v18-widget-card:hover,
body.theme-dark .stock-category-card:hover,
body.theme-dark .pos-product-card:hover {
  border-color: rgba(56, 189, 248, 0.6) !important;
  box-shadow: 0 0 28px rgba(56, 189, 248, 0.32), 0 12px 30px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
  transform: translateY(-2px) !important;
}

/* 2. UNIVERSAL BUTTON GLOWING: DARK MODE */
[data-theme="dark"] .btn,
[data-theme="dark"] .quick-action-btn,
[data-theme="dark"] .btn-header-tool,
[data-theme="dark"] .theme-mode-toggle-btn,
body.theme-dark .btn,
body.theme-dark .quick-action-btn,
body.theme-dark .btn-header-tool,
body.theme-dark .theme-mode-toggle-btn {
  box-shadow: 0 0 14px rgba(56, 189, 248, 0.22), 0 4px 12px rgba(0, 0, 0, 0.3) !important;
  transition: all 0.2s ease !important;
}

[data-theme="dark"] .btn:hover,
[data-theme="dark"] .quick-action-btn:hover,
[data-theme="dark"] .btn-header-tool:hover,
body.theme-dark .btn:hover,
body.theme-dark .quick-action-btn:hover,
body.theme-dark .btn-header-tool:hover {
  box-shadow: 0 0 22px rgba(56, 189, 248, 0.4), 0 6px 18px rgba(0, 0, 0, 0.4) !important;
  transform: translateY(-2px) !important;
}

[data-theme="dark"] .btn-success,
[data-theme="dark"] .btn-outline-success,
body.theme-dark .btn-success,
body.theme-dark .btn-outline-success {
  box-shadow: 0 0 18px rgba(16, 185, 129, 0.32), 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .btn-primary,
[data-theme="dark"] .btn-outline-primary,
body.theme-dark .btn-primary,
body.theme-dark .btn-outline-primary {
  box-shadow: 0 0 18px rgba(59, 130, 246, 0.32), 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .btn-warning,
[data-theme="dark"] .btn-outline-warning,
body.theme-dark .btn-warning,
body.theme-dark .btn-outline-warning {
  box-shadow: 0 0 18px rgba(245, 158, 11, 0.32), 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .btn-danger,
[data-theme="dark"] .btn-outline-danger,
body.theme-dark .btn-danger,
body.theme-dark .btn-outline-danger {
  box-shadow: 0 0 18px rgba(239, 68, 68, 0.32), 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}

/* 3. HERO BANNER QUICK ACTION BUTTONS: EXPLICIT DARK OVERRIDE */
[data-theme="dark"] .quick-action-btn,
body.theme-dark .quick-action-btn,
body.durian-3d-glass-theme .quick-action-btn,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .quick-action-btn {
  background: rgba(26, 40, 64, 0.95) !important;
  color: #ffffff !important;
  border: 1px solid rgba(56, 189, 248, 0.32) !important;
  border-radius: 12px !important;
  font-weight: 700 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6) !important;
  box-shadow: 0 0 16px rgba(56, 189, 248, 0.22), 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .quick-action-btn:hover,
body.theme-dark .quick-action-btn:hover,
body.durian-3d-glass-theme .quick-action-btn:hover,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .quick-action-btn:hover {
  background: rgba(33, 52, 82, 0.98) !important;
  border-color: rgba(56, 189, 248, 0.65) !important;
  color: #ffffff !important;
  box-shadow: 0 0 24px rgba(56, 189, 248, 0.42), 0 6px 18px rgba(0, 0, 0, 0.4) !important;
  transform: translateY(-2px) !important;
}

/* 4. ALERT TILES: EXPLICIT DARK OVERRIDE (Low Stock & Tree In Treatment) */
[data-theme="dark"] .alert-tile,
body.theme-dark .alert-tile,
body.durian-3d-glass-theme .alert-tile,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .alert-tile {
  background: rgba(22, 33, 52, 0.95) !important;
  border: 1px solid rgba(56, 189, 248, 0.3) !important;
  border-radius: 20px !important;
  color: #ffffff !important;
  box-shadow: 0 0 20px rgba(56, 189, 248, 0.16), 0 8px 24px rgba(0, 0, 0, 0.42) !important;
}

[data-theme="dark"] .alert-tile.t-orange,
body.theme-dark .alert-tile.t-orange,
body.durian-3d-glass-theme .alert-tile.t-orange,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .alert-tile.t-orange {
  background: rgba(22, 33, 52, 0.95) !important;
  border: 1px solid rgba(251, 191, 36, 0.45) !important;
  border-left: 5px solid #fbbf24 !important;
  box-shadow: 0 0 24px rgba(251, 191, 36, 0.28), 0 8px 24px rgba(0, 0, 0, 0.45) !important;
}

[data-theme="dark"] .alert-tile.t-blue,
body.theme-dark .alert-tile.t-blue,
body.durian-3d-glass-theme .alert-tile.t-blue,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .alert-tile.t-blue {
  background: rgba(22, 33, 52, 0.95) !important;
  border: 1px solid rgba(56, 189, 248, 0.45) !important;
  border-left: 5px solid #38bdf8 !important;
  box-shadow: 0 0 24px rgba(56, 189, 248, 0.28), 0 8px 24px rgba(0, 0, 0, 0.45) !important;
}

[data-theme="dark"] .alert-tile.t-red,
body.theme-dark .alert-tile.t-red,
body.durian-3d-glass-theme .alert-tile.t-red,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .alert-tile.t-red {
  background: rgba(22, 33, 52, 0.95) !important;
  border: 1px solid rgba(248, 113, 113, 0.45) !important;
  border-left: 5px solid #f87171 !important;
  box-shadow: 0 0 24px rgba(248, 113, 113, 0.28), 0 8px 24px rgba(0, 0, 0, 0.45) !important;
}

[data-theme="dark"] .alert-tile .lbl,
body.theme-dark .alert-tile .lbl,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .alert-tile .lbl {
  color: #ffffff !important;
  font-weight: 750 !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7) !important;
}

/* 5. 6 OVERVIEW METRIC CARDS: HIGH-CONTRAST TITLES & ACCENTS */
[data-theme="dark"] .overview-card .kpi-card-title,
[data-theme="dark"] .overview-card span.kpi-card-title,
[data-theme="dark"] .overview-card span:first-child,
body.theme-dark .overview-card .kpi-card-title,
body.theme-dark .overview-card span.kpi-card-title,
body.theme-dark .overview-card span:first-child,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .kpi-card-title {
  color: #ffffff !important;
  font-weight: 800 !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7) !important;
  opacity: 1 !important;
}

[data-theme="dark"] .overview-card .kpi-card-sub,
[data-theme="dark"] .overview-card span.kpi-card-sub,
body.theme-dark .overview-card .kpi-card-sub,
body.theme-dark .overview-card span.kpi-card-sub,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .kpi-card-sub {
  color: #94a3b8 !important;
  font-weight: 600 !important;
  opacity: 1 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
}

[data-theme="dark"] .overview-card small,
[data-theme="dark"] .overview-card small.text-muted,
body.theme-dark .overview-card small,
body.theme-dark .overview-card small.text-muted,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .overview-card small {
  color: #cbd5e1 !important;
  font-weight: 600 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
  opacity: 1 !important;
}

/* 6. GROUPED STOCK ACCORDION: DEEP SLATE & RADIANT GLOW */
[data-theme="dark"] .stock-quick-summary,
body.theme-dark .stock-quick-summary,
body.durian-3d-glass-theme .stock-quick-summary,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .stock-quick-summary {
  background: rgba(22, 33, 52, 0.95) !important;
  border: 1px solid rgba(56, 189, 248, 0.32) !important;
  border-radius: 14px !important;
  box-shadow: 0 0 18px rgba(56, 189, 248, 0.16), 0 6px 18px rgba(0, 0, 0, 0.35) !important;
}

[data-theme="dark"] .stock-category-card,
body.theme-dark .stock-category-card,
body.durian-3d-glass-theme .stock-category-card,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .stock-category-card {
  background: rgba(22, 33, 52, 0.95) !important;
  background-color: rgba(22, 33, 52, 0.95) !important;
  border: 1px solid rgba(56, 189, 248, 0.35) !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  box-shadow: 0 0 22px rgba(56, 189, 248, 0.22), 0 10px 28px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

[data-theme="dark"] .stock-category-card:hover,
body.theme-dark .stock-category-card:hover,
body.durian-3d-glass-theme .stock-category-card:hover,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .stock-category-card:hover {
  border-color: rgba(56, 189, 248, 0.65) !important;
  box-shadow: 0 0 30px rgba(56, 189, 248, 0.38), 0 14px 34px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}

[data-theme="dark"] .stock-category-header,
body.theme-dark .stock-category-header,
body.durian-3d-glass-theme .stock-category-header,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .stock-category-header {
  background: rgba(26, 40, 64, 0.98) !important;
  background-color: rgba(26, 40, 64, 0.98) !important;
  border-bottom: 1px solid rgba(56, 189, 248, 0.25) !important;
  color: #ffffff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 0 16px rgba(56, 189, 248, 0.12) !important;
}

[data-theme="dark"] .stock-category-header:hover,
body.theme-dark .stock-category-header:hover,
body.durian-3d-glass-theme .stock-category-header:hover,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .stock-category-header:hover {
  background: rgba(33, 52, 82, 0.98) !important;
  background-color: rgba(33, 52, 82, 0.98) !important;
  box-shadow: inset 0 0 16px rgba(56, 189, 248, 0.22) !important;
}

[data-theme="dark"] .stock-category-header span,
[data-theme="dark"] .stock-category-header .fw-bold,
[data-theme="dark"] .stock-category-title,
body.theme-dark .stock-category-header span,
body.theme-dark .stock-category-header .fw-bold,
body.theme-dark .stock-category-title,
body.durian-3d-glass-theme .stock-category-title,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .stock-category-title,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .stock-category-header span,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .stock-category-header .fw-bold {
  color: #ffffff !important;
  font-weight: 800 !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7) !important;
}

body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .btn-stock-add,
body.durian-3d-glass-theme .btn-stock-add,
[data-theme="dark"] .btn-stock-add {
  background: rgba(30, 41, 59, 0.9) !important;
  color: #34d399 !important;
  border: 1px solid rgba(52, 211, 153, 0.45) !important;
  box-shadow: 0 0 14px rgba(52, 211, 153, 0.25) !important;
  font-weight: 700 !important;
  transition: all 0.2s ease !important;
}

body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .btn-stock-add:hover,
body.durian-3d-glass-theme .btn-stock-add:hover,
[data-theme="dark"] .btn-stock-add:hover {
  background: rgba(16, 185, 129, 0.25) !important;
  border-color: rgba(52, 211, 153, 0.75) !important;
  box-shadow: 0 0 20px rgba(52, 211, 153, 0.4) !important;
  color: #ffffff !important;
}

body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .stock-badge-count,
body.durian-3d-glass-theme .stock-badge-count,
[data-theme="dark"] .stock-badge-count {
  background: rgba(56, 189, 248, 0.18) !important;
  color: #38bdf8 !important;
  border: 1px solid rgba(56, 189, 248, 0.45) !important;
  box-shadow: 0 0 10px rgba(56, 189, 248, 0.2) !important;
}

[data-theme="dark"] .stock-group-body,
body.theme-dark .stock-group-body,
body.durian-3d-glass-theme .stock-group-body,
body:not(.light-mode):not(.light):not(.theme-light):not([data-theme="light"]) .stock-group-body {
  background: rgba(18, 27, 43, 0.98) !important;
}

/* 7. APP HEADER & INPUT CONTROLS IN DARK MODE */
[data-theme="dark"] .app-header,
body.theme-dark .app-header,
body.durian-3d-glass-theme .app-header {
  background: rgba(15, 23, 42, 0.95) !important;
  border-bottom: 1px solid rgba(56, 189, 248, 0.22) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35) !important;
}

[data-theme="dark"] .form-control,
[data-theme="dark"] .input-group-text,
[data-theme="dark"] .form-select,
body.theme-dark .form-control,
body.theme-dark .input-group-text,
body.theme-dark .form-select {
  background: rgba(22, 33, 52, 0.95) !important;
  border: 1px solid rgba(56, 189, 248, 0.3) !important;
  color: #ffffff !important;
  box-shadow: 0 0 14px rgba(56, 189, 248, 0.14) !important;
}

/* Purge stray light backgrounds in Dark Mode */
[data-theme="dark"] .bg-white:not(.qr-code-img):not(img):not(canvas):not(.toast):not(.khqr-canvas-wrap *):not(#singleTreeQrCard *):not(.print-only *),
[data-theme="dark"] .bg-light:not(.qr-code-img):not(img):not(canvas):not(.toast):not(.khqr-canvas-wrap *):not(#singleTreeQrCard *):not(.print-only *),
[data-theme="dark"] .bg-body-secondary:not(.qr-code-img):not(img):not(canvas):not(.toast):not(.khqr-canvas-wrap *):not(#singleTreeQrCard *):not(.print-only *),
[data-theme="dark"] .bg-body-tertiary:not(.qr-code-img):not(img):not(canvas):not(.toast):not(.khqr-canvas-wrap *):not(#singleTreeQrCard *):not(.print-only *),
body.theme-dark .bg-white:not(.qr-code-img):not(img):not(canvas):not(.toast):not(.khqr-canvas-wrap *):not(#singleTreeQrCard *):not(.print-only *),
body.theme-dark .bg-light:not(.qr-code-img):not(img):not(canvas):not(.toast):not(.khqr-canvas-wrap *):not(#singleTreeQrCard *):not(.print-only *),
body.theme-dark .bg-body-secondary:not(.qr-code-img):not(img):not(canvas):not(.toast):not(.khqr-canvas-wrap *):not(#singleTreeQrCard *):not(.print-only *),
body.theme-dark .bg-body-tertiary:not(.qr-code-img):not(img):not(canvas):not(.toast):not(.khqr-canvas-wrap *):not(#singleTreeQrCard *):not(.print-only *),
body.dark-mode .bg-white:not(.qr-code-img):not(img):not(canvas):not(.toast):not(.khqr-canvas-wrap *):not(#singleTreeQrCard *):not(.print-only *),
body.dark-mode .bg-light:not(.qr-code-img):not(img):not(canvas):not(.toast):not(.khqr-canvas-wrap *):not(#singleTreeQrCard *):not(.print-only *),
body.durian-3d-glass-theme .bg-white:not(.qr-code-img):not(img):not(canvas):not(.toast):not(.khqr-canvas-wrap *):not(#singleTreeQrCard *):not(.print-only *),
body.durian-3d-glass-theme .bg-light:not(.qr-code-img):not(img):not(canvas):not(.toast):not(.khqr-canvas-wrap *):not(#singleTreeQrCard *):not(.print-only *),
body.glassy-apple-pos .bg-white:not(.qr-code-img):not(img):not(canvas):not(.toast):not(.khqr-canvas-wrap *):not(#singleTreeQrCard *):not(.print-only *),
body.glassy-apple-pos .bg-light:not(.qr-code-img):not(img):not(canvas):not(.toast):not(.khqr-canvas-wrap *):not(#singleTreeQrCard *):not(.print-only *) {
  background-color: rgba(22, 33, 52, 0.95) !important;
  color: #ffffff !important;
  border-color: rgba(56, 189, 248, 0.28) !important;
}


/* ==========================================================================
   MASTER LIGHT THEME ARCHITECTURE & CONTAINER OVERRIDES
   Guarantees 100% theme consistency, high contrast readability, and zero dark cards in Light Mode
   ========================================================================== */
html[data-theme="light"],
html[data-theme="light"] body,
body.light-mode,
body.light,
body.theme-light {
  background-color: #f1f5f9 !important;
  color: #0f172a !important;
}

/* Light Mode Cards, Boxes, POS Panels, Modals & Containers (Explicit Container Targets Only) */
body.light-mode #section_Dashboard .overview-card,
body.theme-light #section_Dashboard .overview-card,
body.light #section_Dashboard .overview-card,
[data-theme="light"] #section_Dashboard .overview-card,
.light-mode #section_Dashboard .overview-card,
body.light-mode .card,
body.light-mode .box,
body.light-mode .panel,
body.light-mode .pos-card,
body.light-mode .pos-sidebar,
body.light-mode .pos-cart-container,
body.light-mode .cart-panel,
body.light-mode .checkout-panel,
body.light-mode .inventory-card,
body.light-mode .modal-content,
body.light-mode .filter-box,
body.light-mode .search-box,
body.light-mode .table-container,
body.light-mode .overview-card,
body.light-mode .recent-care-card,
body.light-mode .v18-widget-card,
body.light-mode .item-card,
body.light-mode .big-card,
body.light-mode .alert-tile,
body.light-mode .list-toolbar-box,
body.light-mode .stock-category-card,
body.light-mode .stock-group-body,
body.light-mode .pos-product-card,
body.light-mode .held-order-card,
body.light-mode .pos-ticket-pane,
body.light-mode aside.pos-ticket-pane,
body.light-mode .pos-ticket-item,
body.light-mode .variety-header-card,
body.light-mode .variety-card,
body.light-mode .month-bar,
body.light-mode .stock-alert-item,
body.light-mode [id*="section_"] .card,
body.light .card,
body.light .box,
body.light .panel,
body.light .pos-card,
body.light .pos-sidebar,
body.light .pos-cart-container,
body.light .cart-panel,
body.light .checkout-panel,
body.light .inventory-card,
body.light .modal-content,
body.light .overview-card,
body.theme-light .card,
body.theme-light .box,
body.theme-light .panel,
body.theme-light .pos-card,
body.theme-light .pos-sidebar,
body.theme-light .pos-cart-container,
body.theme-light .cart-panel,
body.theme-light .checkout-panel,
body.theme-light .inventory-card,
body.theme-light .modal-content,
body.theme-light .filter-box,
body.theme-light .search-box,
body.theme-light .table-container,
body.theme-light .overview-card,
body.theme-light .recent-care-card,
body.theme-light .v18-widget-card,
body.theme-light .item-card,
body.theme-light .big-card,
body.theme-light .alert-tile,
body.theme-light .list-toolbar-box,
body.theme-light .stock-category-card,
body.theme-light .stock-group-body,
body.theme-light .pos-product-card,
body.theme-light .held-order-card,
body.theme-light .pos-ticket-pane,
body.theme-light aside.pos-ticket-pane,
body.theme-light .pos-ticket-item,
body.theme-light .variety-header-card,
body.theme-light .variety-card,
body.theme-light .month-bar,
body.theme-light .stock-alert-item,
body.theme-light [id*="section_"] .card,
[data-theme="light"] .card,
[data-theme="light"] .box,
[data-theme="light"] .panel,
[data-theme="light"] .pos-card,
[data-theme="light"] .pos-sidebar,
[data-theme="light"] .pos-cart-container,
[data-theme="light"] .cart-panel,
[data-theme="light"] .checkout-panel,
[data-theme="light"] .inventory-card,
[data-theme="light"] .modal-content,
[data-theme="light"] .filter-box,
[data-theme="light"] .search-box,
[data-theme="light"] .table-container,
[data-theme="light"] .overview-card,
[data-theme="light"] .recent-care-card,
[data-theme="light"] .v18-widget-card,
[data-theme="light"] .item-card,
[data-theme="light"] .big-card,
[data-theme="light"] .alert-tile,
[data-theme="light"] .list-toolbar-box,
[data-theme="light"] .stock-category-card,
[data-theme="light"] .stock-group-body,
[data-theme="light"] .pos-product-card,
[data-theme="light"] .held-order-card,
[data-theme="light"] .pos-ticket-pane,
[data-theme="light"] aside.pos-ticket-pane,
[data-theme="light"] .pos-ticket-item,
[data-theme="light"] .variety-header-card,
[data-theme="light"] .variety-card,
[data-theme="light"] .month-bar,
[data-theme="light"] .stock-alert-item,
[data-theme="light"] [id*="section_"] .card,
.light-mode .card,
.light-mode .box,
.light-mode .panel,
.light-mode .overview-card {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  box-shadow: 0 4px 16px -2px rgba(15, 23, 42, 0.06), 0 2px 6px -1px rgba(15, 23, 42, 0.04) !important;
  color: #0f172a !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* ==========================================================================
   MASTER LIGHT MODE: DASHBOARD OVERVIEW KPI CARDS (LUXURY ELEVATED SURFACES)
   Generous 24px/26px padding, smooth 22px corners, soft borders, floating shadow
   ========================================================================== */
body.light-mode #section_Dashboard .overview-card,
body.theme-light #section_Dashboard .overview-card,
body.light #section_Dashboard .overview-card,
[data-theme="light"] #section_Dashboard .overview-card,
.light-mode #section_Dashboard .overview-card,
body.light-mode .overview-card,
body.theme-light .overview-card,
body.light .overview-card,
[data-theme="light"] .overview-card,
.light-mode .overview-card {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 22px !important;
  padding: 24px 26px 22px 26px !important;
  min-height: 144px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.04), 0 10px 24px -4px rgba(0, 0, 0, 0.06), 0 1px 2px 0 rgba(0, 0, 0, 0.02) !important;
  color: #0f172a !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

body.light-mode #section_Dashboard .overview-card:hover,
body.theme-light #section_Dashboard .overview-card:hover,
[data-theme="light"] #section_Dashboard .overview-card:hover,
body.light-mode .overview-card:hover,
body.theme-light .overview-card:hover,
[data-theme="light"] .overview-card:hover {
  background: #ffffff !important;
  border-color: #cbd5e1 !important;
  box-shadow: 0 16px 32px -4px rgba(15, 23, 42, 0.12), 0 6px 12px -2px rgba(15, 23, 42, 0.06) !important;
  transform: translateY(-4px) !important;
}

/* Overview Card Top Row Spacing */
body.light-mode .overview-card .d-flex.justify-content-between,
body.theme-light .overview-card .d-flex.justify-content-between,
[data-theme="light"] .overview-card .d-flex.justify-content-between {
  margin-bottom: 12px !important;
  align-items: center !important;
}

/* Overview Card Typography Hierarchy */
body.light-mode .overview-card .kpi-card-title,
body.theme-light .overview-card .kpi-card-title,
[data-theme="light"] .overview-card .kpi-card-title {
  color: #0f172a !important;
  font-size: 0.96rem !important;
  font-weight: 750 !important;
  letter-spacing: -0.01em !important;
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 4px !important;
}

body.light-mode .overview-card .kpi-card-sub,
body.theme-light .overview-card .kpi-card-sub,
[data-theme="light"] .overview-card .kpi-card-sub {
  color: #64748b !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
}

body.light-mode .overview-card h3,
body.theme-light .overview-card h3,
[data-theme="light"] .overview-card h3 {
  font-size: 2.05rem !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
  margin: 4px 0 8px 0 !important;
  letter-spacing: -0.02em !important;
}

body.light-mode .overview-card small,
body.light-mode .overview-card small.text-muted,
body.theme-light .overview-card small,
[data-theme="light"] .overview-card small {
  font-size: 0.84rem !important;
  font-weight: 600 !important;
  color: #64748b !important;
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  margin-top: 4px !important;
}

/* Guarantee KPI Card Title and Subtitle spans NEVER render as white boxes */
.kpi-card-title,
.kpi-card-sub,
.overview-card span,
.overview-card small,
body.light-mode .kpi-card-title,
body.light-mode .kpi-card-sub,
body.light-mode .overview-card span,
body.light-mode .overview-card small,
body.light-mode #section_Dashboard .overview-card span,
body.theme-light #section_Dashboard .overview-card span,
[data-theme="light"] #section_Dashboard .overview-card span,
body.light #section_Dashboard .overview-card span,
.light-mode #section_Dashboard .overview-card span {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Distinct Themed Icon Circles in Light Mode */
body.light-mode .overview-card .rounded-circle,
body.theme-light .overview-card .rounded-circle,
body.light .overview-card .rounded-circle,
[data-theme="light"] .overview-card .rounded-circle {
  width: 42px !important;
  height: 42px !important;
  border-radius: 13px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 1.18rem !important;
  flex-shrink: 0 !important;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.04) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
body.light-mode .overview-card[onclick*="Trees"] .rounded-circle,
body.theme-light .overview-card[onclick*="Trees"] .rounded-circle,
[data-theme="light"] .overview-card[onclick*="Trees"] .rounded-circle {
  background: #ecfdf5 !important;
  border: 1px solid #a7f3d0 !important;
  color: #059669 !important;
}
body.light-mode .overview-card[onclick*="Logs"] .rounded-circle,
body.theme-light .overview-card[onclick*="Logs"] .rounded-circle,
[data-theme="light"] .overview-card[onclick*="Logs"] .rounded-circle {
  background: #f0f9ff !important;
  border: 1px solid #bae6fd !important;
  color: #0284c7 !important;
}
body.light-mode .overview-card[onclick*="Workers"] .rounded-circle,
body.theme-light .overview-card[onclick*="Workers"] .rounded-circle,
[data-theme="light"] .overview-card[onclick*="Workers"] .rounded-circle {
  background: #faf5ff !important;
  border: 1px solid #e9d5ff !important;
  color: #7c3aed !important;
}
body.light-mode .overview-card[onclick*="Loans"] .rounded-circle,
body.theme-light .overview-card[onclick*="Loans"] .rounded-circle,
[data-theme="light"] .overview-card[onclick*="Loans"] .rounded-circle {
  background: #fffbeb !important;
  border: 1px solid #fde68a !important;
  color: #d97706 !important;
}
body.light-mode .overview-card[onclick*="Salary"] .rounded-circle,
body.theme-light .overview-card[onclick*="Salary"] .rounded-circle,
[data-theme="light"] .overview-card[onclick*="Salary"] .rounded-circle {
  background: #ecfdf5 !important;
  border: 1px solid #a7f3d0 !important;
  color: #059669 !important;
}
body.light-mode .overview-card[onclick*="Expenses"] .rounded-circle,
body.theme-light .overview-card[onclick*="Expenses"] .rounded-circle,
[data-theme="light"] .overview-card[onclick*="Expenses"] .rounded-circle {
  background: #fef2f2 !important;
  border: 1px solid #fecaca !important;
  color: #dc2626 !important;
}

/* Eliminate White Text on Light Backgrounds Universally */
body.light-mode .text-white,
body.light-mode [class*="text-white"],
body.light .text-white,
body.light [class*="text-white"],
body.theme-light .text-white,
body.theme-light [class*="text-white"],
[data-theme="light"] .text-white,
[data-theme="light"] [class*="text-white"],
.light-mode .text-white,
.light-mode [class*="text-white"],
body.light-mode .text-white-50,
body.light .text-white-50,
body.theme-light .text-white-50,
[data-theme="light"] .text-white-50,
body.light-mode .text-slate-100,
body.light-mode .text-slate-200,
body.light-mode .text-slate-300,
body.light .text-slate-100,
body.light .text-slate-200,
body.light .text-slate-300,
body.theme-light .text-slate-100,
body.theme-light .text-slate-200,
body.theme-light .text-slate-300,
[data-theme="light"] .text-slate-100,
[data-theme="light"] .text-slate-200,
[data-theme="light"] .text-slate-300,
body.light-mode .text-light,
body.light .text-light,
body.theme-light .text-light,
[data-theme="light"] .text-light {
  color: #0f172a !important;
  text-shadow: none !important;
}

/* Badges with dark solid backgrounds keep their white text for crisp contrast */
body.light-mode .badge.bg-danger,
body.light-mode .badge.bg-success,
body.light-mode .badge.bg-primary,
body.light-mode .badge.bg-dark,
body.light .badge.bg-danger,
body.light .badge.bg-success,
body.light .badge.bg-primary,
body.light .badge.bg-dark,
body.theme-light .badge.bg-danger,
body.theme-light .badge.bg-success,
body.theme-light .badge.bg-primary,
body.theme-light .badge.bg-dark,
[data-theme="light"] .badge.bg-danger,
[data-theme="light"] .badge.bg-success,
[data-theme="light"] .badge.bg-primary,
[data-theme="light"] .badge.bg-dark {
  color: #ffffff !important;
}
body.light-mode .badge.bg-danger *,
body.light-mode .badge.bg-success *,
body.light-mode .badge.bg-primary *,
body.light-mode .badge.bg-dark *,
body.light .badge.bg-danger *,
body.light .badge.bg-success *,
body.light .badge.bg-primary *,
body.light .badge.bg-dark *,
body.theme-light .badge.bg-danger *,
body.theme-light .badge.bg-success *,
body.theme-light .badge.bg-primary *,
body.theme-light .badge.bg-dark *,
[data-theme="light"] .badge.bg-danger *,
[data-theme="light"] .badge.bg-success *,
[data-theme="light"] .badge.bg-primary *,
[data-theme="light"] .badge.bg-dark * {
  color: #ffffff !important;
}

/* Card Hover in Light Mode */
body.light-mode .card:hover,
body.light-mode .overview-card:hover,
body.light-mode .item-card:hover,
body.light-mode .stock-category-card:hover,
body.light-mode .pos-product-card:hover,
body.theme-light .card:hover,
body.theme-light .overview-card:hover,
body.theme-light .item-card:hover,
body.theme-light .stock-category-card:hover,
body.theme-light .pos-product-card:hover,
[data-theme="light"] .card:hover,
[data-theme="light"] .overview-card:hover,
[data-theme="light"] .item-card:hover,
[data-theme="light"] .stock-category-card:hover,
[data-theme="light"] .pos-product-card:hover {
  border-color: #10b981 !important;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -2px rgba(0, 0, 0, 0.04) !important;
  transform: translateY(-2px) !important;
}

/* ==========================================================================
   MASTER LIGHT MODE: BUTTONS, NUMBERS, TABLES, ACCORDIONS, MODALS & POS
   Every box, card, button, text, and numeric metric crystal-clear & beautiful!
   ========================================================================== */

/* 1. BUTTONS IN LIGHT MODE */
body.light-mode .btn-primary,
body.theme-light .btn-primary,
body.light .btn-primary,
[data-theme="light"] .btn-primary {
  background: #2563eb !important;
  background-color: #2563eb !important;
  border-color: #1d4ed8 !important;
  color: #ffffff !important;
  box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important;
  text-shadow: none !important;
}

body.light-mode .btn-primary:hover,
body.theme-light .btn-primary:hover,
body.light .btn-primary:hover,
[data-theme="light"] .btn-primary:hover {
  background: #1d4ed8 !important;
  border-color: #1e40af !important;
  color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.35) !important;
  transform: translateY(-1px) !important;
}

body.light-mode .btn-success,
body.theme-light .btn-success,
body.light .btn-success,
[data-theme="light"] .btn-success {
  background: #059669 !important;
  background-color: #059669 !important;
  border-color: #047857 !important;
  color: #ffffff !important;
  box-shadow: 0 2px 6px rgba(5, 150, 105, 0.25) !important;
  text-shadow: none !important;
}

body.light-mode .btn-success:hover,
body.theme-light .btn-success:hover,
body.light .btn-success:hover,
[data-theme="light"] .btn-success:hover {
  background: #047857 !important;
  border-color: #065f46 !important;
  color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(5, 150, 105, 0.35) !important;
  transform: translateY(-1px) !important;
}

body.light-mode .btn-danger,
body.theme-light .btn-danger,
body.light .btn-danger,
[data-theme="light"] .btn-danger {
  background: #dc2626 !important;
  background-color: #dc2626 !important;
  border-color: #b91c1c !important;
  color: #ffffff !important;
  box-shadow: 0 2px 6px rgba(220, 38, 38, 0.25) !important;
  text-shadow: none !important;
}

body.light-mode .btn-danger:hover,
body.theme-light .btn-danger:hover,
body.light .btn-danger:hover,
[data-theme="light"] .btn-danger:hover {
  background: #b91c1c !important;
  border-color: #991b1b !important;
  color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(220, 38, 38, 0.35) !important;
  transform: translateY(-1px) !important;
}

body.light-mode .btn-warning,
body.theme-light .btn-warning,
body.light .btn-warning,
[data-theme="light"] .btn-warning {
  background: #d97706 !important;
  background-color: #d97706 !important;
  border-color: #b45309 !important;
  color: #ffffff !important;
  box-shadow: 0 2px 6px rgba(217, 119, 6, 0.25) !important;
  text-shadow: none !important;
}

body.light-mode .btn-warning:hover,
body.theme-light .btn-warning:hover,
body.light .btn-warning:hover,
[data-theme="light"] .btn-warning:hover {
  background: #b45309 !important;
  border-color: #92400e !important;
  color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(217, 119, 6, 0.35) !important;
  transform: translateY(-1px) !important;
}

body.light-mode .btn-secondary,
body.light-mode .btn-light,
body.light-mode .btn-outline-secondary,
body.light-mode .btn-header-tool,
body.light-mode #btnThemeModeToggle,
body.light-mode #btnPosThemeToggle,
body.light-mode #btnToggleGlassyUi,
body.light-mode .quick-action-btn,
body.theme-light .btn-secondary,
body.theme-light .btn-light,
body.theme-light .btn-outline-secondary,
body.theme-light .btn-header-tool,
body.theme-light #btnThemeModeToggle,
body.theme-light #btnPosThemeToggle,
body.theme-light #btnToggleGlassyUi,
body.theme-light .quick-action-btn,
body.light .btn-secondary,
body.light .btn-light,
body.light .btn-header-tool,
body.light #btnThemeModeToggle,
body.light .quick-action-btn,
[data-theme="light"] .btn-secondary,
[data-theme="light"] .btn-light,
[data-theme="light"] .btn-outline-secondary,
[data-theme="light"] .btn-header-tool,
[data-theme="light"] #btnThemeModeToggle,
[data-theme="light"] #btnPosThemeToggle,
[data-theme="light"] #btnToggleGlassyUi,
[data-theme="light"] .quick-action-btn {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  color: #334155 !important;
  font-weight: 650 !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05) !important;
  text-shadow: none !important;
}

body.light-mode .btn-secondary:hover,
body.light-mode .btn-light:hover,
body.light-mode .btn-outline-secondary:hover,
body.light-mode .btn-header-tool:hover,
body.light-mode #btnThemeModeToggle:hover,
body.light-mode #btnPosThemeToggle:hover,
body.light-mode #btnToggleGlassyUi:hover,
body.light-mode .quick-action-btn:hover,
body.theme-light .btn-secondary:hover,
body.theme-light .btn-light:hover,
body.theme-light .btn-outline-secondary:hover,
body.theme-light .btn-header-tool:hover,
body.theme-light #btnThemeModeToggle:hover,
body.theme-light #btnPosThemeToggle:hover,
body.theme-light #btnToggleGlassyUi:hover,
body.theme-light .quick-action-btn:hover,
[data-theme="light"] .btn-secondary:hover,
[data-theme="light"] .btn-light:hover,
[data-theme="light"] .btn-outline-secondary:hover,
[data-theme="light"] .btn-header-tool:hover,
[data-theme="light"] #btnThemeModeToggle:hover,
[data-theme="light"] #btnPosThemeToggle:hover,
[data-theme="light"] #btnToggleGlassyUi:hover,
[data-theme="light"] .quick-action-btn:hover {
  background: #f8fafc !important;
  border-color: #94a3b8 !important;
  color: #0f172a !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08) !important;
  transform: translateY(-1px) !important;
}

body.light-mode .btn-primary *,
body.theme-light .btn-primary *,
body.light .btn-primary *,
[data-theme="light"] .btn-primary *,
body.light-mode .btn-success *,
body.theme-light .btn-success *,
body.light .btn-success *,
[data-theme="light"] .btn-success *,
body.light-mode .btn-danger *,
body.theme-light .btn-danger *,
body.light .btn-danger *,
[data-theme="light"] .btn-danger *,
body.light-mode .btn-warning *,
body.theme-light .btn-warning *,
body.light .btn-warning *,
[data-theme="light"] .btn-warning * {
  color: #ffffff !important;
}

body.light-mode .btn-secondary *,
body.light-mode .btn-light *,
body.light-mode .btn-header-tool *,
body.light-mode .quick-action-btn *,
body.theme-light .btn-secondary *,
body.theme-light .btn-light *,
body.theme-light .btn-header-tool *,
body.theme-light .quick-action-btn *,
[data-theme="light"] .btn-secondary *,
[data-theme="light"] .btn-light *,
[data-theme="light"] .btn-header-tool *,
[data-theme="light"] .quick-action-btn * {
  color: #334155 !important;
}

/* V18 Analytics Toolbar Toggle in Light Mode */
body.light-mode #btnToggleV18Analytics,
body.theme-light #btnToggleV18Analytics,
[data-theme="light"] #btnToggleV18Analytics {
  background: #eff6ff !important;
  border: 1px solid #bfdbfe !important;
  color: #1d4ed8 !important;
  font-weight: 700 !important;
  padding: 6px 14px !important;
  border-radius: 9999px !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
}

body.light-mode #btnToggleV18Analytics:hover,
body.theme-light #btnToggleV18Analytics:hover,
[data-theme="light"] #btnToggleV18Analytics:hover {
  background: #dbeafe !important;
  color: #1e40af !important;
  transform: translateY(-1px) !important;
}

body.light-mode #btnToggleV18Analytics.active,
body.theme-light #btnToggleV18Analytics.active,
[data-theme="light"] #btnToggleV18Analytics.active {
  background: #2563eb !important;
  border-color: #1d4ed8 !important;
  color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3) !important;
}

/* 2. NUMERIC METRICS & ACCENTS ACROSS THE WEB APP (ZERO NEON GLOW, 100% CONTRAST) */
/* Emerald Numbers: Trees, Salary, KHR Prices, Total Net Pay */
body.light-mode #kpiTotalTrees,
body.light-mode #kpiTotalSalary,
body.light-mode .pos-price-khr,
body.light-mode .pos-grand-total-khr,
body.light-mode .metric-emerald,
body.light-mode .text-success,
body.theme-light #kpiTotalTrees,
body.theme-light #kpiTotalSalary,
body.theme-light .pos-price-khr,
body.theme-light .pos-grand-total-khr,
body.theme-light .metric-emerald,
body.theme-light .text-success,
body.light #kpiTotalTrees,
body.light #kpiTotalSalary,
body.light .pos-price-khr,
body.light .pos-grand-total-khr,
body.light .text-success,
[data-theme="light"] #kpiTotalTrees,
[data-theme="light"] #kpiTotalSalary,
[data-theme="light"] .pos-price-khr,
[data-theme="light"] .pos-grand-total-khr,
[data-theme="light"] .metric-emerald,
[data-theme="light"] .text-success {
  color: #047857 !important;
  font-weight: 850 !important;
  text-shadow: none !important;
  filter: none !important;
}

/* Electric Sky Blue Numbers: Logs, Activity Metrics, Harvest Counts */
body.light-mode #kpiTotalLogs,
body.light-mode #v18HarvestCount,
body.light-mode .metric-electric-blue,
body.light-mode .text-info,
body.light-mode .text-primary,
body.theme-light #kpiTotalLogs,
body.theme-light #v18HarvestCount,
body.theme-light .metric-electric-blue,
body.theme-light .text-info,
body.theme-light .text-primary,
body.light #kpiTotalLogs,
body.light #v18HarvestCount,
body.light .text-info,
body.light .text-primary,
[data-theme="light"] #kpiTotalLogs,
[data-theme="light"] #v18HarvestCount,
[data-theme="light"] .metric-electric-blue,
[data-theme="light"] .text-info,
[data-theme="light"] .text-primary {
  color: #0284c7 !important;
  font-weight: 850 !important;
  text-shadow: none !important;
  filter: none !important;
}

/* Deep Purple Numbers: Active Workers Count */
body.light-mode #kpiActiveWorkers,
body.light-mode .metric-purple,
body.light-mode .text-purple,
body.theme-light #kpiActiveWorkers,
body.theme-light .metric-purple,
body.theme-light .text-purple,
body.light #kpiActiveWorkers,
body.light .metric-purple,
body.light .text-purple,
[data-theme="light"] #kpiActiveWorkers,
[data-theme="light"] .metric-purple,
[data-theme="light"] .text-purple {
  color: #7c3aed !important;
  font-weight: 850 !important;
  text-shadow: none !important;
  filter: none !important;
}

/* Golden-Amber Numbers: Unpaid Loans, Expenses, Revenue Amount, USD Prices */
body.light-mode #kpiUnpaidLoans,
body.light-mode #kpiTotalExpense,
body.light-mode #v18RevenueAmount,
body.light-mode .pos-price-usd,
body.light-mode .pos-grand-total-usd,
body.light-mode .metric-golden-orange,
body.light-mode .text-warning,
body.theme-light #kpiUnpaidLoans,
body.theme-light #kpiTotalExpense,
body.theme-light #v18RevenueAmount,
body.theme-light .pos-price-usd,
body.theme-light .pos-grand-total-usd,
body.theme-light .metric-golden-orange,
body.theme-light .text-warning,
body.light #kpiUnpaidLoans,
body.light #kpiTotalExpense,
body.light #v18RevenueAmount,
body.light .pos-price-usd,
body.light .pos-grand-total-usd,
body.light .text-warning,
[data-theme="light"] #kpiUnpaidLoans,
[data-theme="light"] #kpiTotalExpense,
[data-theme="light"] #v18RevenueAmount,
[data-theme="light"] .pos-price-usd,
[data-theme="light"] .pos-grand-total-usd,
[data-theme="light"] .metric-golden-orange,
[data-theme="light"] .text-warning {
  color: #b45309 !important;
  font-weight: 850 !important;
  text-shadow: none !important;
  filter: none !important;
}

/* Danger Crimson Numbers: Alerts, Overdue, Deficits */
body.light-mode .text-danger,
body.light-mode .metric-danger,
body.theme-light .text-danger,
body.theme-light .metric-danger,
body.light .text-danger,
[data-theme="light"] .text-danger,
[data-theme="light"] .metric-danger {
  color: #dc2626 !important;
  font-weight: 850 !important;
  text-shadow: none !important;
  filter: none !important;
}

/* General Metric Values & Stats */
body.light-mode .fs-3,
body.light-mode .fs-4,
body.light-mode .stat-val,
body.light-mode .kpi-val,
body.light-mode .overview-card .fs-3,
body.light-mode .overview-card .fs-4,
body.theme-light .fs-3,
body.theme-light .fs-4,
body.theme-light .stat-val,
body.theme-light .kpi-val,
body.theme-light .overview-card .fs-3,
body.theme-light .overview-card .fs-4,
[data-theme="light"] .fs-3,
[data-theme="light"] .fs-4,
[data-theme="light"] .stat-val,
[data-theme="light"] .kpi-val,
[data-theme="light"] .overview-card .fs-3,
[data-theme="light"] .overview-card .fs-4 {
  color: #0f172a !important;
  font-weight: 850 !important;
  text-shadow: none !important;
}

/* 3. LIGHT MODE ALERT TILES */
body.light-mode .alert-tile,
body.theme-light .alert-tile,
body.light .alert-tile,
[data-theme="light"] .alert-tile {
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 20px !important;
  color: #0f172a !important;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .alert-tile.t-orange,
body.theme-light .alert-tile.t-orange,
[data-theme="light"] .alert-tile.t-orange {
  background: #fffbeb !important;
  border: 1px solid #fde68a !important;
  border-left: 5px solid #f59e0b !important;
  color: #78350f !important;
}

body.light-mode .alert-tile.t-blue,
body.theme-light .alert-tile.t-blue,
[data-theme="light"] .alert-tile.t-blue {
  background: #f0f9ff !important;
  border: 1px solid #bae6fd !important;
  border-left: 5px solid #0284c7 !important;
  color: #075985 !important;
}

body.light-mode .alert-tile.t-red,
body.theme-light .alert-tile.t-red,
[data-theme="light"] .alert-tile.t-red {
  background: #fef2f2 !important;
  border: 1px solid #fecaca !important;
  border-left: 5px solid #ef4444 !important;
  color: #991b1b !important;
}

body.light-mode .alert-tile.t-green,
body.theme-light .alert-tile.t-green,
[data-theme="light"] .alert-tile.t-green {
  background: #f0fdf4 !important;
  border: 1px solid #bbf7d0 !important;
  border-left: 5px solid #10b981 !important;
  color: #065f46 !important;
}

body.light-mode .alert-tile .lbl,
body.theme-light .alert-tile .lbl,
[data-theme="light"] .alert-tile .lbl {
  color: #0f172a !important;
  font-weight: 750 !important;
  text-shadow: none !important;
}

/* 4. STOCK CATEGORY, HEADERS & ACCORDIONS IN LIGHT MODE */
body.light-mode .stock-quick-summary,
body.theme-light .stock-quick-summary,
[data-theme="light"] .stock-quick-summary {
  background: #f8fafc !important;
  border: 1px solid #cbd5e1 !important;
  box-shadow: none !important;
}

body.light-mode .stock-category-header,
body.theme-light .stock-category-header,
[data-theme="light"] .stock-category-header {
  background: #f8fafc !important;
  border-bottom: 1px solid #e2e8f0 !important;
  color: #0f172a !important;
  box-shadow: none !important;
}

body.light-mode .stock-category-header span,
body.light-mode .stock-category-header .fw-bold,
body.light-mode .stock-category-title,
body.theme-light .stock-category-header span,
body.theme-light .stock-category-header .fw-bold,
body.theme-light .stock-category-title,
[data-theme="light"] .stock-category-header span,
[data-theme="light"] .stock-category-header .fw-bold,
[data-theme="light"] .stock-category-title {
  color: #0f172a !important;
  font-weight: 800 !important;
  text-shadow: none !important;
}

body.light-mode .btn-stock-add,
body.theme-light .btn-stock-add,
[data-theme="light"] .btn-stock-add {
  background: #f1f5f9 !important;
  color: #059669 !important;
  border: 1px solid #cbd5e1 !important;
  box-shadow: none !important;
}

body.light-mode .stock-badge-count,
body.theme-light .stock-badge-count,
[data-theme="light"] .stock-badge-count {
  background: #f1f5f9 !important;
  color: #475569 !important;
  border: 1px solid #cbd5e1 !important;
  box-shadow: none !important;
}

body.light-mode .stock-group-body,
body.theme-light .stock-group-body,
[data-theme="light"] .stock-group-body {
  background: #ffffff !important;
}

/* Accordions in Light Mode */
body.light-mode .accordion-item,
body.theme-light .accordion-item,
[data-theme="light"] .accordion-item {
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  margin-bottom: 10px !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .accordion-button,
body.theme-light .accordion-button,
[data-theme="light"] .accordion-button {
  background: #f8fafc !important;
  color: #0f172a !important;
  font-weight: 750 !important;
  border-bottom: 1px solid #e2e8f0 !important;
  box-shadow: none !important;
}

body.light-mode .accordion-button.collapsed,
body.theme-light .accordion-button.collapsed,
[data-theme="light"] .accordion-button.collapsed {
  background: #ffffff !important;
  color: #0f172a !important;
  border-bottom: none !important;
}

body.light-mode .accordion-button::after,
body.theme-light .accordion-button::after,
[data-theme="light"] .accordion-button::after {
  filter: none !important;
}

body.light-mode .accordion-body,
body.theme-light .accordion-body,
[data-theme="light"] .accordion-body {
  background: #ffffff !important;
  color: #1e293b !important;
  border-top: 1px solid #e2e8f0 !important;
}

/* 5. TABLES IN LIGHT MODE */
body.light-mode .table,
body.theme-light .table,
body.light .table,
[data-theme="light"] .table,
body.light-mode table,
body.theme-light table,
[data-theme="light"] table {
  background-color: #ffffff !important;
  color: #1e293b !important;
  border-color: #e2e8f0 !important;
}

body.light-mode .table th,
body.theme-light .table th,
body.light .table th,
[data-theme="light"] .table th,
body.light-mode table th,
body.theme-light table th,
[data-theme="light"] table th,
body.light-mode thead th,
body.theme-light thead th,
[data-theme="light"] thead th {
  background-color: #f8fafc !important;
  color: #334155 !important;
  font-weight: 700 !important;
  border-bottom: 2px solid #cbd5e1 !important;
}

body.light-mode .table td,
body.theme-light .table td,
body.light .table td,
[data-theme="light"] .table td,
body.light-mode table td,
body.theme-light table td,
[data-theme="light"] table td {
  background-color: transparent !important;
  color: #1e293b !important;
  border-bottom: 1px solid #f1f5f9 !important;
}

body.light-mode .table tbody tr:hover,
body.theme-light .table tbody tr:hover,
[data-theme="light"] .table tbody tr:hover {
  background-color: #f8fafc !important;
}

/* 6. MODALS IN LIGHT MODE */
body.light-mode .modal-content,
body.theme-light .modal-content,
body.light .modal-content,
[data-theme="light"] .modal-content {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 20px !important;
  box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.15) !important;
  color: #0f172a !important;
}

body.light-mode .modal-header,
body.theme-light .modal-header,
[data-theme="light"] .modal-header {
  border-bottom: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  color: #0f172a !important;
}

body.light-mode .modal-title,
body.theme-light .modal-title,
[data-theme="light"] .modal-title {
  color: #0f172a !important;
  font-weight: 750 !important;
  text-shadow: none !important;
}

body.light-mode .modal-footer,
body.theme-light .modal-footer,
[data-theme="light"] .modal-footer {
  border-top: 1px solid #e2e8f0 !important;
  background: #f8fafc !important;
}

body.light-mode .modal .btn-close,
body.theme-light .modal .btn-close,
[data-theme="light"] .modal .btn-close {
  filter: none !important;
}

/* 7. LOW STOCK & WARNING STATES IN LIGHT MODE */
body.light-mode .low-stock-item.is-out,
body.theme-light .low-stock-item.is-out,
[data-theme="light"] .low-stock-item.is-out {
  background: #fef2f2 !important;
  border: 1px solid #fecaca !important;
  box-shadow: 0 4px 6px -1px rgba(239, 68, 68, 0.08) !important;
  color: #0f172a !important;
}
body.light-mode .low-stock-item.is-out *,
body.theme-light .low-stock-item.is-out *,
[data-theme="light"] .low-stock-item.is-out * {
  color: #0f172a !important;
}
body.light-mode .low-stock-item.is-out .text-danger,
body.theme-light .low-stock-item.is-out .text-danger,
[data-theme="light"] .low-stock-item.is-out .text-danger {
  color: #dc2626 !important;
}
body.light-mode .low-stock-item.is-out .small,
body.theme-light .low-stock-item.is-out .small,
[data-theme="light"] .low-stock-item.is-out .small {
  color: #b91c1c !important;
}

body.light-mode .low-stock-item.is-low,
body.theme-light .low-stock-item.is-low,
[data-theme="light"] .low-stock-item.is-low {
  background: #fffbeb !important;
  border: 1px solid #fde68a !important;
  box-shadow: 0 4px 6px -1px rgba(245, 158, 11, 0.08) !important;
  color: #0f172a !important;
}
body.light-mode .low-stock-item.is-low *,
body.theme-light .low-stock-item.is-low *,
[data-theme="light"] .low-stock-item.is-low * {
  color: #0f172a !important;
}
body.light-mode .low-stock-item.is-low .text-warning,
body.theme-light .low-stock-item.is-low .text-warning,
[data-theme="light"] .low-stock-item.is-low .text-warning {
  color: #d97706 !important;
}
body.light-mode .low-stock-item.is-low .small,
body.theme-light .low-stock-item.is-low .small,
[data-theme="light"] .low-stock-item.is-low .small {
  color: #b45309 !important;
}

/* 8. TYPOGRAPHY & HEADERS (PRIMARY TITLES: HIGH CONTRAST DARK SLATE) */
body.light-mode h1, body.light-mode h2, body.light-mode h3,
body.light-mode h4, body.light-mode h5, body.light-mode h6,
body.light-mode .card-title,
body.light-mode .kpi-card-title,
body.light-mode .overview-card .kpi-card-title,
body.light-mode .overview-card span,
body.light-mode .overview-card span.fw-bold,
body.light-mode #section_Dashboard .overview-card span,
body.light-mode .pos-product-title,
body.light-mode .pos-item-title,
body.light-mode .modal-title,
body.light-mode .list-toolbar-box h6,
body.light-mode .recent-care-card h6,
body.theme-light h1, body.theme-light h2, body.theme-light h3,
body.theme-light h4, body.theme-light h5, body.theme-light h6,
body.theme-light .card-title,
body.theme-light .kpi-card-title,
body.theme-light .overview-card .kpi-card-title,
body.theme-light .overview-card span,
body.theme-light .overview-card span.fw-bold,
body.theme-light #section_Dashboard .overview-card span,
body.theme-light .pos-product-title,
body.theme-light .pos-item-title,
body.theme-light .modal-title,
body.theme-light .list-toolbar-box h6,
body.theme-light .recent-care-card h6,
[data-theme="light"] h1, [data-theme="light"] h2, [data-theme="light"] h3,
[data-theme="light"] h4, [data-theme="light"] h5, [data-theme="light"] h6,
[data-theme="light"] .card-title,
[data-theme="light"] .kpi-card-title,
[data-theme="light"] .overview-card .kpi-card-title,
[data-theme="light"] .overview-card span,
[data-theme="light"] .overview-card span.fw-bold,
[data-theme="light"] #section_Dashboard .overview-card span,
[data-theme="light"] .pos-product-title,
[data-theme="light"] .pos-item-title,
[data-theme="light"] .modal-title,
[data-theme="light"] .list-toolbar-box h6,
[data-theme="light"] .recent-care-card h6 {
  color: #0f172a !important;
  font-weight: 800 !important;
  text-shadow: none !important;
}

/* Subheadings, Descriptions, and English Labels (Clean Dark Muted Gray #475569) */
body.light-mode .overview-card .kpi-card-sub,
body.light-mode .kpi-card-sub,
body.light-mode .overview-card small,
body.light-mode .overview-card small span,
body.light-mode #section_Dashboard .overview-card small,
body.light-mode .text-muted,
body.light-mode small.text-muted,
body.light-mode span.text-muted,
body.light-mode p.text-muted,
body.light-mode div.text-muted,
body.light-mode .pos-price-unit,
body.light-mode .pos-item-unit-calc,
body.light-mode .pos-item-note,
body.light-mode label,
body.light-mode .form-label,
body.light-mode #kpiTreeBreakdown,
body.light-mode #kpiTotalLogsSub,
body.light-mode #kpiUnpaidLoansSub,
body.light-mode #kpiTotalSalarySub,
body.theme-light .overview-card .kpi-card-sub,
body.theme-light .kpi-card-sub,
body.theme-light .overview-card small,
body.theme-light .overview-card small span,
body.theme-light #section_Dashboard .overview-card small,
body.theme-light .text-muted,
body.theme-light small.text-muted,
body.theme-light span.text-muted,
body.theme-light p.text-muted,
body.theme-light div.text-muted,
body.theme-light .pos-price-unit,
body.theme-light .pos-item-unit-calc,
body.theme-light .pos-item-note,
body.theme-light label,
body.theme-light .form-label,
body.theme-light #kpiTreeBreakdown,
body.theme-light #kpiTotalLogsSub,
body.theme-light #kpiUnpaidLoansSub,
body.theme-light #kpiTotalSalarySub,
[data-theme="light"] .overview-card .kpi-card-sub,
[data-theme="light"] .kpi-card-sub,
[data-theme="light"] .overview-card small,
[data-theme="light"] .overview-card small span,
[data-theme="light"] #section_Dashboard .overview-card small,
[data-theme="light"] .text-muted,
[data-theme="light"] small.text-muted,
[data-theme="light"] span.text-muted,
[data-theme="light"] p.text-muted,
[data-theme="light"] div.text-muted,
[data-theme="light"] .pos-price-unit,
[data-theme="light"] .pos-item-unit-calc,
[data-theme="light"] .pos-item-note,
[data-theme="light"] label,
[data-theme="light"] .form-label,
[data-theme="light"] #kpiTreeBreakdown,
[data-theme="light"] #kpiTotalLogsSub,
[data-theme="light"] #kpiUnpaidLoansSub,
[data-theme="light"] #kpiTotalSalarySub {
  color: #475569 !important;
  font-weight: 600 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

/* Zero White Text on White Backgrounds in Light Mode */
body.light-mode .card .text-white,
body.light-mode .overview-card .text-white,
body.light-mode .modal-content .text-white,
body.light-mode .pos-product-card .text-white,
body.light-mode .pos-ticket-pane .text-white,
body.light-mode .item-card .text-white,
body.theme-light .card .text-white,
body.theme-light .overview-card .text-white,
body.theme-light .modal-content .text-white,
body.theme-light .pos-product-card .text-white,
body.theme-light .pos-ticket-pane .text-white,
body.theme-light .item-card .text-white,
[data-theme="light"] .card .text-white,
[data-theme="light"] .overview-card .text-white,
[data-theme="light"] .modal-content .text-white,
[data-theme="light"] .pos-product-card .text-white,
[data-theme="light"] .pos-ticket-pane .text-white,
[data-theme="light"] .item-card .text-white {
  color: #0f172a !important;
  text-shadow: none !important;
}

/* 9. FORM CONTROLS IN LIGHT MODE */
body.light-mode .form-control,
body.light-mode .form-select,
body.light-mode .input-group-text,
body.light-mode #dashExportMonth,
body.theme-light .form-control,
body.theme-light .form-select,
body.theme-light .input-group-text,
body.theme-light #dashExportMonth,
[data-theme="light"] .form-control,
[data-theme="light"] .form-select,
[data-theme="light"] .input-group-text,
[data-theme="light"] #dashExportMonth {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #0f172a !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 12px !important;
  color-scheme: light !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .form-control:focus,
body.light-mode .form-select:focus,
body.theme-light .form-control:focus,
body.theme-light .form-select:focus,
[data-theme="light"] .form-control:focus,
[data-theme="light"] .form-select:focus {
  border-color: #10b981 !important;
  box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.15) !important;
}

/* 10. APP HEADER & FARM BRAND IN LIGHT MODE */
body.light-mode .app-header,
body.theme-light .app-header,
[data-theme="light"] .app-header {
  background: #ffffff !important;
  border-bottom: 1px solid #e2e8f0 !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .farm-brand-name,
body.light-mode .header-title-block .farm-brand-name,
body.light-mode .app-header .farm-brand-name,
body.light-mode .pos-brand-title,
body.light-mode .pos-brand .pos-brand-title,
body.light-mode .pos-brand .farm-brand-name,
body.light-mode .brand-title-nowrap,
body.theme-light .farm-brand-name,
body.theme-light .header-title-block .farm-brand-name,
body.theme-light .app-header .farm-brand-name,
body.theme-light .pos-brand-title,
body.theme-light .pos-brand .pos-brand-title,
body.theme-light .pos-brand .farm-brand-name,
body.theme-light .brand-title-nowrap,
body.light .farm-brand-name,
body.light .pos-brand-title,
[data-theme="light"] .farm-brand-name,
[data-theme="light"] .header-title-block .farm-brand-name,
[data-theme="light"] .app-header .farm-brand-name,
[data-theme="light"] .pos-brand-title,
[data-theme="light"] .pos-brand .pos-brand-title,
[data-theme="light"] .pos-brand .farm-brand-name,
[data-theme="light"] .brand-title-nowrap,
.light-mode .farm-brand-name,
.light-mode .pos-brand-title {
  color: #065f46 !important; /* Rich deep forest emerald */
  font-weight: 850 !important;
  text-shadow: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body.light-mode #pageHeaderTitle,
body.light-mode .page-header-title,
body.theme-light #pageHeaderTitle,
body.theme-light .page-header-title,
[data-theme="light"] #pageHeaderTitle,
[data-theme="light"] .page-header-title {
  color: #475569 !important;
  font-weight: 600 !important;
}

/* 11. POS REGISTER IN LIGHT MODE */
body.light-mode .pos-container,
body.light-mode .pos-catalog-pane,
body.light-mode .pos-main-layout,
body.theme-light .pos-container,
body.theme-light .pos-catalog-pane,
body.theme-light .pos-main-layout,
[data-theme="light"] .pos-container,
[data-theme="light"] .pos-catalog-pane,
[data-theme="light"] .pos-main-layout {
  background-color: #f1f5f9 !important;
  color: #0f172a !important;
}

body.light-mode .pos-navbar,
body.light-mode .pos-catalog-header,
body.light-mode .pos-ticket-header,
body.light-mode .pos-ticket-footer,
body.theme-light .pos-navbar,
body.theme-light .pos-catalog-header,
body.theme-light .pos-ticket-header,
body.theme-light .pos-ticket-footer,
[data-theme="light"] .pos-navbar,
[data-theme="light"] .pos-catalog-header,
[data-theme="light"] .pos-ticket-header,
[data-theme="light"] .pos-ticket-footer {
  background: #ffffff !important;
  border-color: #e2e8f0 !important;
  color: #0f172a !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .pos-total-row,
body.theme-light .pos-total-row,
[data-theme="light"] .pos-total-row {
  background: #f8fafc !important;
  border: 2px solid #10b981 !important;
  color: #0f172a !important;
}

body.light-mode .pos-ticket-footer .form-control,
body.light-mode .pos-ticket-footer input,
body.theme-light .pos-ticket-footer .form-control,
body.theme-light .pos-ticket-footer input,
[data-theme="light"] .pos-ticket-footer .form-control,
[data-theme="light"] .pos-ticket-footer input {
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  color: #0f172a !important;
}

/* Green Hero Banner Brand Name (Crisp White with Soft Drop Shadow in All Modes) */
.hero-banner .farm-brand-name,
body.light-mode .hero-banner .farm-brand-name,
body.theme-light .hero-banner .farm-brand-name,
[data-theme="light"] .hero-banner .farm-brand-name {
  color: #ffffff !important;
  font-weight: 800 !important;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.4) !important;
}

/* Recent Care Card Title Hierarchy in Light Mode */
body.light-mode .recent-care-title,
body.theme-light .recent-care-title,
[data-theme="light"] .recent-care-title {
  color: #0f172a !important;
  font-weight: 750 !important;
}