/* CLEAN_NEUTRAL_FULL_SITE_THEME_V1
   Professional neutral design system for every Eduvora surface.
   Scoped by html[data-color-experience="clean-neutral"] so existing themes remain untouched. */

html[data-color-experience="clean-neutral"] {
  color-scheme: light;

  --cn-page: #f7f7f8;
  --cn-section: #f3f4f6;
  --cn-surface: #ffffff;
  --cn-surface-soft: #fafafa;
  --cn-control: #f1f1f1;
  --cn-control-hover: #e7e7e7;
  --cn-active: #ededed;
  --cn-heading: #171717;
  --cn-text: #262626;
  --cn-text-secondary: #525252;
  --cn-muted: #737373;
  --cn-icon: #262626;
  --cn-secondary-foreground: #171717;
  --cn-active-foreground: #171717;
  --cn-inactive-foreground: #737373;
  --cn-disabled: #a3a3a3;
  --cn-border-soft: #eeeeee;
  --cn-border: #e5e5e5;
  --cn-border-strong: #d4d4d4;
  --cn-primary: #171717;
  --cn-primary-hover: #292929;
  --cn-primary-foreground: #ffffff;
  --cn-focus: rgba(23, 23, 23, 0.09);
  --cn-success: #166534;
  --cn-success-soft: #f0fdf4;
  --cn-warning: #92400e;
  --cn-warning-soft: #fffbeb;
  --cn-danger: #b91c1c;
  --cn-danger-soft: #fef2f2;
  --cn-info: #1d4ed8;
  --cn-info-soft: #eff6ff;
  --cn-shadow-card: 0 1px 3px rgba(0, 0, 0, 0.04);
  --cn-shadow-float: 0 12px 32px rgba(0, 0, 0, 0.10);
  --cn-radius-sm: 6px;
  --cn-radius-control: 10px;
  --cn-radius-card: 14px;
  --cn-space-1: 4px;
  --cn-space-2: 8px;
  --cn-space-3: 12px;
  --cn-space-4: 16px;
  --cn-space-5: 20px;
  --cn-space-6: 24px;
  --cn-space-8: 32px;
  --cn-space-10: 40px;
  --cn-space-12: 48px;
  --cn-motion-fast: 160ms;
  --cn-motion-normal: 180ms;

  /* Compatibility aliases used across the existing app. */
  --immersive-canvas: var(--cn-page);
  --immersive-section: var(--cn-section);
  --immersive-surface: var(--cn-surface);
  --immersive-surface-soft: var(--cn-surface-soft);
  --immersive-control: var(--cn-control);
  --immersive-primary: var(--cn-primary);
  --immersive-primary-strong: var(--cn-primary-hover);
  --immersive-primary-soft: var(--cn-active);
  --immersive-ink: var(--cn-heading);
  --immersive-body: var(--cn-text-secondary);
  --immersive-muted: var(--cn-muted);
  --immersive-border: var(--cn-border);
  --immersive-border-strong: var(--cn-border-strong);
  --immersive-success: var(--cn-success);
  --immersive-success-soft: var(--cn-success-soft);
  --immersive-warning: var(--cn-warning);
  --immersive-warning-soft: var(--cn-warning-soft);
  --immersive-danger: var(--cn-danger);
  --immersive-danger-soft: var(--cn-danger-soft);
  --immersive-ring: var(--cn-focus);
  --immersive-image-scrim: rgba(23, 23, 23, 0.68);
  --immersive-shadow-soft: var(--cn-shadow-card);
  --immersive-shadow-card: var(--cn-shadow-card);

  --bg-main: var(--cn-page);
  --bg-section: var(--cn-section);
  --bg-card: var(--cn-surface);
  --bg-glass: var(--cn-surface);
  --text-heading: var(--cn-heading);
  --text-title: var(--cn-heading);
  --text-body: var(--cn-text-secondary);
  --text-muted: var(--cn-muted);
  --primary: var(--cn-primary);
  --primary-hover: var(--cn-primary-hover);
  --accent-violet: var(--cn-primary);
  --tag-blue: var(--cn-active);
  --border-soft: var(--cn-border);
  --border-active: var(--cn-border-strong);
  --shadow-card: var(--cn-shadow-card);
  --shadow-soft: var(--cn-shadow-card);
  --shadow-blue: var(--cn-shadow-card);
  --premium-background: var(--cn-page);

  --mobile-bg: var(--cn-page);
  --mobile-bg-soft: var(--cn-section);
  --mobile-card: var(--cn-surface);
  --mobile-heading: var(--cn-heading);
  --mobile-body: var(--cn-text-secondary);
  --mobile-muted: var(--cn-muted);
  --mobile-primary: var(--cn-primary);
  --mobile-violet: var(--cn-primary);
  --mobile-border: var(--cn-border);
  --mobile-border-active: var(--cn-border-strong);
  --mobile-page-gradient: var(--cn-page);

  --tagmaster-ink: var(--cn-heading);
  --tagmaster-muted: var(--cn-text-secondary);
  --tagmaster-blue: var(--cn-primary);
  --tagmaster-blue-strong: var(--cn-primary-hover);
  --tagmaster-blue-deep: var(--cn-primary-hover);
  --tagmaster-blue-soft: var(--cn-active);
  --tagmaster-blue-mid: var(--cn-section);
  --tagmaster-blue-border: var(--cn-border);
  --tagmaster-blue-border-strong: var(--cn-border-strong);
  --tagmaster-border: var(--cn-border);
  --tagmaster-surface: var(--cn-surface);
  --tagmaster-page: var(--cn-page);

  --eduvora-card-radius: var(--cn-radius-card) !important;
  --eduvora-card-inner-radius: var(--cn-radius-control) !important;
  --style-corner-radius: 0.625rem !important;
  --style-shadow-base: var(--cn-shadow-card) !important;
  --style-shadow-lg: 0 4px 14px rgba(0, 0, 0, 0.06) !important;
  --style-shadow-xl: var(--cn-shadow-float) !important;
  --eduvora-action-blue-start: var(--cn-primary) !important;
  --eduvora-action-blue-mid: var(--cn-primary) !important;
  --eduvora-action-blue-end: var(--cn-primary-hover) !important;
}

html[data-color-experience="clean-neutral"],
html[data-color-experience="clean-neutral"] body,
html[data-color-experience="clean-neutral"] #root {
  background: var(--cn-page) !important;
  color: var(--cn-text) !important;
}

html[data-color-experience="clean-neutral"] body {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-feature-settings: "cv02", "cv03", "cv04", "cv11";
  text-rendering: optimizeLegibility;
}

html[data-color-experience="clean-neutral"] ::selection {
  background: var(--cn-active) !important;
  color: var(--cn-heading) !important;
}

/* Typography hierarchy */
html[data-color-experience="clean-neutral"] :where(h1, h2, h3, h4, h5, h6, .admin-page-title, .admin-section-title) {
  color: var(--cn-heading) !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: -0.025em;
}

html[data-color-experience="clean-neutral"] :where(p, li, dd, label) {
  color: var(--cn-text-secondary);
}

