/* === Clara Multfluxo — Custom Theme === */

/* Iris purple → Orange (space-separated RGB for Radix) */
:root, .dark, :root.dark, html.dark {
  --iris-1: 255 247 237 !important;
  --iris-2: 255 237 213 !important;
  --iris-3: 254 215 170 !important;
  --iris-4: 253 186 116 !important;
  --iris-5: 251 146 60 !important;
  --iris-6: 249 115 22 !important;
  --iris-7: 234 108 0 !important;
  --iris-8: 194 89 10 !important;
  --iris-9: 255 122 0 !important;
  --iris-10: 234 108 0 !important;
  --iris-11: 255 122 0 !important;
  --iris-12: 255 150 50 !important;
  --iris-a9: 255 122 0 !important;
  --iris-a10: 234 108 0 !important;
  --iris-a11: 255 122 0 !important;
  --iris-a12: 255 150 50 !important;
}

/* Woot brand color vars */
:root {
  --w-500: #FF7A00 !important;
  --w-600: #EA6C00 !important;
  --w-dark-500: #FF7A00 !important;
  --w-dark-600: #FB923C !important;
}

/* NUCLEAR: override any element with iris/purple/blue text color */
*[class*="iris"] { color: #FF7A00 !important; }
.dark *[class*="text-n-iris"] { color: #FF7A00 !important; }
*[class*="bg-n-iris-9"] { background-color: #FF7A00 !important; }
*[class*="border-n-iris"] { border-color: #FF7A00 !important; }

/* Force ALL compiled fallback purples that survived sed */
[style*="color: rgb(87, 83, 198)"],
[style*="color: rgb(91, 91, 214)"],
[style*="color: rgb(81, 81, 205)"],
[style*="color: rgb(158, 159, 247)"],
[style*="color: rgb(84, 81, 214)"] {
  color: #FF7A00 !important;
}

/* Tab triggers — Radix + Chatwoot */
.rt-TabsTrigger[data-state="active"],
[role="tab"][data-state="active"],
[role="tab"][aria-selected="true"],
[role="tab"].active {
  color: #FF7A00 !important;
}
.rt-TabsTrigger[data-state="active"]::before,
.rt-TabsTrigger[data-state="active"]::after {
  background-color: #FF7A00 !important;
}

/* Badge counters */
[class*="badge"]:not([class*="secondary"]):not([class*="none"]):not([class*="warn"]) {
  background-color: #FF7A00 !important;
  color: #fff !important;
}

/* Primary buttons */
button[data-testid="submit_button"],
.bg-n-brand {
  background-color: #FF7A00 !important;
}

/* Sidebar active */
.secondary-menu .menu-item.active {
  background-color: rgba(255,122,0,0.1) !important;
  color: #FF7A00 !important;
}

/* Toggle switch */
input:checked + [class*="toggle"] {
  background-color: #FF7A00 !important;
}

/* Focus */
*:focus-visible {
  outline-color: #FF7A00 !important;
}

/* Login page logo */
main.flex > section.max-w-5xl > h2 { display: none !important; }
main.flex > section.max-w-5xl > img { height: 4.5rem !important; width: auto !important; }

/* Tab active underline (::after pseudo-element) */
.after\:bg-n-brand:after,
[class*="after:bg-n-brand"]::after,
[class*="after:bg-n-brand"]:after {
  background-color: #FF7A00 !important;
}

/* Fix: prevent page body from scrolling (SPA) */
html, body {
  height: 100% !important;
  max-height: 100vh !important;
  overflow: hidden !important;
}
#app {
  height: 100% !important;
}