/* GENERATED by tools/flo_dark.py - do not edit by hand. Dark-mode versions of the Tailwind colour
   classes used in index.php, app.js, hrx.js and modules/. Hand-written dark rules live in flo.css. */
html[data-fl-theme="dark"] .bg-amber-50 { background-color: rgb(245 158 11 / 0.110) !important; }
html[data-fl-theme="dark"] .bg-amber-50\/30 { background-color: rgb(245 158 11 / 0.033) !important; }
html[data-fl-theme="dark"] .bg-amber-100 { background-color: rgb(245 158 11 / 0.170) !important; }
html[data-fl-theme="dark"] .hover\:bg-amber-100:hover { background-color: rgb(245 158 11 / 0.170) !important; }
html[data-fl-theme="dark"] .bg-blue-50 { background-color: rgb(59 130 246 / 0.110) !important; }
html[data-fl-theme="dark"] .bg-cyan-50 { background-color: rgb(6 182 212 / 0.110) !important; }
html[data-fl-theme="dark"] .bg-cyan-100 { background-color: rgb(6 182 212 / 0.170) !important; }
html[data-fl-theme="dark"] .hover\:bg-cyan-100:hover { background-color: rgb(6 182 212 / 0.170) !important; }
html[data-fl-theme="dark"] .bg-emerald-50 { background-color: rgb(16 185 129 / 0.110) !important; }
html[data-fl-theme="dark"] .hover\:bg-emerald-50:hover { background-color: rgb(16 185 129 / 0.110) !important; }
html[data-fl-theme="dark"] .bg-emerald-50\/40 { background-color: rgb(16 185 129 / 0.044) !important; }
html[data-fl-theme="dark"] .bg-emerald-50\/60 { background-color: rgb(16 185 129 / 0.066) !important; }
html[data-fl-theme="dark"] .hover\:bg-emerald-100:hover { background-color: rgb(16 185 129 / 0.170) !important; }
html[data-fl-theme="dark"] .bg-emerald-200\/30 { background-color: rgb(16 185 129 / 0.078) !important; }
html[data-fl-theme="dark"] .bg-fuchsia-50 { background-color: rgb(217 70 239 / 0.110) !important; }
html[data-fl-theme="dark"] .bg-green-50 { background-color: rgb(34 197 94 / 0.110) !important; }
html[data-fl-theme="dark"] .bg-indigo-50 { background-color: rgb(99 102 241 / 0.110) !important; }
html[data-fl-theme="dark"] .hover\:bg-indigo-50:hover { background-color: rgb(99 102 241 / 0.110) !important; }
html[data-fl-theme="dark"] .bg-indigo-50\/70 { background-color: rgb(99 102 241 / 0.077) !important; }
html[data-fl-theme="dark"] .bg-indigo-100 { background-color: rgb(99 102 241 / 0.170) !important; }
html[data-fl-theme="dark"] .hover\:bg-indigo-100:hover { background-color: rgb(99 102 241 / 0.170) !important; }
html[data-fl-theme="dark"] .bg-indigo-200 { background-color: rgb(99 102 241 / 0.260) !important; }
html[data-fl-theme="dark"] .bg-indigo-200\/30 { background-color: rgb(99 102 241 / 0.078) !important; }
html[data-fl-theme="dark"] .bg-indigo-300 { background-color: rgb(99 102 241 / 0.400) !important; }
html[data-fl-theme="dark"] .bg-lime-50 { background-color: rgb(132 204 22 / 0.110) !important; }
html[data-fl-theme="dark"] .bg-orange-50 { background-color: rgb(249 115 22 / 0.110) !important; }
html[data-fl-theme="dark"] .hover\:bg-orange-100:hover { background-color: rgb(249 115 22 / 0.170) !important; }
html[data-fl-theme="dark"] .bg-pink-50 { background-color: rgb(236 72 153 / 0.110) !important; }
html[data-fl-theme="dark"] .bg-rose-50 { background-color: rgb(244 63 94 / 0.110) !important; }
html[data-fl-theme="dark"] .hover\:bg-rose-50:hover { background-color: rgb(244 63 94 / 0.110) !important; }
html[data-fl-theme="dark"] .bg-rose-50\/30 { background-color: rgb(244 63 94 / 0.033) !important; }
html[data-fl-theme="dark"] .bg-rose-50\/40 { background-color: rgb(244 63 94 / 0.044) !important; }
html[data-fl-theme="dark"] .bg-rose-50\/60 { background-color: rgb(244 63 94 / 0.066) !important; }
html[data-fl-theme="dark"] .bg-rose-50\/70 { background-color: rgb(244 63 94 / 0.077) !important; }
html[data-fl-theme="dark"] .bg-rose-100 { background-color: rgb(244 63 94 / 0.170) !important; }
html[data-fl-theme="dark"] .hover\:bg-rose-100:hover { background-color: rgb(244 63 94 / 0.170) !important; }
html[data-fl-theme="dark"] .bg-rose-300 { background-color: rgb(244 63 94 / 0.400) !important; }
html[data-fl-theme="dark"] .bg-sky-50 { background-color: rgb(14 165 233 / 0.110) !important; }
html[data-fl-theme="dark"] .bg-slate-50 { background-color: var(--fl-panel-2) !important; }
html[data-fl-theme="dark"] .hover\:bg-slate-50:hover { background-color: var(--fl-panel-2) !important; }
html[data-fl-theme="dark"] .group:hover .group-hover\:bg-slate-50\/40 { background-color: rgb(22 27 40 / 0.4) !important; }
html[data-fl-theme="dark"] .hover\:bg-slate-50\/40:hover { background-color: rgb(22 27 40 / 0.4) !important; }
html[data-fl-theme="dark"] .bg-slate-50\/50 { background-color: rgb(22 27 40 / 0.5) !important; }
html[data-fl-theme="dark"] .hover\:bg-slate-50\/60:hover { background-color: rgb(22 27 40 / 0.6) !important; }
html[data-fl-theme="dark"] .bg-slate-50\/70 { background-color: rgb(22 27 40 / 0.7) !important; }
html[data-fl-theme="dark"] .hover\:bg-slate-50\/70:hover { background-color: rgb(22 27 40 / 0.7) !important; }
html[data-fl-theme="dark"] .bg-slate-50\/85 { background-color: rgb(22 27 40 / 0.85) !important; }
html[data-fl-theme="dark"] .bg-slate-100 { background-color: var(--fl-panel-3) !important; }
html[data-fl-theme="dark"] .hover\:bg-slate-100:hover { background-color: var(--fl-panel-3) !important; }
html[data-fl-theme="dark"] .bg-slate-200 { background-color: rgb(38 45 64 / 1.0) !important; }
html[data-fl-theme="dark"] .bg-slate-300 { background-color: rgb(52 60 82 / 1.0) !important; }
html[data-fl-theme="dark"] .bg-teal-50 { background-color: rgb(20 184 166 / 0.110) !important; }
html[data-fl-theme="dark"] .bg-violet-50 { background-color: rgb(139 92 246 / 0.110) !important; }
html[data-fl-theme="dark"] .bg-violet-100 { background-color: rgb(139 92 246 / 0.170) !important; }
html[data-fl-theme="dark"] .bg-white { background-color: var(--fl-panel) !important; }
html[data-fl-theme="dark"] .focus\:bg-white:focus { background-color: var(--fl-panel) !important; }
html[data-fl-theme="dark"] .hover\:bg-white:hover { background-color: var(--fl-panel) !important; }
html[data-fl-theme="dark"] .bg-white\/10 { background-color: rgb(17 21 31 / 0.1) !important; }
html[data-fl-theme="dark"] .hover\:bg-white\/15:hover { background-color: rgb(17 21 31 / 0.15) !important; }
html[data-fl-theme="dark"] .hover\:bg-white\/20:hover { background-color: rgb(17 21 31 / 0.2) !important; }
html[data-fl-theme="dark"] .bg-white\/75 { background-color: rgb(17 21 31 / 0.75) !important; }
html[data-fl-theme="dark"] .bg-white\/80 { background-color: rgb(17 21 31 / 0.8) !important; }
html[data-fl-theme="dark"] .bg-white\/95 { background-color: rgb(17 21 31 / 0.95) !important; }
html[data-fl-theme="dark"] .bg-yellow-50 { background-color: rgb(234 179 8 / 0.110) !important; }
html[data-fl-theme="dark"] .border-amber-100 { border-color: rgb(245 158 11 / 0.24) !important; }
html[data-fl-theme="dark"] .border-amber-200 { border-color: rgb(245 158 11 / 0.34) !important; }
html[data-fl-theme="dark"] .hover\:border-amber-200:hover { border-color: rgb(245 158 11 / 0.34) !important; }
html[data-fl-theme="dark"] .border-amber-300 { border-color: rgb(245 158 11 / 0.48) !important; }
html[data-fl-theme="dark"] .hover\:border-amber-300:hover { border-color: rgb(245 158 11 / 0.48) !important; }
html[data-fl-theme="dark"] .border-blue-200 { border-color: rgb(59 130 246 / 0.34) !important; }
html[data-fl-theme="dark"] .border-cyan-100 { border-color: rgb(6 182 212 / 0.24) !important; }
html[data-fl-theme="dark"] .border-cyan-200 { border-color: rgb(6 182 212 / 0.34) !important; }
html[data-fl-theme="dark"] .hover\:border-cyan-200:hover { border-color: rgb(6 182 212 / 0.34) !important; }
html[data-fl-theme="dark"] .border-emerald-100 { border-color: rgb(16 185 129 / 0.24) !important; }
html[data-fl-theme="dark"] .border-emerald-200 { border-color: rgb(16 185 129 / 0.34) !important; }
html[data-fl-theme="dark"] .hover\:border-emerald-200:hover { border-color: rgb(16 185 129 / 0.34) !important; }
html[data-fl-theme="dark"] .hover\:border-emerald-300:hover { border-color: rgb(16 185 129 / 0.48) !important; }
html[data-fl-theme="dark"] .border-fuchsia-200 { border-color: rgb(217 70 239 / 0.34) !important; }
html[data-fl-theme="dark"] .border-indigo-100 { border-color: rgb(99 102 241 / 0.24) !important; }
html[data-fl-theme="dark"] .border-indigo-200 { border-color: rgb(99 102 241 / 0.34) !important; }
html[data-fl-theme="dark"] .hover\:border-indigo-200:hover { border-color: rgb(99 102 241 / 0.34) !important; }
html[data-fl-theme="dark"] .hover\:border-indigo-300:hover { border-color: rgb(99 102 241 / 0.48) !important; }
html[data-fl-theme="dark"] .border-lime-200 { border-color: rgb(132 204 22 / 0.34) !important; }
html[data-fl-theme="dark"] .border-orange-200 { border-color: rgb(249 115 22 / 0.34) !important; }
html[data-fl-theme="dark"] .border-rose-100 { border-color: rgb(244 63 94 / 0.24) !important; }
html[data-fl-theme="dark"] .border-rose-200 { border-color: rgb(244 63 94 / 0.34) !important; }
html[data-fl-theme="dark"] .hover\:border-rose-200:hover { border-color: rgb(244 63 94 / 0.34) !important; }
html[data-fl-theme="dark"] .border-rose-300 { border-color: rgb(244 63 94 / 0.48) !important; }
html[data-fl-theme="dark"] .hover\:border-rose-300:hover { border-color: rgb(244 63 94 / 0.48) !important; }
html[data-fl-theme="dark"] .border-sky-200 { border-color: rgb(14 165 233 / 0.34) !important; }
html[data-fl-theme="dark"] .border-sky-300 { border-color: rgb(14 165 233 / 0.48) !important; }
html[data-fl-theme="dark"] .border-slate-100 { border-color: var(--fl-line) !important; }
html[data-fl-theme="dark"] .border-slate-200 { border-color: var(--fl-line) !important; }
html[data-fl-theme="dark"] .hover\:border-slate-300:hover { border-color: var(--fl-line-2) !important; }
html[data-fl-theme="dark"] .border-teal-200 { border-color: rgb(20 184 166 / 0.34) !important; }
html[data-fl-theme="dark"] .border-violet-100 { border-color: rgb(139 92 246 / 0.24) !important; }
html[data-fl-theme="dark"] .border-violet-200 { border-color: rgb(139 92 246 / 0.34) !important; }
html[data-fl-theme="dark"] .hover\:border-violet-200:hover { border-color: rgb(139 92 246 / 0.34) !important; }
html[data-fl-theme="dark"] .border-violet-300 { border-color: rgb(139 92 246 / 0.48) !important; }
html[data-fl-theme="dark"] .border-white { border-color: var(--fl-line) !important; }
html[data-fl-theme="dark"] .border-white\/15 { border-color: rgb(255 255 255 / 0.018) !important; }
html[data-fl-theme="dark"] .border-white\/60 { border-color: var(--fl-line) !important; }
html[data-fl-theme="dark"] .border-white\/70 { border-color: var(--fl-line) !important; }
html[data-fl-theme="dark"] .border-yellow-200 { border-color: rgb(234 179 8 / 0.34) !important; }
html[data-fl-theme="dark"] .divide-slate-100 > * + * { border-color: var(--fl-line) !important; }
html[data-fl-theme="dark"] .from-amber-50 { --tw-gradient-from: rgb(245 158 11 / 0.110) var(--tw-gradient-from-position) !important; }
html[data-fl-theme="dark"] .from-cyan-50 { --tw-gradient-from: rgb(6 182 212 / 0.110) var(--tw-gradient-from-position) !important; }
html[data-fl-theme="dark"] .from-violet-50 { --tw-gradient-from: rgb(139 92 246 / 0.110) var(--tw-gradient-from-position) !important; }
html[data-fl-theme="dark"] .ring-amber-100 { --tw-ring-color: rgb(245 158 11 / 0.24) !important; }
html[data-fl-theme="dark"] .ring-amber-200 { --tw-ring-color: rgb(245 158 11 / 0.34) !important; }
html[data-fl-theme="dark"] .ring-amber-300 { --tw-ring-color: rgb(245 158 11 / 0.48) !important; }
html[data-fl-theme="dark"] .ring-blue-100 { --tw-ring-color: rgb(59 130 246 / 0.24) !important; }
html[data-fl-theme="dark"] .ring-emerald-100 { --tw-ring-color: rgb(16 185 129 / 0.24) !important; }
html[data-fl-theme="dark"] .ring-emerald-200 { --tw-ring-color: rgb(16 185 129 / 0.34) !important; }
html[data-fl-theme="dark"] .ring-indigo-100 { --tw-ring-color: rgb(99 102 241 / 0.24) !important; }
html[data-fl-theme="dark"] .ring-indigo-200 { --tw-ring-color: rgb(99 102 241 / 0.34) !important; }
html[data-fl-theme="dark"] .ring-rose-100 { --tw-ring-color: rgb(244 63 94 / 0.24) !important; }
html[data-fl-theme="dark"] .ring-rose-200 { --tw-ring-color: rgb(244 63 94 / 0.34) !important; }
html[data-fl-theme="dark"] .ring-rose-300 { --tw-ring-color: rgb(244 63 94 / 0.48) !important; }
html[data-fl-theme="dark"] .ring-sky-200 { --tw-ring-color: rgb(14 165 233 / 0.34) !important; }
html[data-fl-theme="dark"] .ring-sky-300 { --tw-ring-color: rgb(14 165 233 / 0.48) !important; }
html[data-fl-theme="dark"] .ring-slate-200 { --tw-ring-color: var(--fl-line) !important; }
html[data-fl-theme="dark"] .ring-violet-100 { --tw-ring-color: rgb(139 92 246 / 0.24) !important; }
html[data-fl-theme="dark"] .ring-violet-200 { --tw-ring-color: rgb(139 92 246 / 0.34) !important; }
html[data-fl-theme="dark"] .ring-violet-300 { --tw-ring-color: rgb(139 92 246 / 0.48) !important; }
html[data-fl-theme="dark"] .text-amber-600 { color: rgb(251 191 36) !important; }
html[data-fl-theme="dark"] .text-amber-700 { color: rgb(252 211 77) !important; }
html[data-fl-theme="dark"] .text-amber-800 { color: rgb(252 211 77) !important; }
html[data-fl-theme="dark"] .text-blue-600 { color: rgb(96 165 250) !important; }
html[data-fl-theme="dark"] .text-cyan-600 { color: rgb(34 211 238) !important; }
html[data-fl-theme="dark"] .text-cyan-700 { color: rgb(103 232 249) !important; }
html[data-fl-theme="dark"] .text-cyan-800 { color: rgb(103 232 249) !important; }
html[data-fl-theme="dark"] .text-cyan-900 { color: rgb(103 232 249) !important; }
html[data-fl-theme="dark"] .text-emerald-600 { color: rgb(52 211 153) !important; }
html[data-fl-theme="dark"] .hover\:text-emerald-600:hover { color: rgb(52 211 153) !important; }
html[data-fl-theme="dark"] .text-emerald-700 { color: rgb(110 231 183) !important; }
html[data-fl-theme="dark"] .text-emerald-800 { color: rgb(110 231 183) !important; }
html[data-fl-theme="dark"] .text-emerald-900 { color: rgb(110 231 183) !important; }
html[data-fl-theme="dark"] .text-fuchsia-600 { color: rgb(232 121 249) !important; }
html[data-fl-theme="dark"] .text-indigo-600 { color: rgb(129 140 248) !important; }
html[data-fl-theme="dark"] .hover\:text-indigo-600:hover { color: rgb(129 140 248) !important; }
html[data-fl-theme="dark"] .text-indigo-700 { color: rgb(165 180 252) !important; }
html[data-fl-theme="dark"] .group:hover .group-hover\:text-indigo-700 { color: rgb(165 180 252) !important; }
html[data-fl-theme="dark"] .hover\:text-indigo-700:hover { color: rgb(165 180 252) !important; }
html[data-fl-theme="dark"] .text-lime-600 { color: rgb(163 230 53) !important; }
html[data-fl-theme="dark"] .text-orange-600 { color: rgb(251 146 60) !important; }
html[data-fl-theme="dark"] .text-orange-700 { color: rgb(253 186 116) !important; }
html[data-fl-theme="dark"] .text-pink-600 { color: rgb(244 114 182) !important; }
html[data-fl-theme="dark"] .text-rose-600 { color: rgb(251 113 133) !important; }
html[data-fl-theme="dark"] .hover\:text-rose-600:hover { color: rgb(251 113 133) !important; }
html[data-fl-theme="dark"] .text-rose-700 { color: rgb(253 164 175) !important; }
html[data-fl-theme="dark"] .hover\:text-rose-700:hover { color: rgb(253 164 175) !important; }
html[data-fl-theme="dark"] .text-rose-800 { color: rgb(253 164 175) !important; }
html[data-fl-theme="dark"] .text-sky-600 { color: rgb(56 189 248) !important; }
html[data-fl-theme="dark"] .text-sky-700 { color: rgb(125 211 252) !important; }
html[data-fl-theme="dark"] .text-slate-400 { color: var(--fl-faint) !important; }
html[data-fl-theme="dark"] .text-slate-500 { color: var(--fl-faint) !important; }
html[data-fl-theme="dark"] .text-slate-600 { color: var(--fl-soft) !important; }
html[data-fl-theme="dark"] .text-slate-700 { color: var(--fl-text) !important; }
html[data-fl-theme="dark"] .text-slate-800 { color: var(--fl-text) !important; }
html[data-fl-theme="dark"] .text-teal-600 { color: rgb(45 212 191) !important; }
html[data-fl-theme="dark"] .text-violet-600 { color: rgb(167 139 250) !important; }
html[data-fl-theme="dark"] .text-violet-700 { color: rgb(196 181 253) !important; }
html[data-fl-theme="dark"] .group:hover .group-hover\:text-violet-700 { color: rgb(196 181 253) !important; }
html[data-fl-theme="dark"] .text-yellow-600 { color: rgb(250 204 21) !important; }
html[data-fl-theme="dark"] .to-white { --tw-gradient-to: var(--fl-panel) var(--tw-gradient-to-position) !important; }