html[data-color-experience="clean-neutral"] :where(small, .text-muted, [class*="text-muted"]) {
  color: var(--cn-muted) !important;
}

html[data-color-experience="clean-neutral"] .font-black,
html[data-color-experience="clean-neutral"] .font-extrabold {
  font-weight: 700 !important;
}

html[data-color-experience="clean-neutral"] .font-bold,
html[data-color-experience="clean-neutral"] .font-semibold {
  font-weight: 600 !important;
}

html[data-color-experience="clean-neutral"] :where(
  [class*="text-slate-950"], [class*="text-slate-900"], [class*="text-gray-950"], [class*="text-gray-900"],
  [class*="text-neutral-950"], [class*="text-neutral-900"], [class*="text-zinc-950"], [class*="text-zinc-900"],
  [class*="text-black"], [class*="text-[#081A45]"], [class*="text-[#081B5C]"], [class*="text-[#0F172A]"], [class*="text-[#10213F]"],
  [class*="text-[#111111]"], [class*="text-[#171717]"], [class*="text-[#202124]"], [class*="text-[#25272b]"]
) {
  color: var(--cn-heading) !important;
}

html[data-color-experience="clean-neutral"] :where(
  [class*="text-slate-700"], [class*="text-slate-600"], [class*="text-gray-700"], [class*="text-gray-600"],
  [class*="text-neutral-700"], [class*="text-neutral-600"], [class*="text-zinc-700"], [class*="text-zinc-600"],
  [class*="text-[#334155]"], [class*="text-[#42516A]"], [class*="text-[#46556D]"], [class*="text-[#475569]"],
  [class*="text-[#4B5563]"], [class*="text-[#525252]"], [class*="text-[#536178]"], [class*="text-[#706a6d]"]
) {
  color: var(--cn-text-secondary) !important;
}

html[data-color-experience="clean-neutral"] :where(
  [class*="text-slate-500"], [class*="text-slate-400"], [class*="text-gray-500"], [class*="text-gray-400"],
  [class*="text-neutral-500"], [class*="text-neutral-400"], [class*="text-zinc-500"], [class*="text-zinc-400"],
  [class*="text-[#64748B]"], [class*="text-[#6B7280]"], [class*="text-[#737373]"], [class*="text-[#7C879A]"],
  [class*="text-[#9a9497]"], [class*="text-[#A3A3A3]"]
) {
  color: var(--cn-muted) !important;
}

html[data-color-experience="clean-neutral"] :where(
  [class*="text-blue-"], [class*="text-indigo-"], [class*="text-violet-"], [class*="text-purple-"],
  [class*="text-cyan-"], [class*="text-sky-"], [class*="text-[#1769FF]"], [class*="text-[#2563EB]"],
  [class*="text-[#315BCA]"], [class*="text-[#7B61FF]"]
):not(.clean-neutral-keep-info) {
  color: var(--cn-heading) !important;
}

/* Page, section, card and control surfaces */
html[data-color-experience="clean-neutral"] :where(
  [class*="bg-[#F8FBFF]"], [class*="bg-[#F8FAFD]"], [class*="bg-[#F8FAFC]"], [class*="bg-[#F7F8FA]"],
  [class*="bg-[#F7F9FC]"], [class*="bg-[#F7F7F8]"], [class*="bg-[#F5F7FA]"], [class*="bg-[#F5F7FB]"],
  [class*="bg-[#F2F5F9]"], [class*="bg-[#FBFBFB]"],
  [class*="bg-slate-50"], [class*="bg-gray-50"], [class*="bg-neutral-50"], [class*="bg-zinc-50"]
) {
  background-color: var(--cn-page) !important;
}

html[data-color-experience="clean-neutral"] :where(
  [class~="bg-white"], [class*="bg-white/"], [class*="bg-[#FFFFFF]"], [class*="bg-[#FFFEFB]"], [class*="bg-[#FFFEF8]"]
) {
  background-color: var(--cn-surface) !important;
}

html[data-color-experience="clean-neutral"] :where(
  [class*="bg-slate-100"], [class*="bg-gray-100"], [class*="bg-neutral-100"], [class*="bg-zinc-100"],
  [class*="bg-[#EEF6FF]"], [class*="bg-[#EEF2FF]"], [class*="bg-[#E8F2FF]"], [class*="bg-[#E8F0FE]"],
  [class*="bg-[#E8F0FF]"], [class*="bg-[#F1EEFF]"], [class*="bg-[#F1F3F5]"], [class*="bg-[#F3F4F6]"]
) {
  background-color: var(--cn-control) !important;
}

html[data-color-experience="clean-neutral"] :where(
  article, form, dialog, [role="dialog"], .common-modal-content, .coming-soon-content, .share-modal-content,
  .cart-sidebar, .subscription-plan-card, .profile-glass-card, .profile-performance-card,
  .payment-item-summary, .payment-detail-trust-panel, .payment-action-section
):where([class*="border"], [class*="shadow"], [class*="rounded"], .common-modal-content, .cart-sidebar) {
  border-color: var(--cn-border) !important;
  box-shadow: var(--cn-shadow-card) !important;
}

html[data-color-experience="clean-neutral"] :where(
  article, section, aside, form, dialog, [role="dialog"], .common-modal-content, .coming-soon-content,
  .share-modal-content, .cart-sidebar, .subscription-plan-card, .profile-glass-card, .profile-performance-card
):where([class*="rounded-2xl"], [class*="rounded-3xl"], [class*="rounded-[1."], [class*="rounded-[2"], [class*="rounded-[22px]"]):not([class*="rounded-full"]) {
  border-radius: var(--cn-radius-card) !important;
}

html[data-color-experience="clean-neutral"] :where(
  button, a[role="button"], input, textarea, select, [role="tab"], [role="menuitem"]
):not([class*="rounded-full"]):not([data-clean-neutral-shape="preserve"]) {
  border-radius: var(--cn-radius-control) !important;
}

html[data-color-experience="clean-neutral"] :where(
  .product-card-media-safe-frame, .purchased-product-media-frame, img[class*="rounded-2xl"], img[class*="rounded-3xl"],
  video[class*="rounded-2xl"], iframe[class*="rounded-2xl"], div[class*="overflow-hidden"][class*="rounded-2xl"]
) {
  border-radius: var(--cn-radius-control) !important;
}

html[data-color-experience="clean-neutral"] :where(
  [class*="border-slate"], [class*="border-gray"], [class*="border-neutral"], [class*="border-zinc"],
  [class*="border-blue"], [class*="border-indigo"], [class*="border-violet"], [class*="border-purple"],
  [class*="border-cyan"], [class*="border-[#D9E7F8]"], [class*="border-[#E1E7F0]"], [class*="border-[#E2E8F0]"],
  [class*="border-[#E5E7EB]"], [class*="border-[#BFD7FF]"], [class*="border-[#E3ECF8]"]
):not(.clean-neutral-status-border) {
  border-color: var(--cn-border) !important;
}

html[data-color-experience="clean-neutral"] :where([class*="shadow-["], .shadow-sm, .shadow, .shadow-md, .shadow-lg, .shadow-xl, .shadow-2xl):not(.clean-neutral-floating):not(.no-premium-shadow) {
  box-shadow: var(--cn-shadow-card) !important;
}

