/* TikRapid FLVX clean white override. Keep this file small and brutal: readability first. */
:root,
html,
html.dark,
html.light {
  color-scheme: light !important;
  background: #ffffff !important;
}

html.dark body,
html.light body,
body,
#root {
  background: #ffffff !important;
  background-image: none !important;
  color: #111827 !important;
}

body::before,
body::after,
#root::before,
#root::after {
  display: none !important;
  content: none !important;
}

#root,
#root main,
#root section,
#root article,
#root aside,
#root header,
#root nav,
#root footer,
#root [role="main"],
#root [role="dialog"],
#root [data-slot="base"],
#root [data-slot="content"],
#root [data-slot="wrapper"],
#root [data-slot="panel"],
#root [data-slot="popover"],
#root [data-slot="listbox"],
#root [data-slot="trigger"] {
  background-color: #ffffff !important;
  background-image: none !important;
  color: #111827 !important;
  border-color: #e5e7eb !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

#root [class*="bg-background"],
#root [class*="bg-content"],
#root [class*="bg-default"],
#root [class*="bg-white/"],
#root [class*="bg-black/"],
#root [class*="bg-slate"],
#root [class*="bg-zinc"],
#root [class*="bg-neutral"],
#root [class*="dark:bg"],
#root [class*="from-"],
#root [class*="to-"],
#root [class*="via-"],
#root [class*="gradient"],
#root [style*="background-image"] {
  background-color: #ffffff !important;
  background-image: none !important;
  backdrop-filter: none !important;
}

#root,
#root p,
#root span,
#root label,
#root div,
#root a,
#root li,
#root td,
#root th,
#root h1,
#root h2,
#root h3,
#root h4,
#root h5,
#root h6,
#root [class*="text-foreground"],
#root [class*="text-white"],
#root [class*="dark:text"],
#root [class*="text-default"] {
  color: #111827 !important;
  text-shadow: none !important;
}

#root small,
#root [class*="text-gray"],
#root [class*="text-slate"],
#root [class*="text-zinc"],
#root [class*="text-neutral"],
#root [class*="text-default-400"],
#root [class*="text-default-500"] {
  color: #374151 !important;
}

#root input,
#root textarea,
#root select,
#root [contenteditable="true"] {
  background: #ffffff !important;
  color: #111827 !important;
  border-color: #d1d5db !important;
  box-shadow: none !important;
}

#root input::placeholder,
#root textarea::placeholder {
  color: #6b7280 !important;
  opacity: 1 !important;
}

#root table,
#root thead,
#root tbody,
#root tr,
#root td,
#root th {
  background: #ffffff !important;
  color: #111827 !important;
  border-color: #e5e7eb !important;
}

#root svg,
#root svg * {
  color: currentColor;
  stroke: currentColor;
}

/* Keep important action buttons recognizable. */
#root button[class*="bg-primary"],
#root [role="button"][class*="bg-primary"],
#root a[class*="bg-primary"] {
  background-color: #2563eb !important;
  color: #ffffff !important;
}

#root button[class*="bg-danger"],
#root [role="button"][class*="bg-danger"] {
  background-color: #dc2626 !important;
  color: #ffffff !important;
}

#root button[class*="bg-success"],
#root [role="button"][class*="bg-success"] {
  background-color: #16a34a !important;
  color: #ffffff !important;
}

#root .fixed,
#root .absolute,
#root .sticky {
  backdrop-filter: none !important;
}