html[data-color-experience="clean-neutral"] :where(
  .common-modal-content, .coming-soon-content, .share-modal-content, .cart-sidebar,
  [role="dialog"] > :where(div, section, form), [data-reading-drawer-panel]
) {
  background: var(--cn-surface) !important;
  border-color: var(--cn-border) !important;
  box-shadow: var(--cn-shadow-float) !important;
}

html[data-color-experience="clean-neutral"] :where(
  [class*="bg-gradient-"], [class*="bg-[linear-gradient"], [class*="bg-[radial-gradient"], [class*="bg-[conic-gradient"],
  [style*="linear-gradient"], [style*="radial-gradient"], [style*="conic-gradient"]
):not(.clean-neutral-preserve-gradient):not(.community-profile-image-scrim):not(.checkout-contrast-panel):not(.course-media-stage) {
  background-image: none !important;
}

html[data-color-experience="clean-neutral"] :where(
  section, article, main, aside, header, footer, form, dialog, div
):not(.absolute):is([class*="bg-gradient-"], [class*="bg-[linear-gradient"], [class*="bg-[radial-gradient"], [class*="bg-[conic-gradient"]):not(.checkout-contrast-panel):not(.course-media-stage) {
  background-color: var(--cn-surface-soft) !important;
}

/* Inputs and form controls */
html[data-color-experience="clean-neutral"] :where(input, textarea, select) {
  background: var(--cn-surface) !important;
  border: 1px solid var(--cn-border) !important;
  color: var(--cn-heading) !important;
  box-shadow: none !important;
  caret-color: var(--cn-heading);
}

html[data-color-experience="clean-neutral"] :where(input, textarea, select)::placeholder {
  color: var(--cn-disabled) !important;
  opacity: 1;
}

html[data-color-experience="clean-neutral"] :where(input, textarea, select):focus,
html[data-color-experience="clean-neutral"] :where(button, a, [role="button"], [role="tab"]):focus-visible {
  outline: none !important;
  border-color: var(--cn-border-strong) !important;
  box-shadow: 0 0 0 3px var(--cn-focus) !important;
}

html[data-color-experience="clean-neutral"] :where(input[type="checkbox"], input[type="radio"], input[type="range"]) {
  accent-color: var(--cn-primary);
}

/* Primary actions: black, restrained and high contrast. */
html[data-color-experience="clean-neutral"] :where(
  .eduvora-primary-action, .payment-primary-action, .cart-primary-action, .product-checkout-primary,
  .product-checkout-update, .latest-update-payment-action, .shipnow-shell-action,
  .course-player-paid-update-action, button[class*="bg-blue-6"], button[class*="bg-blue-7"],
  button[class*="bg-indigo-6"], button[class*="bg-indigo-7"], button[class*="bg-violet-6"],
  button[class*="bg-purple-6"], button[class*="bg-slate-9"], button[class*="bg-gray-9"],
  button[class*="bg-[#1769FF]"], button[class*="bg-[#0B63FF]"], button[class*="bg-[#2563EB]"],
  button[class*="bg-[#315BCA]"], button[class*="bg-[#7B61FF]"], button[class*="from-blue"],
  button[class*="from-indigo"], button[class*="from-violet"], button[class*="from-purple"],
  a[class*="bg-blue-6"], a[class*="bg-indigo-6"], a[class*="bg-slate-9"], a[class*="from-blue"],
  a[class*="from-indigo"], [role="button"][class*="bg-blue-6"], [role="button"][class*="bg-indigo-6"]
):not([class*="bg-red"]):not([class*="bg-rose"]):not([class*="bg-green"]):not([class*="bg-emerald"]):not(.clean-neutral-preserve-action) {
  background: var(--cn-primary) !important;
  background-image: none !important;
  border: 1px solid var(--cn-primary) !important;
  color: var(--cn-primary-foreground) !important;
  box-shadow: none !important;
  text-shadow: none !important;
  transform: none;
}

html[data-color-experience="clean-neutral"] :where(
  .eduvora-primary-action, .payment-primary-action, .cart-primary-action, .product-checkout-primary,
  .product-checkout-update, .latest-update-payment-action, .shipnow-shell-action,
  .course-player-paid-update-action, button[class*="bg-blue-6"], button[class*="bg-indigo-6"],
  button[class*="bg-slate-9"], button[class*="from-blue"], button[class*="from-indigo"],
  button[class*="from-violet"], button[class*="from-purple"]
):not(:disabled):hover {
  background: var(--cn-primary-hover) !important;
  border-color: var(--cn-primary-hover) !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
}

html[data-color-experience="clean-neutral"] :where(
  .eduvora-primary-action, .payment-primary-action, .cart-primary-action, .product-checkout-primary,
  .product-checkout-update, .latest-update-payment-action, .shipnow-shell-action,
  .course-player-paid-update-action, button[class*="bg-blue-6"], button[class*="bg-indigo-6"],
  button[class*="bg-slate-9"], button[class*="from-blue"], button[class*="from-indigo"]
):not(:disabled):active {
  transform: scale(0.98) !important;
}

html[data-color-experience="clean-neutral"] :where(
  .eduvora-primary-action, .payment-primary-action, .cart-primary-action, .product-checkout-primary,
  .product-checkout-update, .latest-update-payment-action, .shipnow-shell-action,
  .course-player-paid-update-action
) :where(span, svg, path) {
  color: inherit !important;
  stroke: currentColor;
}

/* Secondary and neutral controls */
html[data-color-experience="clean-neutral"] :where(
  button[class*="bg-white"], button[class*="bg-slate-50"], button[class*="bg-slate-100"],
  button[class*="bg-gray-50"], button[class*="bg-gray-100"], button[class*="bg-neutral-100"],
  a[class*="bg-white"], a[class*="bg-slate-50"], a[class*="bg-gray-100"],
  .product-checkout-secondary
):not([class*="text-white"]):not([class*="bg-red"]):not([class*="bg-rose"]):not(.clean-neutral-preserve-action) {
  background: var(--cn-control) !important;
  border: 1px solid var(--cn-border) !important;
  color: var(--cn-secondary-foreground) !important;
  box-shadow: none !important;
}

html[data-color-experience="clean-neutral"] :where(
  button[class*="bg-white"], button[class*="bg-slate-50"], button[class*="bg-slate-100"],
  button[class*="bg-gray-50"], button[class*="bg-gray-100"], .product-checkout-secondary
):not(:disabled):hover {
  background: var(--cn-control-hover) !important;
  border-color: var(--cn-border-strong) !important;
}

html[data-color-experience="clean-neutral"] :where(button:disabled, button[disabled], [aria-disabled="true"]) {
  cursor: not-allowed !important;
  opacity: 0.52 !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Navigation, tabs and selected states */
html[data-color-experience="clean-neutral"] :where(
  [aria-current="page"], [aria-selected="true"], [data-state="active"],
  nav button[aria-pressed="true"], [role="tab"][aria-selected="true"]
):not(.clean-neutral-preserve-active) {
  background: var(--cn-active) !important;
  border-color: var(--cn-border) !important;
  color: var(--cn-active-foreground) !important;
  box-shadow: none !important;
  font-weight: 600 !important;
}

html[data-color-experience="clean-neutral"] :where(nav, [role="tablist"], .bottom-glass-dock, .home-side-dock-performance) :where(svg, span) {
  color: currentColor;
}

html[data-color-experience="clean-neutral"] :where(nav button, nav a, [role="tab"], [role="menuitem"]):not([aria-current="page"]):not([aria-selected="true"]) {
  color: var(--cn-inactive-foreground);
}

html[data-color-experience="clean-neutral"] :where(nav button, nav a, [role="tab"], [role="menuitem"]):not(:disabled):hover {
  background-color: var(--cn-control) !important;
  color: var(--cn-heading) !important;
}

/* Header, sidebars, docks and tables */
html[data-color-experience="clean-neutral"] header:not(.clean-neutral-preserve-header) {
  background: rgba(255, 255, 255, 0.98) !important;
  border-color: var(--cn-border) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
  backdrop-filter: none !important;
}

html[data-color-experience="clean-neutral"] :where(
  .home-side-dock-performance, .bottom-glass-dock, .cart-sidebar,
  .eduvora-community-polish aside, .tagmaster-admin-theme aside
) {
  border-color: var(--cn-border) !important;
}

html[data-color-experience="clean-neutral"] :where(table, thead, tbody, tr, th, td) {
  border-color: var(--cn-border) !important;
}

html[data-color-experience="clean-neutral"] table {
  background: var(--cn-surface) !important;
  color: var(--cn-text) !important;
}

html[data-color-experience="clean-neutral"] thead th {
  background: var(--cn-surface-soft) !important;
  color: var(--cn-muted) !important;
  font-weight: 600 !important;
}

html[data-color-experience="clean-neutral"] tbody tr:hover {
  background: var(--cn-surface-soft) !important;
}

/* Semantic status colors remain recognizable and accessible. */
html[data-color-experience="clean-neutral"] :where([class*="bg-green-"], [class*="bg-emerald-"]) {
  background-color: var(--cn-success-soft) !important;
  color: var(--cn-success) !important;
}

html[data-color-experience="clean-neutral"] :where([class*="text-green-"], [class*="text-emerald-"]) {
  color: var(--cn-success) !important;
}

html[data-color-experience="clean-neutral"] :where([class*="bg-yellow-"], [class*="bg-amber-"], [class*="bg-orange-"]) {
  background-color: var(--cn-warning-soft) !important;
  color: var(--cn-warning) !important;
}

html[data-color-experience="clean-neutral"] :where([class*="text-yellow-"], [class*="text-amber-"], [class*="text-orange-"]) {
  color: var(--cn-warning) !important;
}

html[data-color-experience="clean-neutral"] :where([class*="bg-red-"], [class*="bg-rose-"]) {
  background-color: var(--cn-danger-soft) !important;
  color: var(--cn-danger) !important;
}

html[data-color-experience="clean-neutral"] :where([class*="text-red-"], [class*="text-rose-"]) {
  color: var(--cn-danger) !important;
}

html[data-color-experience="clean-neutral"] :where(button, a)[class*="bg-red-"][class*="text-white"],
html[data-color-experience="clean-neutral"] :where(button, a)[class*="bg-rose-"][class*="text-white"] {
  background: var(--cn-danger) !important;
  border-color: var(--cn-danger) !important;
  color: #ffffff !important;
}

/* Admin workspace tokens */
html[data-color-experience="clean-neutral"] .shipnow-admin-page-theme,
html[data-color-experience="clean-neutral"] .shipnow-admin-content {
  --dc-admin-bg: var(--cn-page);
  --dc-admin-surface: var(--cn-surface);
  --dc-admin-surface-soft: var(--cn-surface-soft);
  --dc-admin-border: var(--cn-border);
  --dc-admin-border-strong: var(--cn-border-strong);
  --dc-admin-ink: var(--cn-heading);
  --dc-admin-muted: var(--cn-muted);
  --dc-admin-faint: var(--cn-disabled);
  --dc-admin-primary: var(--cn-primary);
  --dc-admin-primary-hover: var(--cn-primary-hover);
  --dc-admin-active: var(--cn-active);
  --dc-admin-accent: var(--cn-heading);
  --dc-admin-danger: var(--cn-danger);
  --dc-admin-success: var(--cn-success);
  --dc-admin-warning: var(--cn-warning);
  background: var(--cn-page) !important;
  color: var(--cn-text) !important;
}

html[data-color-experience="clean-neutral"] .product-editor-workspace {
  --pe-bg: var(--cn-page);
  --pe-surface: var(--cn-surface);
  --pe-surface-soft: var(--cn-surface-soft);
  --pe-border: var(--cn-border);
  --pe-border-strong: var(--cn-border-strong);
  --pe-ink: var(--cn-heading);
  --pe-muted: var(--cn-muted);
  --pe-faint: var(--cn-disabled);
  --pe-primary: var(--cn-primary);
  --pe-primary-hover: var(--cn-primary-hover);
  --pe-danger: var(--cn-danger);
  --pe-success: var(--cn-success);
  background: var(--cn-page) !important;
}

html[data-color-experience="clean-neutral"] :where(.shipnow-admin-page-theme, .product-editor-workspace) :where(button[class*="bg-gradient"], button[class*="bg-blue"], button[class*="bg-indigo"], button[class*="bg-cyan"], button[class*="bg-primary"], button[class*="bg-slate-900"]):not([class*="bg-red"]):not([class*="bg-rose"]) {
  background: var(--cn-primary) !important;
  border-color: var(--cn-primary) !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

/* Community variables override inline custom palettes without changing behavior. */
html[data-color-experience="clean-neutral"] .eduvora-community-polish {
  --community-page-bg: var(--cn-page) !important;
  --community-surface: var(--cn-surface) !important;
  --community-card: var(--cn-surface) !important;
  --community-soft: var(--cn-section) !important;
  --community-header-bg: var(--cn-surface) !important;
  --community-sidebar-bg: var(--cn-surface) !important;
  --community-composer-bg: var(--cn-surface) !important;
  --community-right-rail-bg: var(--cn-page) !important;
  --community-primary: var(--cn-primary) !important;
  --community-secondary: var(--cn-primary-hover) !important;
  --community-accent: var(--cn-active) !important;
  --community-heading: var(--cn-heading) !important;
  --community-body: var(--cn-text-secondary) !important;
  --community-muted: var(--cn-muted) !important;
  --community-border: var(--cn-border) !important;
  --community-active-bg: var(--cn-active) !important;
  --community-active-text: var(--cn-heading) !important;
  --community-dock-bg: var(--cn-surface) !important;
  --community-dock-item-bg: var(--cn-surface-soft) !important;
  --community-dock-active-bg: var(--cn-active) !important;
  --community-dock-text: var(--cn-muted) !important;
  --community-dock-active-text: var(--cn-heading) !important;
  --community-outgoing-bubble: var(--cn-primary) !important;
  --community-incoming-bubble: var(--cn-surface) !important;
  --community-shadow: var(--cn-shadow-card) !important;
  --community-social-page: var(--cn-page) !important;
  --community-social-soft: var(--cn-section) !important;
  --community-social-ink: var(--cn-heading) !important;
  --community-social-muted: var(--cn-muted) !important;
  --community-social-border: var(--cn-border) !important;
  --community-social-blue: var(--cn-primary) !important;
  --community-social-orange: var(--cn-primary) !important;
  background: var(--cn-page) !important;
}

html[data-color-experience="clean-neutral"] :where(.eduvora-community-main, .eduvora-community-app, .tagmaster-section-theme, .tagmaster-admin-theme) {
  background: var(--cn-page) !important;
}

html[data-color-experience="clean-neutral"] .eduvora-community-app {
  background: var(--cn-surface) !important;
}

html[data-color-experience="clean-neutral"] .community-story-ring {
  background: var(--cn-primary) !important;
}

html[data-color-experience="clean-neutral"] :where(.community-profile-empty-state, .community-profile-poll-preview) {
  background: var(--cn-control) !important;
}

html[data-color-experience="clean-neutral"] .community-profile-text-preview {
  background: var(--cn-surface-soft) !important;
}

html[data-color-experience="clean-neutral"] .community-profile-image-scrim {
  background: rgba(23, 23, 23, 0.68) !important;
}

html[data-color-experience="clean-neutral"] .community-ai-mentor-overlay {
  background: rgba(23, 23, 23, 0.28) !important;
}

html[data-color-experience="clean-neutral"] .community-ai-mentor-panel {
  background: var(--cn-surface) !important;
  border-color: var(--cn-border) !important;
  box-shadow: var(--cn-shadow-float) !important;
}

/* Reading, profile, store and subscription surfaces */
html[data-color-experience="clean-neutral"] [data-reading-drawer-panel],
html[data-color-experience="clean-neutral"] .reading-drawer-header,
html[data-color-experience="clean-neutral"] .reading-rich-html {
  --reading-heading-color: var(--cn-heading) !important;
  --reading-body-color: var(--cn-text) !important;
  --reading-meta-color: var(--cn-muted) !important;
  --reading-link-color: var(--cn-heading) !important;
  background: var(--cn-surface) !important;
  color: var(--cn-text) !important;
}

html[data-color-experience="clean-neutral"] .reading-article-quote {
  background: var(--cn-surface-soft) !important;
  border-color: var(--cn-border-strong) !important;
  color: var(--cn-text-secondary) !important;
}

html[data-color-experience="clean-neutral"] :where(.profile-performance-root, .profile-performance-backdrop) {
  background: var(--cn-page) !important;
}

html[data-color-experience="clean-neutral"] :where(.profile-glass-card, .profile-performance-card, .subscription-plan-card, .product-card-shine) {
  background: var(--cn-surface) !important;
  border-color: var(--cn-border) !important;
  box-shadow: var(--cn-shadow-card) !important;
}

html[data-color-experience="clean-neutral"] .subscription-page-theme-adaptive {
  --color-primary: var(--cn-primary) !important;
  --color-primary-foreground: #ffffff !important;
  background: var(--cn-page) !important;
  color: var(--cn-text) !important;
}

html[data-color-experience="clean-neutral"] .subscription-page-theme-adaptive [class*="bg-[#F4F35B]"] {
  background: var(--cn-primary) !important;
  color: #ffffff !important;
}

/* Payment keeps intentional trust contrast while removing decorative blue gradients. */
html[data-color-experience="clean-neutral"] .payment-checkout-page,
html[data-color-experience="clean-neutral"] .payment-checkout-long-page {
  background: var(--cn-page) !important;
  color: var(--cn-text) !important;
}

html[data-color-experience="clean-neutral"] .checkout-contrast-panel,
html[data-color-experience="clean-neutral"] .payment-checkout-blue-hero {
  background: var(--cn-primary) !important;
  background-image: none !important;
  border-color: var(--cn-primary) !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

html[data-color-experience="clean-neutral"] :where(.checkout-contrast-panel, .payment-checkout-blue-hero) :where(h1, h2, h3, h4, p, span, strong, small, div, svg) {
  color: #ffffff !important;
}

html[data-color-experience="clean-neutral"] .payment-card-icon {
  border-color: rgba(255, 255, 255, 0.28) !important;
  background: rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
}

/* Course player: neutral shell, untouched black/white media viewers. */
html[data-color-experience="clean-neutral"] .course-player-theme {
  background: var(--cn-page) !important;
  color: var(--cn-text) !important;
}

html[data-color-experience="clean-neutral"] :where(.course-module-panel-open, .course-module-panel-closed, .open-docs-panel) {
  background: var(--cn-surface) !important;
  border-color: var(--cn-border) !important;
}

html[data-color-experience="clean-neutral"] :where(
  .course-drive-fixed-stage, .course-drive-fixed-body, .course-drive-fixed-video-viewport,
  .course-native-video-shell, .course-direct-video-stage, .course-youtube-player-shell,
  .course-youtube-frame, .course-player-content-frame:has(video), .course-media-stage
) {
  background: #000000 !important;
}

html[data-color-experience="clean-neutral"] :where(
  .course-drive-fixed-audio-viewport, .course-direct-audio-stage, .course-hosted-document-stage,
  .course-hosted-document-frame, .open-docs-page
) {
  background: #ffffff !important;
}

/* Backdrops and floating layers */
html[data-color-experience="clean-neutral"] :where(
  .cart-overlay, .payment-razorpay-launch-overlay,
  div[class*="fixed"][class*="inset-0"][class*="bg-black"],
  div[class*="fixed"][class*="inset-0"][class*="bg-slate-950"],
  div[class*="fixed"][class*="inset-0"][class*="bg-gray-950"]
) {
  background: rgba(23, 23, 23, 0.32) !important;
  backdrop-filter: none !important;
}

/* Standalone icons use the selected page/device icon colour. */
html[data-color-experience="clean-neutral"] :where(svg, [data-icon]):not(.clean-neutral-preserve-icon) {
  color: var(--cn-icon);
}

/* Icons inside controls continue to inherit the deliberate control state. */
html[data-color-experience="clean-neutral"] :where(button, a, nav, [role="button"], [role="tab"], [role="menuitem"]) :where(svg, path, circle, rect, line, polyline) {
  color: inherit;
}

html[data-color-experience="clean-neutral"] :where(button, a, nav, [role="button"], [role="tab"], [role="menuitem"]) svg:not([fill="none"]) {
  fill: currentColor;
}

html[data-color-experience="clean-neutral"] :where(button, a, nav, [role="button"], [role="tab"], [role="menuitem"]) svg[fill="none"] {
  stroke: currentColor;
}

/* Restrained interaction motion */
html[data-color-experience="clean-neutral"] :where(button, a, input, textarea, select, [role="button"], [role="tab"]) {
  transition-property: color, background-color, border-color, box-shadow, opacity, transform !important;
  transition-duration: var(--cn-motion-fast) !important;
  transition-timing-function: ease !important;
}

html[data-color-experience="clean-neutral"] :where(.hover\:-translate-y-1, .hover\:-translate-y-0\.5, [class*="hover:-translate-y"]):hover {
  transform: none !important;
}

@media (max-width: 640px) {
  html[data-color-experience="clean-neutral"] :where(article, form, dialog, [role="dialog"]) {
    box-shadow: var(--cn-shadow-card) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-color-experience="clean-neutral"] *,
  html[data-color-experience="clean-neutral"] *::before,
  html[data-color-experience="clean-neutral"] *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/* CLEAN_NEUTRAL_PHASE3_PRECISION_V1 */
/* Evidence-backed precision corrections after the completed 51-state audit. */

html[data-color-experience="clean-neutral"] :where(
  [class*="text-[#7A8499]"], [class*="text-[#7A879A]"],
  [class*="text-[#8A94A8]"], [class*="text-[#98A2B3]"],
  [class*="text-[#A3ACBB]"], [class*="text-[#C3CAD7]"]
) { color: var(--cn-muted) !important; }

html[data-color-experience="clean-neutral"] .liquid-metal-button.eduvora-primary-action {
  background: var(--cn-primary) !important;
  background-image: none !important;
  border-color: var(--cn-primary) !important;
  box-shadow: var(--cn-shadow-card) !important;
  filter: none !important;
}
html[data-color-experience="clean-neutral"] .liquid-metal-button.eduvora-primary-action:hover {
  background: var(--cn-primary-hover) !important;
}
html[data-color-experience="clean-neutral"] .liquid-metal-button__surface {
  background: none !important;
  background-image: none !important;
  opacity: 0 !important;
}
html[data-color-experience="clean-neutral"] .liquid-metal-button__content {
  color: var(--cn-primary-foreground) !important;
  text-shadow: none !important;
}

html[data-color-experience="clean-neutral"] header button[class*="bg-[#1557B0]"] {
  background: var(--cn-primary) !important;
  background-image: none !important;
  border-color: var(--cn-primary) !important;
  color: var(--cn-primary-foreground) !important;
  box-shadow: var(--cn-shadow-card) !important;
}
html[data-color-experience="clean-neutral"] header button[class*="bg-[#1557B0]"]:hover {
  background: var(--cn-primary-hover) !important;
}

html[data-color-experience="clean-neutral"] .home-side-dock-surface {
  background: var(--cn-surface) !important;
  border-color: var(--cn-border) !important;
  border-radius: var(--cn-radius-card) !important;
  box-shadow: var(--cn-shadow-card) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html[data-color-experience="clean-neutral"] .home-side-dock-surface > :where(div, nav) {
  border-color: var(--cn-border) !important;
}
html[data-color-experience="clean-neutral"] .home-side-dock-surface nav > button {
  background: var(--cn-surface) !important;
  background-image: none !important;
  border-color: var(--cn-border) !important;
  color: var(--cn-text-secondary) !important;
  box-shadow: none !important;
}
html[data-color-experience="clean-neutral"] .home-side-dock-surface nav > button[aria-current="page"] {
  background: var(--cn-active) !important;
  border-color: var(--cn-border-strong) !important;
  color: var(--cn-heading) !important;
  box-shadow: none !important;
}
html[data-color-experience="clean-neutral"] .home-side-dock-surface nav > button > span:not([class*="rounded-full"]) {
  background: var(--cn-control) !important;
  border-color: var(--cn-border) !important;
  color: inherit !important;
  box-shadow: none !important;
}
html[data-color-experience="clean-neutral"] .home-side-dock-surface nav > button > span[class*="flex-1"] {
  background: transparent !important;
  border: 0 !important;
}
html[data-color-experience="clean-neutral"] .home-side-dock-surface > div:last-child > div {
  background: var(--cn-surface-soft) !important;
  border-color: var(--cn-border) !important;
}
html[data-color-experience="clean-neutral"] .home-side-dock-surface > div:last-child p {
  color: var(--cn-text-secondary) !important;
}

html[data-color-experience="clean-neutral"] #main-bottom-dock {
  background: var(--cn-surface) !important;
  border-color: var(--cn-border) !important;
  border-radius: var(--cn-radius-card) !important;
  box-shadow: var(--cn-shadow-float) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html[data-color-experience="clean-neutral"] #main-bottom-dock > .pointer-events-none.absolute.inset-0 {
  background: none !important;
  opacity: 0 !important;
}
html[data-color-experience="clean-neutral"] #main-bottom-dock button {
  background: var(--cn-surface) !important;
  background-image: none !important;
  border-color: var(--cn-border) !important;
  color: var(--cn-muted) !important;
  box-shadow: none !important;
}
html[data-color-experience="clean-neutral"] #main-bottom-dock button[aria-current="page"] {
  background: var(--cn-active) !important;
  border-color: var(--cn-border-strong) !important;
  color: var(--cn-heading) !important;
}
html[data-color-experience="clean-neutral"] #main-bottom-dock button > span.absolute.inset-0 {
  background: none !important;
  background-image: none !important;
  opacity: 0 !important;
}
html[data-color-experience="clean-neutral"] #main-bottom-dock button > span.relative.flex {
  background: var(--cn-control) !important;
  border-color: var(--cn-border) !important;
  color: inherit !important;
  box-shadow: none !important;
}
html[data-color-experience="clean-neutral"] #main-bottom-dock button > span[class*="mt-1"] {
  color: inherit !important;
}
html[data-color-experience="clean-neutral"] #main-bottom-dock .dock-count-badge {
  color: #ffffff !important;
}

html[data-color-experience="clean-neutral"] [data-clean-neutral-workspace="mobile-home"] {
  background: var(--cn-page) !important;
  background-image: none !important;
  color: var(--cn-text-secondary) !important;
}
html[data-color-experience="clean-neutral"] [data-clean-neutral-workspace="mobile-home"] :where(
  header, section[class*="border"], article[class*="border"], div[class*="border"]
) { border-color: var(--cn-border) !important; }
html[data-color-experience="clean-neutral"] [data-clean-neutral-workspace="mobile-home"] :where(
  header, [class*="rounded-[28px]"], [class*="rounded-[26px]"],
  [class*="rounded-[24px]"], [class*="rounded-[22px]"], [class*="rounded-[20px]"]
) { border-radius: var(--cn-radius-card) !important; }
html[data-color-experience="clean-neutral"] [data-clean-neutral-workspace="mobile-home"] :where(
  header, section[class*="shadow-["], article[class*="shadow-["], div[class*="shadow-["]
) { box-shadow: var(--cn-shadow-card) !important; }
html[data-color-experience="clean-neutral"] [data-clean-neutral-workspace="mobile-home"] :where(
  [class*="bg-[radial-gradient"], [class*="bg-[linear-gradient"]
) { background-image: none !important; }
html[data-color-experience="clean-neutral"] [data-clean-neutral-workspace="mobile-home"] > section:first-of-type {
  background: var(--cn-surface) !important;
}
html[data-color-experience="clean-neutral"] [data-clean-neutral-workspace="mobile-home"] > section:first-of-type > div.absolute[class*="blur-"] {
  display: none !important;
}
html[data-color-experience="clean-neutral"] [data-clean-neutral-workspace="mobile-home"] :where(
  [class*="bg-[#DCCBFF]"], [class*="bg-[#BFD7FF]"], [class*="bg-[#EEF6FF]"],
  [class*="bg-[#EDE7FF]"], [class*="bg-[#D8E6FF]"], [class*="bg-[#F5F9FF]"]
) {
  background: var(--cn-control) !important;
  background-image: none !important;
}
html[data-color-experience="clean-neutral"] [data-clean-neutral-workspace="mobile-home"] :where(
  [class*="border-[#D8E6FF]"], [class*="border-[#BFD7FF]"],
  [class*="border-[#C8D7EE]"], [class*="border-[#AFCBFF]"]
) { border-color: var(--cn-border) !important; }
html[data-color-experience="clean-neutral"] [data-clean-neutral-workspace="mobile-home"] :where(
  [class*="text-[#0B63FF]"], [class*="text-[#1557B0]"],
  [class*="text-[#7C4DFF]"], [class*="text-[#315CEB]"]
) { color: var(--cn-heading) !important; }
html[data-color-experience="clean-neutral"] [data-clean-neutral-workspace="mobile-home"] :where(
  [class*="text-[#081A44]"], [class*="text-[#081A45]"]
) { color: var(--cn-heading) !important; }
html[data-color-experience="clean-neutral"] [data-clean-neutral-workspace="mobile-home"] :where(
  [class*="text-[#64708F]"], [class*="text-[#536178]"]
) { color: var(--cn-text-secondary) !important; }
html[data-color-experience="clean-neutral"] [data-clean-neutral-workspace="mobile-home"] :where(
  button[class*="bg-[#0B63FF]"], button[class*="from-[#0B63FF]"], a[class*="bg-[#0B63FF]"]
) {
  background: var(--cn-primary) !important;
  background-image: none !important;
  border-color: var(--cn-primary) !important;
  color: var(--cn-primary-foreground) !important;
  box-shadow: var(--cn-shadow-card) !important;
}
html[data-color-experience="clean-neutral"] [data-clean-neutral-workspace="mobile-home"] button[class*="rounded-full"][class*="px-4"][class*="py-2"] {
  background: var(--cn-active) !important;
  border-color: var(--cn-border-strong) !important;
  color: var(--cn-heading) !important;
}

html[data-color-experience="clean-neutral"] :where(
  [data-feature="MAY_DAY_DESKTOP_V1"], [data-feature="MAY_DAY_MOBILE_V1"]
) {
  background: var(--cn-page) !important;
  color: var(--cn-text-secondary) !important;
}
html[data-color-experience="clean-neutral"] :where(
  [data-feature="MAY_DAY_DESKTOP_V1"], [data-feature="MAY_DAY_MOBILE_V1"]
) :where(section[class*="border"], article[class*="border"], div[class*="border"]) {
  border-color: var(--cn-border) !important;
}
html[data-color-experience="clean-neutral"] :where(
  [data-feature="MAY_DAY_DESKTOP_V1"], [data-feature="MAY_DAY_MOBILE_V1"]
) :where(
  section[class*="rounded-[20px]"], section[class*="rounded-[22px]"],
  section[class*="rounded-[24px]"], article[class*="rounded-[18px]"],
  div[class*="rounded-[20px]"]
) { border-radius: var(--cn-radius-card) !important; }
html[data-color-experience="clean-neutral"] :where(
  [data-feature="MAY_DAY_DESKTOP_V1"], [data-feature="MAY_DAY_MOBILE_V1"]
) :where(section[class*="shadow-["], article[class*="shadow-["]) {
  box-shadow: var(--cn-shadow-card) !important;
}
html[data-color-experience="clean-neutral"] :where(
  [data-feature="MAY_DAY_DESKTOP_V1"], [data-feature="MAY_DAY_MOBILE_V1"]
) :where(
  [class*="text-[#315CEB]"], [class*="text-[#704CF2]"], [class*="text-[#6255F6]"],
  [class*="text-[#5132B4]"], [class*="text-[#137CC1]"], [class*="text-[#F08A00]"]
):not(.clean-neutral-keep-info) { color: var(--cn-heading) !important; }
html[data-color-experience="clean-neutral"] :where(
  [data-feature="MAY_DAY_DESKTOP_V1"], [data-feature="MAY_DAY_MOBILE_V1"]
) :where(
  [class*="bg-[#EEF2FF]"], [class*="bg-[#EEF3FF]"], [class*="bg-[#EEF1FF]"],
  [class*="bg-[#F1ECFF]"], [class*="bg-[#E8F7FF]"], [class*="bg-[#FFF4E4]"],
  [class*="bg-[#FBF9FF]"], [class*="bg-[#F8F4FF]"]
) {
  background: var(--cn-control) !important;
  background-image: none !important;
}
html[data-color-experience="clean-neutral"] :where(
  [data-feature="MAY_DAY_DESKTOP_V1"], [data-feature="MAY_DAY_MOBILE_V1"]
) :where(
  button[class*="bg-[#315CEB]"], button[class*="bg-[#704CF2]"],
  button[class*="from-[#315CEB]"], button[class*="from-[#4169F6]"],
  button[class*="from-[#10B8AA]"]
) {
  background: var(--cn-primary) !important;
  background-image: none !important;
  border-color: var(--cn-primary) !important;
  color: var(--cn-primary-foreground) !important;
  box-shadow: var(--cn-shadow-card) !important;
}
html[data-color-experience="clean-neutral"] :where(
  [data-feature="MAY_DAY_DESKTOP_V1"], [data-feature="MAY_DAY_MOBILE_V1"]
) button[aria-current="page"] {
  background: var(--cn-active) !important;
  background-image: none !important;
  border-color: var(--cn-border-strong) !important;
  color: var(--cn-heading) !important;
  box-shadow: none !important;
}
html[data-color-experience="clean-neutral"] :where(
  [data-feature="MAY_DAY_DESKTOP_V1"], [data-feature="MAY_DAY_MOBILE_V1"]
) button[aria-current="page"] > span {
  background: var(--cn-surface) !important;
  color: inherit !important;
  box-shadow: none !important;
}
html[data-color-experience="clean-neutral"] :where(
  [data-feature="MAY_DAY_DESKTOP_V1"], [data-feature="MAY_DAY_MOBILE_V1"]
) button[class*="bg-[#EEF2FF]"]:not([aria-current="page"]) {
  background: var(--cn-active) !important;
  border-color: var(--cn-border-strong) !important;
  color: var(--cn-heading) !important;
}
html[data-color-experience="clean-neutral"] :where(
  [data-feature="MAY_DAY_DESKTOP_V1"], [data-feature="MAY_DAY_MOBILE_V1"]
) :where(
  span[class*="bg-[#F1ECFF]"], span[class*="bg-[#E8F7FF]"],
  div[class*="bg-[#F1ECFF]"], div[class*="bg-[#E8F7FF]"]
) {
  background: var(--cn-control) !important;
  color: var(--cn-heading) !important;
}
html[data-color-experience="clean-neutral"] :where(
  [data-feature="MAY_DAY_DESKTOP_V1"], [data-feature="MAY_DAY_MOBILE_V1"]
) section[class*="from-[#10B8AA]"] {
  background: var(--cn-success-soft) !important;
  background-image: none !important;
  border: 1px solid #bbf7d0 !important;
  color: var(--cn-success) !important;
  box-shadow: var(--cn-shadow-card) !important;
}
html[data-color-experience="clean-neutral"] :where(
  [data-feature="MAY_DAY_DESKTOP_V1"], [data-feature="MAY_DAY_MOBILE_V1"]
) section[class*="from-[#10B8AA]"] :where(h1, h2, h3, p) {
  color: var(--cn-success) !important;
}
html[data-color-experience="clean-neutral"] :where(
  [data-feature="MAY_DAY_DESKTOP_V1"], [data-feature="MAY_DAY_MOBILE_V1"]
) section[class*="from-[#10B8AA]"] button {
  background: var(--cn-surface) !important;
  color: var(--cn-success) !important;
  border-color: #bbf7d0 !important;
}

html[data-color-experience="clean-neutral"] [data-clean-neutral-workspace="congratulations"] {
  background: var(--cn-page) !important;
  background-image: none !important;
  color: var(--cn-text) !important;
}
html[data-color-experience="clean-neutral"] [data-clean-neutral-workspace="congratulations"] main > .absolute {
  display: none !important;
}
html[data-color-experience="clean-neutral"] [data-clean-neutral-workspace="congratulations"] main > div > div {
  background: var(--cn-surface) !important;
  border-color: var(--cn-border) !important;
  border-radius: var(--cn-radius-card) !important;
  box-shadow: var(--cn-shadow-card) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html[data-color-experience="clean-neutral"] [data-clean-neutral-panel="congratulations-summary"] {
  background: var(--cn-section) !important;
  background-image: none !important;
  color: var(--cn-heading) !important;
}
html[data-color-experience="clean-neutral"] [data-clean-neutral-panel="congratulations-summary"] > .absolute {
  display: none !important;
}
html[data-color-experience="clean-neutral"] [data-clean-neutral-panel="congratulations-summary"] :where(h1, h2, h3) {
  color: var(--cn-heading) !important;
}
html[data-color-experience="clean-neutral"] [data-clean-neutral-panel="congratulations-summary"] :where(p, span) {
  color: var(--cn-text-secondary) !important;
}
html[data-color-experience="clean-neutral"] [data-clean-neutral-panel="congratulations-summary"] [class*="bg-white"] {
  background: var(--cn-control) !important;
  color: var(--cn-heading) !important;
}

html[data-color-experience="clean-neutral"] [data-clean-neutral-component="membership-upgrade"] {
  background: var(--cn-surface) !important;
  border-color: var(--cn-border) !important;
  border-radius: var(--cn-radius-card) !important;
  color: var(--cn-heading) !important;
  box-shadow: var(--cn-shadow-card) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html[data-color-experience="clean-neutral"] [data-clean-neutral-icon="membership-upgrade"] {
  background: var(--cn-control) !important;
  background-image: none !important;
  border: 1px solid var(--cn-border) !important;
  color: var(--cn-heading) !important;
  box-shadow: none !important;
}
html[data-color-experience="clean-neutral"] [data-clean-neutral-component="membership-upgrade"] > div:first-child p {
  color: var(--cn-muted) !important;
}
html[data-color-experience="clean-neutral"] [data-clean-neutral-component="membership-upgrade"] button:first-child {
  background: var(--cn-primary) !important;
  background-image: none !important;
  border-color: var(--cn-primary) !important;
  color: var(--cn-primary-foreground) !important;
  box-shadow: var(--cn-shadow-card) !important;
}
html[data-color-experience="clean-neutral"] [data-clean-neutral-component="membership-upgrade"] button + button {
  background: var(--cn-control) !important;
  border-color: var(--cn-border) !important;
  color: var(--cn-heading) !important;
}

html[data-color-experience="clean-neutral"] .store-filter-chip-strip > span {
  background: var(--cn-control) !important;
  border-color: var(--cn-border) !important;
  color: var(--cn-muted) !important;
}
html[data-color-experience="clean-neutral"] .store-mobile-two-column-grid > div.col-span-full > div[class*="h-16"][class*="w-16"] {
  background: var(--cn-control) !important;
  background-image: none !important;
  border-radius: var(--cn-radius-card) !important;
  color: var(--cn-heading) !important;
}

html[data-color-experience="clean-neutral"] .tagmaster-section-theme :where(
  [class*="bg-white/70"], [class*="bg-white/80"]
) { box-shadow: var(--cn-shadow-card) !important; }
html[data-color-experience="clean-neutral"] .tagmaster-admin-theme form,
html[data-color-experience="clean-neutral"] .tagmaster-admin-theme input {
  box-shadow: none !important;
}
html[data-color-experience="clean-neutral"] .tagmaster-admin-theme :where(
  button[class*="bg-[#1557B0]"], button[class*="bg-[#315CEB]"],
  button[class*="bg-[#0B63FF]"]
):not(.clean-neutral-keep-info):not([class*="danger"]):not([class*="delete"]) {
  background: var(--cn-primary) !important;
  background-image: none !important;
  border-color: var(--cn-primary) !important;
  color: var(--cn-primary-foreground) !important;
  box-shadow: var(--cn-shadow-card) !important;
}


/* CLEAN_NEUTRAL_ADVANCED_CUSTOMIZER_PHASE2_V2 */
html[data-color-experience="clean-neutral"] [data-clean-neutral-region] {
  box-sizing: border-box;
}

html[data-color-experience="clean-neutral"][data-clean-neutral-page="home"] :where(
  .desktop-home-performance,
  [data-clean-neutral-workspace="mobile-home"],
  [data-clean-neutral-region="shell.page"]
) {
  background-color: var(--cn-page) !important;
  background-image: none !important;
}

html[data-color-experience="clean-neutral"][data-clean-neutral-page="home"] [data-clean-neutral-region="content.hero"] {
  background-color: var(--cn-surface) !important;
  background-image: none !important;
  border-color: var(--cn-border) !important;
}

html[data-color-experience="clean-neutral"] .community-ai-mentor-panel :where(
  button[class*="rounded-full"],
  button[class*="border-[#D9E7F8]"],
  button[class*="bg-[#F8FBFF]"]
) {
  color: var(--cn-heading) !important;
  background-color: var(--cn-control) !important;
  border-color: var(--cn-border) !important;
}

html[data-color-experience="clean-neutral"] .community-ai-mentor-panel :where(
  button[class*="from-[#1769FF]"],
  button[class*="from-[#5B4BFF]"],
  button[class*="bg-[#7B61FF]"]
) {
  color: var(--cn-primary-foreground) !important;
  background: var(--cn-primary) !important;
}

html[data-color-experience="clean-neutral"] :where(
  [class*="course-player"] button,
  [class*="course-player"] [role="button"]
) :where(svg, [data-clean-neutral-icon-slot]) {
  color: currentColor !important;
  stroke: currentColor !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html[data-color-experience="clean-neutral"] [data-clean-neutral-icon-slot] svg {
  color: inherit !important;
  stroke: currentColor !important;
  fill: none !important;
}