@rokkit/themes 1.0.0-next.15 → 1.0.0-next.151

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (320) hide show
  1. package/LICENSE +1 -1
  2. package/README.md +106 -9
  3. package/build.mjs +244 -0
  4. package/dist/ant-design.css +2065 -0
  5. package/dist/base.css +5560 -0
  6. package/dist/bits-ui.css +2060 -0
  7. package/dist/carbon.css +2072 -0
  8. package/dist/daisy-ui.css +2081 -0
  9. package/dist/glass.css +1760 -0
  10. package/dist/grada-ui.css +1766 -0
  11. package/dist/index.css +25485 -0
  12. package/dist/material.css +1847 -0
  13. package/dist/minimal.css +1905 -0
  14. package/dist/rokkit.css +2306 -0
  15. package/dist/shadcn.css +2053 -0
  16. package/package.json +82 -52
  17. package/src/ant-design/button.css +183 -0
  18. package/src/ant-design/card.css +100 -0
  19. package/src/ant-design/chart.css +34 -0
  20. package/src/ant-design/connector.css +11 -0
  21. package/src/ant-design/dropdown.css +50 -0
  22. package/src/ant-design/floating-action.css +63 -0
  23. package/src/ant-design/floating-navigation.css +70 -0
  24. package/src/ant-design/grid.css +46 -0
  25. package/src/ant-design/index.css +34 -0
  26. package/src/ant-design/input.css +149 -0
  27. package/src/ant-design/list.css +126 -0
  28. package/src/ant-design/menu.css +88 -0
  29. package/src/ant-design/message.css +35 -0
  30. package/src/ant-design/range.css +61 -0
  31. package/src/ant-design/search-filter.css +49 -0
  32. package/src/ant-design/select.css +158 -0
  33. package/src/ant-design/status-list.css +66 -0
  34. package/src/ant-design/switch.css +29 -0
  35. package/src/ant-design/table.css +89 -0
  36. package/src/ant-design/tabs.css +149 -0
  37. package/src/ant-design/timeline.css +45 -0
  38. package/src/ant-design/toc.css +18 -0
  39. package/src/ant-design/toggle.css +48 -0
  40. package/src/ant-design/toolbar.css +85 -0
  41. package/src/ant-design/tree.css +127 -0
  42. package/src/ant-design/upload-progress.css +102 -0
  43. package/src/ant-design/upload-target.css +50 -0
  44. package/src/base/alert-list.css +91 -0
  45. package/src/base/breadcrumbs.css +47 -0
  46. package/src/base/button.css +254 -0
  47. package/src/base/card.css +36 -0
  48. package/src/base/carousel.css +128 -0
  49. package/src/base/chart.css +94 -0
  50. package/src/base/connector.css +92 -0
  51. package/src/base/display.css +91 -0
  52. package/src/base/dropdown.css +166 -0
  53. package/src/base/floating-action.css +388 -0
  54. package/src/base/floating-navigation.css +405 -0
  55. package/src/base/graph-paper.css +83 -0
  56. package/src/base/grid.css +93 -0
  57. package/src/base/index.css +47 -0
  58. package/src/base/input.css +288 -0
  59. package/src/base/item.css +78 -0
  60. package/src/base/list.css +183 -0
  61. package/src/base/menu.css +274 -0
  62. package/src/base/message.css +62 -0
  63. package/src/base/pill.css +57 -0
  64. package/src/base/progress.css +34 -0
  65. package/src/base/range.css +121 -0
  66. package/src/base/rating.css +42 -0
  67. package/src/base/reveal.css +37 -0
  68. package/src/base/search-filter.css +132 -0
  69. package/src/base/select.css +411 -0
  70. package/src/base/shine.css +14 -0
  71. package/src/base/status-list.css +19 -0
  72. package/src/base/stepper.css +140 -0
  73. package/src/base/swatch.css +79 -0
  74. package/src/base/switch.css +152 -0
  75. package/src/base/table.css +159 -0
  76. package/src/base/tabs.css +171 -0
  77. package/src/base/tilt.css +14 -0
  78. package/src/base/timeline.css +84 -0
  79. package/src/base/toc.css +50 -0
  80. package/src/base/toggle.css +138 -0
  81. package/src/base/toolbar.css +341 -0
  82. package/src/base/tree.css +235 -0
  83. package/src/base/upload-progress.css +155 -0
  84. package/src/base/upload-target.css +67 -0
  85. package/src/bits-ui/button.css +176 -0
  86. package/src/bits-ui/card.css +99 -0
  87. package/src/bits-ui/chart.css +34 -0
  88. package/src/bits-ui/connector.css +11 -0
  89. package/src/bits-ui/dropdown.css +50 -0
  90. package/src/bits-ui/floating-action.css +63 -0
  91. package/src/bits-ui/floating-navigation.css +70 -0
  92. package/src/bits-ui/grid.css +46 -0
  93. package/src/bits-ui/index.css +34 -0
  94. package/src/bits-ui/input.css +150 -0
  95. package/src/bits-ui/list.css +126 -0
  96. package/src/bits-ui/menu.css +88 -0
  97. package/src/bits-ui/message.css +35 -0
  98. package/src/bits-ui/range.css +61 -0
  99. package/src/bits-ui/search-filter.css +49 -0
  100. package/src/bits-ui/select.css +158 -0
  101. package/src/bits-ui/status-list.css +66 -0
  102. package/src/bits-ui/switch.css +29 -0
  103. package/src/bits-ui/table.css +89 -0
  104. package/src/bits-ui/tabs.css +151 -0
  105. package/src/bits-ui/timeline.css +45 -0
  106. package/src/bits-ui/toc.css +18 -0
  107. package/src/bits-ui/toggle.css +48 -0
  108. package/src/bits-ui/toolbar.css +85 -0
  109. package/src/bits-ui/tree.css +127 -0
  110. package/src/bits-ui/upload-progress.css +102 -0
  111. package/src/bits-ui/upload-target.css +50 -0
  112. package/src/carbon/button.css +183 -0
  113. package/src/carbon/card.css +97 -0
  114. package/src/carbon/chart.css +34 -0
  115. package/src/carbon/connector.css +11 -0
  116. package/src/carbon/dropdown.css +50 -0
  117. package/src/carbon/floating-action.css +63 -0
  118. package/src/carbon/floating-navigation.css +70 -0
  119. package/src/carbon/grid.css +46 -0
  120. package/src/carbon/index.css +33 -0
  121. package/src/carbon/input.css +148 -0
  122. package/src/carbon/list.css +126 -0
  123. package/src/carbon/menu.css +88 -0
  124. package/src/carbon/message.css +37 -0
  125. package/src/carbon/range.css +61 -0
  126. package/src/carbon/search-filter.css +49 -0
  127. package/src/carbon/select.css +158 -0
  128. package/src/carbon/status-list.css +66 -0
  129. package/src/carbon/switch.css +31 -0
  130. package/src/carbon/table.css +93 -0
  131. package/src/carbon/tabs.css +149 -0
  132. package/src/carbon/timeline.css +45 -0
  133. package/src/carbon/toc.css +22 -0
  134. package/src/carbon/toggle.css +48 -0
  135. package/src/carbon/toolbar.css +85 -0
  136. package/src/carbon/tree.css +127 -0
  137. package/src/carbon/upload-progress.css +102 -0
  138. package/src/carbon/upload-target.css +50 -0
  139. package/src/daisy-ui/button.css +195 -0
  140. package/src/daisy-ui/card.css +99 -0
  141. package/src/daisy-ui/chart.css +34 -0
  142. package/src/daisy-ui/connector.css +11 -0
  143. package/src/daisy-ui/dropdown.css +50 -0
  144. package/src/daisy-ui/floating-action.css +63 -0
  145. package/src/daisy-ui/floating-navigation.css +70 -0
  146. package/src/daisy-ui/grid.css +46 -0
  147. package/src/daisy-ui/index.css +33 -0
  148. package/src/daisy-ui/input.css +146 -0
  149. package/src/daisy-ui/list.css +127 -0
  150. package/src/daisy-ui/menu.css +88 -0
  151. package/src/daisy-ui/message.css +37 -0
  152. package/src/daisy-ui/range.css +61 -0
  153. package/src/daisy-ui/search-filter.css +49 -0
  154. package/src/daisy-ui/select.css +158 -0
  155. package/src/daisy-ui/status-list.css +66 -0
  156. package/src/daisy-ui/switch.css +31 -0
  157. package/src/daisy-ui/table.css +89 -0
  158. package/src/daisy-ui/tabs.css +149 -0
  159. package/src/daisy-ui/timeline.css +45 -0
  160. package/src/daisy-ui/toc.css +22 -0
  161. package/src/daisy-ui/toggle.css +48 -0
  162. package/src/daisy-ui/toolbar.css +85 -0
  163. package/src/daisy-ui/tree.css +127 -0
  164. package/src/daisy-ui/upload-progress.css +102 -0
  165. package/src/daisy-ui/upload-target.css +50 -0
  166. package/src/glass/button.css +174 -0
  167. package/src/glass/card.css +103 -0
  168. package/src/glass/chart.css +38 -0
  169. package/src/glass/dropdown.css +50 -0
  170. package/src/glass/floating-action.css +61 -0
  171. package/src/glass/floating-navigation.css +74 -0
  172. package/src/glass/index.css +30 -0
  173. package/src/glass/input.css +128 -0
  174. package/src/glass/list.css +122 -0
  175. package/src/glass/menu.css +92 -0
  176. package/src/glass/message.css +36 -0
  177. package/src/glass/range.css +61 -0
  178. package/src/glass/search-filter.css +49 -0
  179. package/src/glass/select.css +178 -0
  180. package/src/glass/status-list.css +66 -0
  181. package/src/glass/swatch.css +19 -0
  182. package/src/glass/switch.css +28 -0
  183. package/src/glass/table.css +87 -0
  184. package/src/glass/tabs.css +58 -0
  185. package/src/glass/timeline.css +46 -0
  186. package/src/glass/toc.css +18 -0
  187. package/src/glass/toggle.css +48 -0
  188. package/src/glass/toolbar.css +84 -0
  189. package/src/glass/tree.css +110 -0
  190. package/src/grada-ui/button.css +235 -0
  191. package/src/grada-ui/card.css +90 -0
  192. package/src/grada-ui/chart.css +34 -0
  193. package/src/grada-ui/dropdown.css +54 -0
  194. package/src/grada-ui/floating-action.css +59 -0
  195. package/src/grada-ui/floating-navigation.css +65 -0
  196. package/src/grada-ui/index.css +55 -0
  197. package/src/grada-ui/input.css +154 -0
  198. package/src/grada-ui/list.css +112 -0
  199. package/src/grada-ui/menu.css +81 -0
  200. package/src/grada-ui/message.css +48 -0
  201. package/src/grada-ui/range.css +55 -0
  202. package/src/grada-ui/search-filter.css +43 -0
  203. package/src/grada-ui/select.css +172 -0
  204. package/src/grada-ui/status-list.css +62 -0
  205. package/src/grada-ui/switch.css +31 -0
  206. package/src/grada-ui/table.css +79 -0
  207. package/src/grada-ui/tabs.css +55 -0
  208. package/src/grada-ui/timeline.css +38 -0
  209. package/src/grada-ui/toc.css +24 -0
  210. package/src/grada-ui/toggle.css +43 -0
  211. package/src/grada-ui/toolbar.css +83 -0
  212. package/src/grada-ui/tree.css +94 -0
  213. package/src/index.css +18 -0
  214. package/src/index.js +25 -2
  215. package/src/material/button.css +178 -0
  216. package/src/material/card.css +99 -0
  217. package/src/material/chart.css +38 -0
  218. package/src/material/dropdown.css +50 -0
  219. package/src/material/floating-action.css +64 -0
  220. package/src/material/floating-navigation.css +74 -0
  221. package/src/material/index.css +30 -0
  222. package/src/material/input.css +164 -0
  223. package/src/material/list.css +126 -0
  224. package/src/material/menu.css +92 -0
  225. package/src/material/message.css +36 -0
  226. package/src/material/range.css +62 -0
  227. package/src/material/search-filter.css +49 -0
  228. package/src/material/select.css +175 -0
  229. package/src/material/status-list.css +66 -0
  230. package/src/material/swatch.css +19 -0
  231. package/src/material/switch.css +28 -0
  232. package/src/material/table.css +91 -0
  233. package/src/material/tabs.css +85 -0
  234. package/src/material/timeline.css +46 -0
  235. package/src/material/toc.css +18 -0
  236. package/src/material/toggle.css +48 -0
  237. package/src/material/toolbar.css +85 -0
  238. package/src/material/tree.css +124 -0
  239. package/src/minimal/button.css +176 -0
  240. package/src/minimal/card.css +99 -0
  241. package/src/minimal/chart.css +38 -0
  242. package/src/minimal/dropdown.css +50 -0
  243. package/src/minimal/floating-action.css +63 -0
  244. package/src/minimal/floating-navigation.css +70 -0
  245. package/src/minimal/index.css +30 -0
  246. package/src/minimal/input.css +171 -0
  247. package/src/minimal/list.css +126 -0
  248. package/src/minimal/menu.css +88 -0
  249. package/src/minimal/message.css +36 -0
  250. package/src/minimal/range.css +61 -0
  251. package/src/minimal/search-filter.css +49 -0
  252. package/src/minimal/select.css +170 -0
  253. package/src/minimal/status-list.css +66 -0
  254. package/src/minimal/swatch.css +19 -0
  255. package/src/minimal/switch.css +32 -0
  256. package/src/minimal/table.css +89 -0
  257. package/src/minimal/tabs.css +149 -0
  258. package/src/minimal/timeline.css +45 -0
  259. package/src/minimal/toc.css +18 -0
  260. package/src/minimal/toggle.css +48 -0
  261. package/src/minimal/toolbar.css +85 -0
  262. package/src/minimal/tree.css +127 -0
  263. package/src/palette.css +7 -0
  264. package/src/rokkit/button.css +290 -0
  265. package/src/rokkit/card.css +102 -0
  266. package/src/rokkit/chart.css +38 -0
  267. package/src/rokkit/connector.css +11 -0
  268. package/src/rokkit/dropdown.css +70 -0
  269. package/src/rokkit/floating-action.css +65 -0
  270. package/src/rokkit/floating-navigation.css +83 -0
  271. package/src/rokkit/grid.css +46 -0
  272. package/src/rokkit/index.css +34 -0
  273. package/src/rokkit/input.css +134 -0
  274. package/src/rokkit/list.css +177 -0
  275. package/src/rokkit/menu.css +93 -0
  276. package/src/rokkit/message.css +44 -0
  277. package/src/rokkit/range.css +62 -0
  278. package/src/rokkit/search-filter.css +49 -0
  279. package/src/rokkit/select.css +190 -0
  280. package/src/rokkit/status-list.css +68 -0
  281. package/src/rokkit/swatch.css +18 -0
  282. package/src/rokkit/switch.css +29 -0
  283. package/src/rokkit/table.css +89 -0
  284. package/src/rokkit/tabs.css +111 -0
  285. package/src/rokkit/timeline.css +46 -0
  286. package/src/rokkit/toc.css +18 -0
  287. package/src/rokkit/toggle.css +48 -0
  288. package/src/rokkit/toolbar.css +90 -0
  289. package/src/rokkit/tree.css +149 -0
  290. package/src/rokkit/upload-progress.css +102 -0
  291. package/src/rokkit/upload-target.css +50 -0
  292. package/src/shadcn/button.css +176 -0
  293. package/src/shadcn/card.css +99 -0
  294. package/src/shadcn/chart.css +34 -0
  295. package/src/shadcn/connector.css +11 -0
  296. package/src/shadcn/dropdown.css +50 -0
  297. package/src/shadcn/floating-action.css +63 -0
  298. package/src/shadcn/floating-navigation.css +70 -0
  299. package/src/shadcn/grid.css +46 -0
  300. package/src/shadcn/index.css +34 -0
  301. package/src/shadcn/input.css +141 -0
  302. package/src/shadcn/list.css +126 -0
  303. package/src/shadcn/menu.css +88 -0
  304. package/src/shadcn/message.css +35 -0
  305. package/src/shadcn/range.css +61 -0
  306. package/src/shadcn/search-filter.css +49 -0
  307. package/src/shadcn/select.css +158 -0
  308. package/src/shadcn/status-list.css +66 -0
  309. package/src/shadcn/switch.css +31 -0
  310. package/src/shadcn/table.css +89 -0
  311. package/src/shadcn/tabs.css +149 -0
  312. package/src/shadcn/timeline.css +45 -0
  313. package/src/shadcn/toc.css +20 -0
  314. package/src/shadcn/toggle.css +48 -0
  315. package/src/shadcn/toolbar.css +85 -0
  316. package/src/shadcn/tree.css +127 -0
  317. package/src/shadcn/upload-progress.css +102 -0
  318. package/src/shadcn/upload-target.css +50 -0
  319. package/src/constants.js +0 -4
  320. package/src/utils.js +0 -88
package/dist/shadcn.css ADDED
@@ -0,0 +1,2053 @@
1
+ /**
2
+ * @rokkit/themes - shadcn Theme
3
+ *
4
+ * Clean, flat styling inspired by shadcn/ui. Rounded corners on interactive
5
+ * elements, subtle borders, ring-based focus, no gradients.
6
+ * Use with data-style="shadcn" wrapper.
7
+ */
8
+
9
+ /**
10
+ * Button - shadcn Theme Styles
11
+ *
12
+ * Flat, rounded-md buttons. No gradients. Ring-based focus.
13
+ */
14
+
15
+ /* =============================================================================
16
+ Default Style (filled)
17
+ ============================================================================= */
18
+
19
+ [data-style='shadcn'] [data-button][data-style='default'][data-variant='default'],
20
+ [data-style='shadcn'] [data-button]:not([data-style])[data-variant='default'],
21
+ [data-style='shadcn'] [data-button][data-style='default']:not([data-variant]),
22
+ [data-style='shadcn'] [data-button]:not([data-style]):not([data-variant]) {
23
+ border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-300),var(--un-border-opacity));border-radius:0.375rem;--un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
24
+ }[data-mode="dark"][data-style="shadcn"] [data-button][data-style="default"][data-variant="default"],[data-mode="dark"] [data-style="shadcn"] [data-button][data-style="default"][data-variant="default"],[data-mode="dark"][data-style="shadcn"] [data-button]:not([data-style])[data-variant="default"],[data-mode="dark"] [data-style="shadcn"] [data-button]:not([data-style])[data-variant="default"],[data-mode="dark"][data-style="shadcn"] [data-button][data-style="default"]:not([data-variant]),[data-mode="dark"] [data-style="shadcn"] [data-button][data-style="default"]:not([data-variant]),[data-mode="dark"][data-style="shadcn"] [data-button]:not([data-style]):not([data-variant]),[data-mode="dark"] [data-style="shadcn"] [data-button]:not([data-style]):not([data-variant]){--un-border-opacity:1;border-color:rgba(var(--color-surface-700),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-800),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
25
+
26
+ [data-style='shadcn'] [data-button][data-style='default'][data-variant='primary'],
27
+ [data-style='shadcn'] [data-button]:not([data-style])[data-variant='primary'] {
28
+ border-color:transparent;border-radius:0.375rem;--un-bg-opacity:1;background-color:rgba(var(--color-primary-500),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-50),var(--un-text-opacity));
29
+ }[data-mode="dark"][data-style="shadcn"] [data-button][data-style="default"][data-variant="primary"],[data-mode="dark"] [data-style="shadcn"] [data-button][data-style="default"][data-variant="primary"],[data-mode="dark"][data-style="shadcn"] [data-button]:not([data-style])[data-variant="primary"],[data-mode="dark"] [data-style="shadcn"] [data-button]:not([data-style])[data-variant="primary"]{--un-bg-opacity:1;background-color:rgba(var(--color-primary-500),var(--un-bg-opacity));}
30
+
31
+ [data-style='shadcn'] [data-button][data-style='default'][data-variant='secondary'],
32
+ [data-style='shadcn'] [data-button]:not([data-style])[data-variant='secondary'] {
33
+ border-color:transparent;border-radius:0.375rem;--un-bg-opacity:1;background-color:rgba(var(--color-secondary-400),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-50),var(--un-text-opacity));
34
+ }[data-mode="dark"][data-style="shadcn"] [data-button][data-style="default"][data-variant="secondary"],[data-mode="dark"] [data-style="shadcn"] [data-button][data-style="default"][data-variant="secondary"],[data-mode="dark"][data-style="shadcn"] [data-button]:not([data-style])[data-variant="secondary"],[data-mode="dark"] [data-style="shadcn"] [data-button]:not([data-style])[data-variant="secondary"]{--un-bg-opacity:1;background-color:rgba(var(--color-secondary-600),var(--un-bg-opacity));}
35
+
36
+ [data-style='shadcn'] [data-button][data-style='default'][data-variant='accent'],
37
+ [data-style='shadcn'] [data-button]:not([data-style])[data-variant='accent'] {
38
+ border-color:transparent;border-radius:0.375rem;--un-bg-opacity:1;background-color:rgba(var(--color-accent-400),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-accent-50),var(--un-text-opacity));
39
+ }[data-mode="dark"][data-style="shadcn"] [data-button][data-style="default"][data-variant="accent"],[data-mode="dark"] [data-style="shadcn"] [data-button][data-style="default"][data-variant="accent"],[data-mode="dark"][data-style="shadcn"] [data-button]:not([data-style])[data-variant="accent"],[data-mode="dark"] [data-style="shadcn"] [data-button]:not([data-style])[data-variant="accent"]{--un-bg-opacity:1;background-color:rgba(var(--color-accent-600),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-accent-50),var(--un-text-opacity));}
40
+
41
+ [data-style='shadcn'] [data-button][data-style='default'][data-variant='danger'],
42
+ [data-style='shadcn'] [data-button]:not([data-style])[data-variant='danger'] {
43
+ border-color:transparent;border-radius:0.375rem;--un-bg-opacity:1;background-color:rgba(var(--color-danger-400),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-danger-50),var(--un-text-opacity));
44
+ }[data-mode="dark"][data-style="shadcn"] [data-button][data-style="default"][data-variant="danger"],[data-mode="dark"] [data-style="shadcn"] [data-button][data-style="default"][data-variant="danger"],[data-mode="dark"][data-style="shadcn"] [data-button]:not([data-style])[data-variant="danger"],[data-mode="dark"] [data-style="shadcn"] [data-button]:not([data-style])[data-variant="danger"]{--un-bg-opacity:1;background-color:rgba(var(--color-danger-600),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-danger-50),var(--un-text-opacity));}
45
+
46
+ /* =============================================================================
47
+ Outline Style
48
+ ============================================================================= */
49
+
50
+ [data-style='shadcn'] [data-button][data-style='outline'][data-variant='default'],
51
+ [data-style='shadcn'] [data-button][data-style='outline']:not([data-variant]) {
52
+ border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-300),var(--un-border-opacity));border-radius:0.375rem;background-color:transparent;--un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
53
+ }[data-mode="dark"][data-style="shadcn"] [data-button][data-style="outline"][data-variant="default"],[data-mode="dark"] [data-style="shadcn"] [data-button][data-style="outline"][data-variant="default"],[data-mode="dark"][data-style="shadcn"] [data-button][data-style="outline"]:not([data-variant]),[data-mode="dark"] [data-style="shadcn"] [data-button][data-style="outline"]:not([data-variant]){--un-border-opacity:1;border-color:rgba(var(--color-surface-700),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
54
+
55
+ [data-style='shadcn'] [data-button][data-style='outline'][data-variant='primary'] {
56
+ border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-primary-400),var(--un-border-opacity));border-radius:0.375rem;background-color:transparent;--un-text-opacity:1;color:rgba(var(--color-primary-600),var(--un-text-opacity));
57
+ }[data-mode="dark"][data-style="shadcn"] [data-button][data-style="outline"][data-variant="primary"],[data-mode="dark"] [data-style="shadcn"] [data-button][data-style="outline"][data-variant="primary"]{--un-border-opacity:1;border-color:rgba(var(--color-primary-600),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-400),var(--un-text-opacity));}
58
+
59
+ [data-style='shadcn'] [data-button][data-style='outline'][data-variant='secondary'] {
60
+ border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-secondary-400),var(--un-border-opacity));border-radius:0.375rem;background-color:transparent;--un-text-opacity:1;color:rgba(var(--color-secondary-600),var(--un-text-opacity));
61
+ }[data-mode="dark"][data-style="shadcn"] [data-button][data-style="outline"][data-variant="secondary"],[data-mode="dark"] [data-style="shadcn"] [data-button][data-style="outline"][data-variant="secondary"]{--un-border-opacity:1;border-color:rgba(var(--color-secondary-600),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-secondary-400),var(--un-text-opacity));}
62
+
63
+ [data-style='shadcn'] [data-button][data-style='outline'][data-variant='accent'] {
64
+ border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-accent-400),var(--un-border-opacity));border-radius:0.375rem;background-color:transparent;--un-text-opacity:1;color:rgba(var(--color-accent-600),var(--un-text-opacity));
65
+ }[data-mode="dark"][data-style="shadcn"] [data-button][data-style="outline"][data-variant="accent"],[data-mode="dark"] [data-style="shadcn"] [data-button][data-style="outline"][data-variant="accent"]{--un-border-opacity:1;border-color:rgba(var(--color-accent-600),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-accent-400),var(--un-text-opacity));}
66
+
67
+ [data-style='shadcn'] [data-button][data-style='outline'][data-variant='danger'] {
68
+ border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-danger-400),var(--un-border-opacity));border-radius:0.375rem;background-color:transparent;--un-text-opacity:1;color:rgba(var(--color-danger-400),var(--un-text-opacity));
69
+ }[data-mode="dark"][data-style="shadcn"] [data-button][data-style="outline"][data-variant="danger"],[data-mode="dark"] [data-style="shadcn"] [data-button][data-style="outline"][data-variant="danger"]{--un-border-opacity:1;border-color:rgba(var(--color-danger-600),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-danger-600),var(--un-text-opacity));}
70
+
71
+ /* =============================================================================
72
+ Ghost Style
73
+ ============================================================================= */
74
+
75
+ [data-style='shadcn'] [data-button][data-style='ghost'] {
76
+ border-color:transparent;border-radius:0.375rem;background-color:transparent;
77
+ }
78
+
79
+ [data-style='shadcn'] [data-button][data-style='ghost'][data-variant='default'],
80
+ [data-style='shadcn'] [data-button][data-style='ghost']:not([data-variant]) {
81
+ --un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
82
+ }[data-mode="dark"][data-style="shadcn"] [data-button][data-style="ghost"][data-variant="default"],[data-mode="dark"] [data-style="shadcn"] [data-button][data-style="ghost"][data-variant="default"],[data-mode="dark"][data-style="shadcn"] [data-button][data-style="ghost"]:not([data-variant]),[data-mode="dark"] [data-style="shadcn"] [data-button][data-style="ghost"]:not([data-variant]){--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
83
+
84
+ [data-style='shadcn'] [data-button][data-style='ghost'][data-variant='primary'] {
85
+ --un-text-opacity:1;color:rgba(var(--color-primary-600),var(--un-text-opacity));
86
+ }[data-mode="dark"][data-style="shadcn"] [data-button][data-style="ghost"][data-variant="primary"],[data-mode="dark"] [data-style="shadcn"] [data-button][data-style="ghost"][data-variant="primary"]{--un-text-opacity:1;color:rgba(var(--color-primary-400),var(--un-text-opacity));}
87
+
88
+ [data-style='shadcn'] [data-button][data-style='ghost'][data-variant='secondary'] {
89
+ --un-text-opacity:1;color:rgba(var(--color-secondary-600),var(--un-text-opacity));
90
+ }[data-mode="dark"][data-style="shadcn"] [data-button][data-style="ghost"][data-variant="secondary"],[data-mode="dark"] [data-style="shadcn"] [data-button][data-style="ghost"][data-variant="secondary"]{--un-text-opacity:1;color:rgba(var(--color-secondary-400),var(--un-text-opacity));}
91
+
92
+ [data-style='shadcn'] [data-button][data-style='ghost'][data-variant='accent'] {
93
+ --un-text-opacity:1;color:rgba(var(--color-accent-600),var(--un-text-opacity));
94
+ }[data-mode="dark"][data-style="shadcn"] [data-button][data-style="ghost"][data-variant="accent"],[data-mode="dark"] [data-style="shadcn"] [data-button][data-style="ghost"][data-variant="accent"]{--un-text-opacity:1;color:rgba(var(--color-accent-400),var(--un-text-opacity));}
95
+
96
+ [data-style='shadcn'] [data-button][data-style='ghost'][data-variant='danger'] {
97
+ --un-text-opacity:1;color:rgba(var(--color-danger-400),var(--un-text-opacity));
98
+ }[data-mode="dark"][data-style="shadcn"] [data-button][data-style="ghost"][data-variant="danger"],[data-mode="dark"] [data-style="shadcn"] [data-button][data-style="ghost"][data-variant="danger"]{--un-text-opacity:1;color:rgba(var(--color-danger-600),var(--un-text-opacity));}
99
+
100
+ /* =============================================================================
101
+ Gradient Style (flat fill — no gradients in shadcn)
102
+ ============================================================================= */
103
+
104
+ [data-style='shadcn'] [data-button][data-style='gradient'][data-variant='default'],
105
+ [data-style='shadcn'] [data-button][data-style='gradient']:not([data-variant]) {
106
+ border-radius:0.375rem;--un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-950),var(--un-text-opacity));
107
+ }[data-mode="dark"][data-style="shadcn"] [data-button][data-style="gradient"][data-variant="default"],[data-mode="dark"] [data-style="shadcn"] [data-button][data-style="gradient"][data-variant="default"],[data-mode="dark"][data-style="shadcn"] [data-button][data-style="gradient"]:not([data-variant]),[data-mode="dark"] [data-style="shadcn"] [data-button][data-style="gradient"]:not([data-variant]){--un-bg-opacity:1;background-color:rgba(var(--color-surface-700),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-50),var(--un-text-opacity));}
108
+
109
+ [data-style='shadcn'] [data-button][data-style='gradient'][data-variant='primary'] {
110
+ border-radius:0.375rem;--un-bg-opacity:1;background-color:rgba(var(--color-primary-500),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-50),var(--un-text-opacity));
111
+ }[data-mode="dark"][data-style="shadcn"] [data-button][data-style="gradient"][data-variant="primary"],[data-mode="dark"] [data-style="shadcn"] [data-button][data-style="gradient"][data-variant="primary"]{--un-bg-opacity:1;background-color:rgba(var(--color-primary-500),var(--un-bg-opacity));}
112
+
113
+ [data-style='shadcn'] [data-button][data-style='gradient'][data-variant='secondary'] {
114
+ border-radius:0.375rem;--un-bg-opacity:1;background-color:rgba(var(--color-secondary-400),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-50),var(--un-text-opacity));
115
+ }[data-mode="dark"][data-style="shadcn"] [data-button][data-style="gradient"][data-variant="secondary"],[data-mode="dark"] [data-style="shadcn"] [data-button][data-style="gradient"][data-variant="secondary"]{--un-bg-opacity:1;background-color:rgba(var(--color-secondary-600),var(--un-bg-opacity));}
116
+
117
+ [data-style='shadcn'] [data-button][data-style='gradient'][data-variant='accent'] {
118
+ border-radius:0.375rem;--un-bg-opacity:1;background-color:rgba(var(--color-accent-400),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-accent-50),var(--un-text-opacity));
119
+ }[data-mode="dark"][data-style="shadcn"] [data-button][data-style="gradient"][data-variant="accent"],[data-mode="dark"] [data-style="shadcn"] [data-button][data-style="gradient"][data-variant="accent"]{--un-bg-opacity:1;background-color:rgba(var(--color-accent-600),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-accent-50),var(--un-text-opacity));}
120
+
121
+ [data-style='shadcn'] [data-button][data-style='gradient'][data-variant='danger'] {
122
+ border-radius:0.375rem;--un-bg-opacity:1;background-color:rgba(var(--color-danger-400),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-danger-50),var(--un-text-opacity));
123
+ }[data-mode="dark"][data-style="shadcn"] [data-button][data-style="gradient"][data-variant="danger"],[data-mode="dark"] [data-style="shadcn"] [data-button][data-style="gradient"][data-variant="danger"]{--un-bg-opacity:1;background-color:rgba(var(--color-danger-600),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-danger-50),var(--un-text-opacity));}
124
+
125
+ /* =============================================================================
126
+ Link Style
127
+ ============================================================================= */
128
+
129
+ [data-style='shadcn'] [data-button][data-style='link'][data-variant='default'],
130
+ [data-style='shadcn'] [data-button][data-style='link']:not([data-variant]) {
131
+ --un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
132
+ }[data-mode="dark"][data-style="shadcn"] [data-button][data-style="link"][data-variant="default"],[data-mode="dark"] [data-style="shadcn"] [data-button][data-style="link"][data-variant="default"],[data-mode="dark"][data-style="shadcn"] [data-button][data-style="link"]:not([data-variant]),[data-mode="dark"] [data-style="shadcn"] [data-button][data-style="link"]:not([data-variant]){--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
133
+
134
+ [data-style='shadcn'] [data-button][data-style='link'][data-variant='primary'] {
135
+ --un-text-opacity:1;color:rgba(var(--color-primary-600),var(--un-text-opacity));
136
+ }[data-mode="dark"][data-style="shadcn"] [data-button][data-style="link"][data-variant="primary"],[data-mode="dark"] [data-style="shadcn"] [data-button][data-style="link"][data-variant="primary"]{--un-text-opacity:1;color:rgba(var(--color-primary-400),var(--un-text-opacity));}
137
+
138
+ [data-style='shadcn'] [data-button][data-style='link'][data-variant='secondary'] {
139
+ --un-text-opacity:1;color:rgba(var(--color-secondary-600),var(--un-text-opacity));
140
+ }[data-mode="dark"][data-style="shadcn"] [data-button][data-style="link"][data-variant="secondary"],[data-mode="dark"] [data-style="shadcn"] [data-button][data-style="link"][data-variant="secondary"]{--un-text-opacity:1;color:rgba(var(--color-secondary-400),var(--un-text-opacity));}
141
+
142
+ [data-style='shadcn'] [data-button][data-style='link'][data-variant='accent'] {
143
+ --un-text-opacity:1;color:rgba(var(--color-accent-600),var(--un-text-opacity));
144
+ }[data-mode="dark"][data-style="shadcn"] [data-button][data-style="link"][data-variant="accent"],[data-mode="dark"] [data-style="shadcn"] [data-button][data-style="link"][data-variant="accent"]{--un-text-opacity:1;color:rgba(var(--color-accent-400),var(--un-text-opacity));}
145
+
146
+ [data-style='shadcn'] [data-button][data-style='link'][data-variant='danger'] {
147
+ --un-text-opacity:1;color:rgba(var(--color-danger-400),var(--un-text-opacity));
148
+ }[data-mode="dark"][data-style="shadcn"] [data-button][data-style="link"][data-variant="danger"],[data-mode="dark"] [data-style="shadcn"] [data-button][data-style="link"][data-variant="danger"]{--un-text-opacity:1;color:rgba(var(--color-danger-600),var(--un-text-opacity));}
149
+
150
+ [data-style='shadcn'] [data-button][data-style='link']:hover:not(:disabled):not([data-disabled]) {
151
+ --un-text-opacity:1;color:rgba(var(--color-surface-900),var(--un-text-opacity));
152
+ }[data-mode="dark"][data-style="shadcn"] [data-button][data-style="link"]:hover:not(:disabled):not([data-disabled]),[data-mode="dark"] [data-style="shadcn"] [data-button][data-style="link"]:hover:not(:disabled):not([data-disabled]){--un-text-opacity:1;color:rgba(var(--color-surface-100),var(--un-text-opacity));}
153
+
154
+ /* =============================================================================
155
+ Hover States
156
+ ============================================================================= */
157
+
158
+ [data-style='shadcn']
159
+ [data-button][data-style='default']:hover:not(:disabled):not([data-disabled]),
160
+ [data-style='shadcn'] [data-button]:not([data-style]):hover:not(:disabled):not([data-disabled]) {
161
+ --un-border-opacity:1;border-color:rgba(var(--color-surface-400),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));background-image:none;
162
+ }[data-mode="dark"][data-style="shadcn"] [data-button][data-style="default"]:hover:not(:disabled):not([data-disabled]),[data-mode="dark"] [data-style="shadcn"] [data-button][data-style="default"]:hover:not(:disabled):not([data-disabled]),[data-mode="dark"][data-style="shadcn"] [data-button]:not([data-style]):hover:not(:disabled):not([data-disabled]),[data-mode="dark"] [data-style="shadcn"] [data-button]:not([data-style]):hover:not(:disabled):not([data-disabled]){--un-border-opacity:1;border-color:rgba(var(--color-surface-600),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-700),var(--un-bg-opacity));}
163
+
164
+ [data-style='shadcn']
165
+ [data-button][data-style='outline']:hover:not(:disabled):not([data-disabled]) {
166
+ --un-border-opacity:1;border-color:rgba(var(--color-surface-400),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));background-image:none;
167
+ }[data-mode="dark"][data-style="shadcn"] [data-button][data-style="outline"]:hover:not(:disabled):not([data-disabled]),[data-mode="dark"] [data-style="shadcn"] [data-button][data-style="outline"]:hover:not(:disabled):not([data-disabled]){--un-border-opacity:1;border-color:rgba(var(--color-surface-600),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-800),var(--un-bg-opacity));}
168
+
169
+ [data-style='shadcn'] [data-button][data-style='ghost']:hover:not(:disabled):not([data-disabled]) {
170
+ --un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));
171
+ }[data-mode="dark"][data-style="shadcn"] [data-button][data-style="ghost"]:hover:not(:disabled):not([data-disabled]),[data-mode="dark"] [data-style="shadcn"] [data-button][data-style="ghost"]:hover:not(:disabled):not([data-disabled]){--un-bg-opacity:1;background-color:rgba(var(--color-surface-800),var(--un-bg-opacity));}
172
+
173
+ [data-style='shadcn']
174
+ [data-button][data-style='gradient']:hover:not(:disabled):not([data-disabled]) {
175
+ --un-bg-opacity:1;background-color:rgba(var(--color-surface-400),var(--un-bg-opacity));background-image:none;
176
+ }[data-mode="dark"][data-style="shadcn"] [data-button][data-style="gradient"]:hover:not(:disabled):not([data-disabled]),[data-mode="dark"] [data-style="shadcn"] [data-button][data-style="gradient"]:hover:not(:disabled):not([data-disabled]){--un-bg-opacity:1;background-color:rgba(var(--color-surface-600),var(--un-bg-opacity));}
177
+
178
+ /* =============================================================================
179
+ Focus — ring with offset (shadcn signature)
180
+ ============================================================================= */
181
+
182
+ [data-style='shadcn'] [data-button]:focus-visible {
183
+ outline:2px solid transparent;outline-offset:2px;--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-offset-width:2px;--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-400),var(--un-ring-opacity));
184
+ }[data-mode="dark"][data-style="shadcn"] [data-button]:focus-visible,[data-mode="dark"] [data-style="shadcn"] [data-button]:focus-visible{--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-600),var(--un-ring-opacity));}
185
+
186
+ /**
187
+ * Toolbar - shadcn Theme Styles
188
+ *
189
+ * Clean, flat toolbar with subtle borders and ring-based focus.
190
+ */
191
+
192
+ /* =============================================================================
193
+ Toolbar Container
194
+ ============================================================================= */
195
+
196
+ [data-style='shadcn'] [data-toolbar] {
197
+ background-color:transparent;background-image:none;
198
+ }
199
+
200
+ /* Position-based borders */
201
+ [data-style='shadcn'] [data-toolbar][data-toolbar-position='top'],
202
+ [data-style='shadcn'] [data-toolbar]:not([data-toolbar-position]) {
203
+ border-bottom-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-300),var(--un-border-opacity));
204
+ }[data-mode="dark"][data-style="shadcn"] [data-toolbar][data-toolbar-position="top"],[data-mode="dark"] [data-style="shadcn"] [data-toolbar][data-toolbar-position="top"],[data-mode="dark"][data-style="shadcn"] [data-toolbar]:not([data-toolbar-position]),[data-mode="dark"] [data-style="shadcn"] [data-toolbar]:not([data-toolbar-position]){--un-border-opacity:1;border-color:rgba(var(--color-surface-700),var(--un-border-opacity));}
205
+
206
+ [data-style='shadcn'] [data-toolbar][data-toolbar-position='bottom'] {
207
+ border-top-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-300),var(--un-border-opacity));
208
+ }[data-mode="dark"][data-style="shadcn"] [data-toolbar][data-toolbar-position="bottom"],[data-mode="dark"] [data-style="shadcn"] [data-toolbar][data-toolbar-position="bottom"]{--un-border-opacity:1;border-color:rgba(var(--color-surface-700),var(--un-border-opacity));}
209
+
210
+ [data-style='shadcn'] [data-toolbar][data-toolbar-position='left'] {
211
+ border-right-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-300),var(--un-border-opacity));
212
+ }[data-mode="dark"][data-style="shadcn"] [data-toolbar][data-toolbar-position="left"],[data-mode="dark"] [data-style="shadcn"] [data-toolbar][data-toolbar-position="left"]{--un-border-opacity:1;border-color:rgba(var(--color-surface-700),var(--un-border-opacity));}
213
+
214
+ [data-style='shadcn'] [data-toolbar][data-toolbar-position='right'] {
215
+ border-left-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-300),var(--un-border-opacity));
216
+ }[data-mode="dark"][data-style="shadcn"] [data-toolbar][data-toolbar-position="right"],[data-mode="dark"] [data-style="shadcn"] [data-toolbar][data-toolbar-position="right"]{--un-border-opacity:1;border-color:rgba(var(--color-surface-700),var(--un-border-opacity));}
217
+
218
+ /* =============================================================================
219
+ Toolbar Items
220
+ ============================================================================= */
221
+
222
+ [data-style='shadcn'] [data-toolbar-item] {
223
+ border-radius:0.375rem;--un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
224
+ }[data-mode="dark"][data-style="shadcn"] [data-toolbar-item],[data-mode="dark"] [data-style="shadcn"] [data-toolbar-item]{--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
225
+
226
+ [data-style='shadcn'] [data-toolbar-item]:hover:not(:disabled):not([data-disabled='true']) {
227
+ --un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-900),var(--un-text-opacity));
228
+ }[data-mode="dark"][data-style="shadcn"] [data-toolbar-item]:hover:not(:disabled):not([data-disabled="true"]),[data-mode="dark"] [data-style="shadcn"] [data-toolbar-item]:hover:not(:disabled):not([data-disabled="true"]){--un-bg-opacity:1;background-color:rgba(var(--color-surface-700),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-100),var(--un-text-opacity));}
229
+
230
+ [data-style='shadcn']
231
+ [data-toolbar-item]:focus-visible:not(:disabled):not([data-disabled='true']) {
232
+ background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-900),var(--un-text-opacity));outline:2px solid transparent;outline-offset:2px;--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-offset-width:2px;--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-400),var(--un-ring-opacity));
233
+ }[data-mode="dark"][data-style="shadcn"] [data-toolbar-item]:focus-visible:not(:disabled):not([data-disabled="true"]),[data-mode="dark"] [data-style="shadcn"] [data-toolbar-item]:focus-visible:not(:disabled):not([data-disabled="true"]){--un-text-opacity:1;color:rgba(var(--color-surface-100),var(--un-text-opacity));--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-600),var(--un-ring-opacity));}
234
+
235
+ /* Active/pressed state */
236
+ [data-style='shadcn'] [data-toolbar-item][data-active='true'] {
237
+ --un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-primary-700),var(--un-text-opacity));
238
+ }[data-mode="dark"][data-style="shadcn"] [data-toolbar-item][data-active="true"],[data-mode="dark"] [data-style="shadcn"] [data-toolbar-item][data-active="true"]{--un-bg-opacity:1;background-color:rgba(var(--color-surface-700),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-300),var(--un-text-opacity));}
239
+
240
+ [data-style='shadcn'] [data-toolbar-item][data-active='true']:hover:not(:disabled) {
241
+ --un-bg-opacity:1;background-color:rgba(var(--color-surface-400),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-primary-800),var(--un-text-opacity));
242
+ }[data-mode="dark"][data-style="shadcn"] [data-toolbar-item][data-active="true"]:hover:not(:disabled),[data-mode="dark"] [data-style="shadcn"] [data-toolbar-item][data-active="true"]:hover:not(:disabled){--un-bg-opacity:1;background-color:rgba(var(--color-surface-600),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-200),var(--un-text-opacity));}
243
+
244
+ /* =============================================================================
245
+ Toolbar Icon
246
+ ============================================================================= */
247
+
248
+ [data-style='shadcn'] [data-toolbar-item] [data-toolbar-icon] {
249
+ --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
250
+ }[data-mode="dark"][data-style="shadcn"] [data-toolbar-item] [data-toolbar-icon],[data-mode="dark"] [data-style="shadcn"] [data-toolbar-item] [data-toolbar-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
251
+
252
+ [data-style='shadcn'] [data-toolbar-item]:hover:not(:disabled) [data-toolbar-icon] {
253
+ --un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
254
+ }[data-mode="dark"][data-style="shadcn"] [data-toolbar-item]:hover:not(:disabled) [data-toolbar-icon],[data-mode="dark"] [data-style="shadcn"] [data-toolbar-item]:hover:not(:disabled) [data-toolbar-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
255
+
256
+ [data-style='shadcn'] [data-toolbar-item][data-active='true'] [data-toolbar-icon] {
257
+ --un-text-opacity:1;color:rgba(var(--color-primary-600),var(--un-text-opacity));
258
+ }[data-mode="dark"][data-style="shadcn"] [data-toolbar-item][data-active="true"] [data-toolbar-icon],[data-mode="dark"] [data-style="shadcn"] [data-toolbar-item][data-active="true"] [data-toolbar-icon]{--un-text-opacity:1;color:rgba(var(--color-primary-400),var(--un-text-opacity));}
259
+
260
+ /* =============================================================================
261
+ Separator & Divider
262
+ ============================================================================= */
263
+
264
+ [data-style='shadcn'] [data-toolbar-separator] {
265
+ --un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));background-image:none;
266
+ }[data-mode="dark"][data-style="shadcn"] [data-toolbar-separator],[data-mode="dark"] [data-style="shadcn"] [data-toolbar-separator]{--un-bg-opacity:1;background-color:rgba(var(--color-surface-700),var(--un-bg-opacity));}
267
+
268
+ [data-style='shadcn'] [data-toolbar-divider] {
269
+ --un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));background-image:none;
270
+ }[data-mode="dark"][data-style="shadcn"] [data-toolbar-divider],[data-mode="dark"] [data-style="shadcn"] [data-toolbar-divider]{--un-bg-opacity:1;background-color:rgba(var(--color-surface-700),var(--un-bg-opacity));}
271
+
272
+ /**
273
+ * Tabs - shadcn Theme Styles
274
+ *
275
+ * Underline-indicator tabs with primary color accent on active.
276
+ * Active tab: thick bottom border in primary color, bolder text.
277
+ */
278
+
279
+ /* =============================================================================
280
+ Tab List
281
+ ============================================================================= */
282
+
283
+ [data-style='shadcn'] [data-tabs-list] {
284
+ gap:0;border-width:0px;border-bottom-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-300),var(--un-border-opacity));padding-left:0;padding-right:0;
285
+ }[data-mode="dark"][data-style="shadcn"] [data-tabs-list],[data-mode="dark"] [data-style="shadcn"] [data-tabs-list]{--un-border-opacity:1;border-color:rgba(var(--color-surface-700),var(--un-border-opacity));}
286
+
287
+ [data-style='shadcn'] [data-tabs][data-position='after'] [data-tabs-list] {
288
+ border-top-width:1px;border-bottom-width:0px;
289
+ }
290
+
291
+ [data-style='shadcn'] [data-tabs][data-orientation='vertical'] [data-tabs-list] {
292
+ border-right-width:1px;border-bottom-width:0px;
293
+ }
294
+
295
+ [data-style='shadcn']
296
+ [data-tabs][data-orientation='vertical'][data-position='after']
297
+ [data-tabs-list] {
298
+ border-top-width:0px;border-right-width:0px;border-left-width:1px;
299
+ }
300
+
301
+ /* =============================================================================
302
+ Tab Triggers — default: horizontal/before (bottom border)
303
+ ============================================================================= */
304
+
305
+ [data-style='shadcn'] [data-tabs-trigger] {
306
+ border-bottom-width:2px;border-bottom-color:transparent;border-radius:0;background-color:transparent;--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
307
+ font-weight: 400;
308
+ transition: color 150ms ease, border-color 150ms ease;
309
+ }[data-mode="dark"][data-style="shadcn"] [data-tabs-trigger],[data-mode="dark"] [data-style="shadcn"] [data-tabs-trigger]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
310
+
311
+ [data-style='shadcn'] [data-tabs-trigger]:hover:not(:disabled):not([data-disabled]) {
312
+ --un-border-opacity:1;--un-border-bottom-opacity:var(--un-border-opacity);border-bottom-color:rgba(var(--color-surface-400),var(--un-border-bottom-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
313
+ }[data-mode="dark"][data-style="shadcn"] [data-tabs-trigger]:hover:not(:disabled):not([data-disabled]),[data-mode="dark"] [data-style="shadcn"] [data-tabs-trigger]:hover:not(:disabled):not([data-disabled]){--un-border-opacity:1;--un-border-bottom-opacity:var(--un-border-opacity);border-bottom-color:rgba(var(--color-surface-600),var(--un-border-bottom-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
314
+
315
+ [data-style='shadcn'] [data-tabs-trigger][data-selected] {
316
+ --un-border-opacity:1;--un-border-bottom-opacity:var(--un-border-opacity);border-bottom-color:rgba(var(--color-primary-500),var(--un-border-bottom-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-900),var(--un-text-opacity));
317
+ font-weight: 600;
318
+ }[data-mode="dark"][data-style="shadcn"] [data-tabs-trigger][data-selected],[data-mode="dark"] [data-style="shadcn"] [data-tabs-trigger][data-selected]{--un-border-opacity:1;--un-border-bottom-opacity:var(--un-border-opacity);border-bottom-color:rgba(var(--color-primary-500),var(--un-border-bottom-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-100),var(--un-text-opacity));}
319
+
320
+ /* Reset gradients */
321
+ [data-style='shadcn'] [data-tabs-list]:focus-within [data-tabs-trigger][data-selected] {
322
+ background-image:none;
323
+ }
324
+
325
+ [data-style='shadcn']
326
+ [data-tabs][data-orientation='vertical']
327
+ [data-tabs-list]:focus-within
328
+ [data-tabs-trigger][data-selected] {
329
+ background-image:none;
330
+ }
331
+
332
+ [data-style='shadcn']
333
+ [data-tabs][data-orientation='vertical'][data-position='after']
334
+ [data-tabs-list]:focus-within
335
+ [data-tabs-trigger][data-selected] {
336
+ background-image:none;
337
+ }
338
+
339
+ /* Horizontal after (tabs below content): top border */
340
+ [data-style='shadcn'] [data-tabs][data-position='after'] [data-tabs-trigger] {
341
+ border-bottom-width:0px;border-top-width:2px;border-top-color:transparent;
342
+ }
343
+
344
+ [data-style='shadcn']
345
+ [data-tabs][data-position='after']
346
+ [data-tabs-trigger]:hover:not(:disabled):not([data-disabled]) {
347
+ --un-border-opacity:1;--un-border-top-opacity:var(--un-border-opacity);border-top-color:rgba(var(--color-surface-400),var(--un-border-top-opacity));
348
+ }[data-mode="dark"][data-style="shadcn"] [data-tabs][data-position="after"] [data-tabs-trigger]:hover:not(:disabled):not([data-disabled]),[data-mode="dark"] [data-style="shadcn"] [data-tabs][data-position="after"] [data-tabs-trigger]:hover:not(:disabled):not([data-disabled]){--un-border-opacity:1;--un-border-top-opacity:var(--un-border-opacity);border-top-color:rgba(var(--color-surface-600),var(--un-border-top-opacity));}
349
+
350
+ [data-style='shadcn'] [data-tabs][data-position='after'] [data-tabs-trigger][data-selected] {
351
+ --un-border-opacity:1;--un-border-top-opacity:var(--un-border-opacity);border-top-color:rgba(var(--color-primary-500),var(--un-border-top-opacity));
352
+ font-weight: 600;
353
+ }[data-mode="dark"][data-style="shadcn"] [data-tabs][data-position="after"] [data-tabs-trigger][data-selected],[data-mode="dark"] [data-style="shadcn"] [data-tabs][data-position="after"] [data-tabs-trigger][data-selected]{--un-border-opacity:1;--un-border-top-opacity:var(--un-border-opacity);border-top-color:rgba(var(--color-primary-500),var(--un-border-top-opacity));}
354
+
355
+ [data-style='shadcn']
356
+ [data-tabs][data-position='after']
357
+ [data-tabs-list]:focus-within
358
+ [data-tabs-trigger][data-selected] {
359
+ background-image:none;
360
+ }
361
+
362
+ /* Vertical before (tabs on left): right border */
363
+ [data-style='shadcn'] [data-tabs][data-orientation='vertical'] [data-tabs-trigger] {
364
+ border-bottom-width:0px;border-right-width:2px;border-right-color:transparent;border-radius:0;border-top-left-radius:0.25rem;border-bottom-left-radius:0.25rem;
365
+ }
366
+
367
+ [data-style='shadcn']
368
+ [data-tabs][data-orientation='vertical']
369
+ [data-tabs-trigger]:hover:not(:disabled):not([data-disabled]) {
370
+ --un-border-opacity:1;--un-border-right-opacity:var(--un-border-opacity);border-right-color:rgba(var(--color-surface-400),var(--un-border-right-opacity));
371
+ }[data-mode="dark"][data-style="shadcn"] [data-tabs][data-orientation="vertical"] [data-tabs-trigger]:hover:not(:disabled):not([data-disabled]),[data-mode="dark"] [data-style="shadcn"] [data-tabs][data-orientation="vertical"] [data-tabs-trigger]:hover:not(:disabled):not([data-disabled]){--un-border-opacity:1;--un-border-right-opacity:var(--un-border-opacity);border-right-color:rgba(var(--color-surface-600),var(--un-border-right-opacity));}
372
+
373
+ [data-style='shadcn'] [data-tabs][data-orientation='vertical'] [data-tabs-trigger][data-selected] {
374
+ --un-border-opacity:1;--un-border-right-opacity:var(--un-border-opacity);border-right-color:rgba(var(--color-primary-500),var(--un-border-right-opacity));
375
+ font-weight: 600;
376
+ }[data-mode="dark"][data-style="shadcn"] [data-tabs][data-orientation="vertical"] [data-tabs-trigger][data-selected],[data-mode="dark"] [data-style="shadcn"] [data-tabs][data-orientation="vertical"] [data-tabs-trigger][data-selected]{--un-border-opacity:1;--un-border-right-opacity:var(--un-border-opacity);border-right-color:rgba(var(--color-primary-500),var(--un-border-right-opacity));}
377
+
378
+ /* Vertical after (tabs on right): left border */
379
+ [data-style='shadcn']
380
+ [data-tabs][data-orientation='vertical'][data-position='after']
381
+ [data-tabs-trigger] {
382
+ border-top-width:0px;border-bottom-width:0px;border-right-width:0px;border-left-width:2px;border-left-color:transparent;border-radius:0;border-top-right-radius:0.25rem;border-bottom-right-radius:0.25rem;
383
+ }
384
+
385
+ [data-style='shadcn']
386
+ [data-tabs][data-orientation='vertical'][data-position='after']
387
+ [data-tabs-trigger]:hover:not(:disabled):not([data-disabled]) {
388
+ border-top-width:0px;border-bottom-width:0px;border-right-width:0px;--un-border-opacity:1;--un-border-left-opacity:var(--un-border-opacity);border-left-color:rgba(var(--color-surface-400),var(--un-border-left-opacity));
389
+ }[data-mode="dark"][data-style="shadcn"] [data-tabs][data-orientation="vertical"][data-position="after"] [data-tabs-trigger]:hover:not(:disabled):not([data-disabled]),[data-mode="dark"] [data-style="shadcn"] [data-tabs][data-orientation="vertical"][data-position="after"] [data-tabs-trigger]:hover:not(:disabled):not([data-disabled]){--un-border-opacity:1;--un-border-left-opacity:var(--un-border-opacity);border-left-color:rgba(var(--color-surface-600),var(--un-border-left-opacity));}
390
+
391
+ [data-style='shadcn']
392
+ [data-tabs][data-orientation='vertical'][data-position='after']
393
+ [data-tabs-trigger][data-selected] {
394
+ border-top-width:0px;border-bottom-width:0px;border-right-width:0px;--un-border-opacity:1;--un-border-left-opacity:var(--un-border-opacity);border-left-color:rgba(var(--color-primary-500),var(--un-border-left-opacity));
395
+ font-weight: 600;
396
+ }[data-mode="dark"][data-style="shadcn"] [data-tabs][data-orientation="vertical"][data-position="after"] [data-tabs-trigger][data-selected],[data-mode="dark"] [data-style="shadcn"] [data-tabs][data-orientation="vertical"][data-position="after"] [data-tabs-trigger][data-selected]{--un-border-opacity:1;--un-border-left-opacity:var(--un-border-opacity);border-left-color:rgba(var(--color-primary-500),var(--un-border-left-opacity));}
397
+
398
+ /* =============================================================================
399
+ Tab Icon
400
+ ============================================================================= */
401
+
402
+ [data-style='shadcn'] [data-tabs-trigger] [data-tabs-icon] {
403
+ --un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));
404
+ }[data-mode="dark"][data-style="shadcn"] [data-tabs-trigger] [data-tabs-icon],[data-mode="dark"] [data-style="shadcn"] [data-tabs-trigger] [data-tabs-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));}
405
+
406
+ [data-style='shadcn'] [data-tabs-trigger]:hover:not(:disabled) [data-tabs-icon] {
407
+ --un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
408
+ }[data-mode="dark"][data-style="shadcn"] [data-tabs-trigger]:hover:not(:disabled) [data-tabs-icon],[data-mode="dark"] [data-style="shadcn"] [data-tabs-trigger]:hover:not(:disabled) [data-tabs-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
409
+
410
+ [data-style='shadcn'] [data-tabs-trigger][data-selected] [data-tabs-icon] {
411
+ --un-text-opacity:1;color:rgba(var(--color-primary-500),var(--un-text-opacity));
412
+ }[data-mode="dark"][data-style="shadcn"] [data-tabs-trigger][data-selected] [data-tabs-icon],[data-mode="dark"] [data-style="shadcn"] [data-tabs-trigger][data-selected] [data-tabs-icon]{--un-text-opacity:1;color:rgba(var(--color-primary-500),var(--un-text-opacity));}
413
+
414
+ /* =============================================================================
415
+ Tab Panel
416
+ ============================================================================= */
417
+
418
+ [data-style='shadcn'] [data-tabs-content] {
419
+ --un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
420
+ }[data-mode="dark"][data-style="shadcn"] [data-tabs-content],[data-mode="dark"] [data-style="shadcn"] [data-tabs-content]{--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
421
+
422
+ /**
423
+ * Toggle - shadcn Theme Styles
424
+ *
425
+ * Rounded-md container, flat selected state with primary underline.
426
+ */
427
+
428
+ /* =============================================================================
429
+ Toggle Container
430
+ ============================================================================= */
431
+
432
+ [data-style='shadcn'] [data-toggle] {
433
+ border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-300),var(--un-border-opacity));border-radius:0.375rem;background-color:transparent;background-image:none;
434
+ }[data-mode="dark"][data-style="shadcn"] [data-toggle],[data-mode="dark"] [data-style="shadcn"] [data-toggle]{--un-border-opacity:1;border-color:rgba(var(--color-surface-700),var(--un-border-opacity));}
435
+
436
+ /* =============================================================================
437
+ Toggle Options
438
+ ============================================================================= */
439
+
440
+ [data-style='shadcn'] [data-toggle-option] {
441
+ border-width:0px;border-color:transparent;border-radius:0.375rem;border-style:solid;--un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
442
+ }[data-mode="dark"][data-style="shadcn"] [data-toggle-option],[data-mode="dark"] [data-style="shadcn"] [data-toggle-option]{--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
443
+
444
+ [data-style='shadcn'] [data-toggle-option]:hover:not(:disabled):not([data-disabled='true']),
445
+ [data-style='shadcn'] [data-toggle-option]:focus:not(:disabled):not([data-disabled='true']) {
446
+ --un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
447
+ }[data-mode="dark"][data-style="shadcn"] [data-toggle-option]:hover:not(:disabled):not([data-disabled="true"]),[data-mode="dark"] [data-style="shadcn"] [data-toggle-option]:hover:not(:disabled):not([data-disabled="true"]),[data-mode="dark"][data-style="shadcn"] [data-toggle-option]:focus:not(:disabled):not([data-disabled="true"]),[data-mode="dark"] [data-style="shadcn"] [data-toggle-option]:focus:not(:disabled):not([data-disabled="true"]){--un-bg-opacity:1;background-color:rgba(var(--color-surface-700),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
448
+
449
+ /* Selected state */
450
+ [data-style='shadcn'] [data-toggle-option][data-selected='true'] {
451
+ border-bottom-width:2px;--un-border-opacity:1;--un-border-bottom-opacity:var(--un-border-opacity);border-bottom-color:rgba(var(--color-primary-500),var(--un-border-bottom-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-900),var(--un-text-opacity));
452
+ }[data-mode="dark"][data-style="shadcn"] [data-toggle-option][data-selected="true"],[data-mode="dark"] [data-style="shadcn"] [data-toggle-option][data-selected="true"]{--un-border-opacity:1;--un-border-bottom-opacity:var(--un-border-opacity);border-bottom-color:rgba(var(--color-primary-500),var(--un-border-bottom-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-800),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-100),var(--un-text-opacity));}
453
+
454
+ /* =============================================================================
455
+ Toggle Icon
456
+ ============================================================================= */
457
+
458
+ [data-style='shadcn'] [data-toggle-option] [data-toggle-icon] {
459
+ --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
460
+ }[data-mode="dark"][data-style="shadcn"] [data-toggle-option] [data-toggle-icon],[data-mode="dark"] [data-style="shadcn"] [data-toggle-option] [data-toggle-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
461
+
462
+ [data-style='shadcn'] [data-toggle-option]:hover:not(:disabled) [data-toggle-icon],
463
+ [data-style='shadcn'] [data-toggle-option]:focus:not(:disabled) [data-toggle-icon] {
464
+ --un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
465
+ }[data-mode="dark"][data-style="shadcn"] [data-toggle-option]:hover:not(:disabled) [data-toggle-icon],[data-mode="dark"] [data-style="shadcn"] [data-toggle-option]:hover:not(:disabled) [data-toggle-icon],[data-mode="dark"][data-style="shadcn"] [data-toggle-option]:focus:not(:disabled) [data-toggle-icon],[data-mode="dark"] [data-style="shadcn"] [data-toggle-option]:focus:not(:disabled) [data-toggle-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
466
+
467
+ [data-style='shadcn'] [data-toggle-option][data-selected='true'] [data-toggle-icon] {
468
+ --un-text-opacity:1;color:rgba(var(--color-primary-600),var(--un-text-opacity));
469
+ }[data-mode="dark"][data-style="shadcn"] [data-toggle-option][data-selected="true"] [data-toggle-icon],[data-mode="dark"] [data-style="shadcn"] [data-toggle-option][data-selected="true"] [data-toggle-icon]{--un-text-opacity:1;color:rgba(var(--color-primary-400),var(--un-text-opacity));}
470
+
471
+ /**
472
+ * Switch - shadcn Theme Styles
473
+ *
474
+ * Full-pill track (rounded-full), ring-based focus — shadcn signature.
475
+ */
476
+
477
+ [data-style='shadcn'] [data-switch-track] {
478
+ border-width:2px;--un-border-opacity:1;border-color:rgba(var(--color-surface-400),var(--un-border-opacity));border-radius:9999px;background-color:transparent;background-image:none;
479
+ }[data-mode="dark"][data-style="shadcn"] [data-switch-track],[data-mode="dark"] [data-style="shadcn"] [data-switch-track]{--un-border-opacity:1;border-color:rgba(var(--color-surface-600),var(--un-border-opacity));}
480
+
481
+ [data-style='shadcn'] [data-switch] [data-switch-thumb] {
482
+ --switch-thumb-travel: 1rem;
483
+ border-radius:9999px;--un-bg-opacity:1;background-color:rgba(var(--color-surface-500),var(--un-bg-opacity));
484
+ }[data-mode="dark"][data-style="shadcn"] [data-switch] [data-switch-thumb],[data-mode="dark"] [data-style="shadcn"] [data-switch] [data-switch-thumb]{--un-bg-opacity:1;background-color:rgba(var(--color-surface-500),var(--un-bg-opacity));}
485
+
486
+ [data-style='shadcn'] [data-switch]:focus-visible [data-switch-track] {
487
+ --un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-offset-width:2px;--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-400),var(--un-ring-opacity));
488
+ }[data-mode="dark"][data-style="shadcn"] [data-switch]:focus-visible [data-switch-track],[data-mode="dark"] [data-style="shadcn"] [data-switch]:focus-visible [data-switch-track]{--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-600),var(--un-ring-opacity));}
489
+
490
+ /* On state */
491
+ [data-style='shadcn'] [data-switch][aria-checked='true'] [data-switch-track] {
492
+ --un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-primary-500),var(--un-bg-opacity));background-image:none;
493
+ }[data-mode="dark"][data-style="shadcn"] [data-switch][aria-checked="true"] [data-switch-track],[data-mode="dark"] [data-style="shadcn"] [data-switch][aria-checked="true"] [data-switch-track]{--un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-primary-500),var(--un-bg-opacity));}
494
+
495
+ [data-style='shadcn'] [data-switch][aria-checked='true'] [data-switch-thumb] {
496
+ --un-bg-opacity:1;background-color:rgba(var(--color-surface-50),var(--un-bg-opacity));
497
+ }[data-mode="dark"][data-style="shadcn"] [data-switch][aria-checked="true"] [data-switch-thumb],[data-mode="dark"] [data-style="shadcn"] [data-switch][aria-checked="true"] [data-switch-thumb]{--un-bg-opacity:1;background-color:rgba(var(--color-surface-950),var(--un-bg-opacity));}
498
+
499
+ [data-style='shadcn'] [data-switch-label] {
500
+ --un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
501
+ }[data-mode="dark"][data-style="shadcn"] [data-switch-label],[data-mode="dark"] [data-style="shadcn"] [data-switch-label]{--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
502
+
503
+ /**
504
+ * List - shadcn Theme Styles
505
+ *
506
+ * Subtle bg highlight on hover/active. Selected items get bg-surface-z2 fill.
507
+ */
508
+
509
+ /* =============================================================================
510
+ List Container
511
+ ============================================================================= */
512
+
513
+ [data-style='shadcn'] [data-list]:focus-within {
514
+ outline:2px solid transparent;outline-offset:2px;
515
+ }
516
+
517
+ /* =============================================================================
518
+ List Items
519
+ ============================================================================= */
520
+
521
+ [data-style='shadcn'] [data-list] [data-list-item] {
522
+ border-width:0px;border-color:transparent;border-radius:0.375rem;border-style:solid;--un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
523
+ }[data-mode="dark"][data-style="shadcn"] [data-list] [data-list-item],[data-mode="dark"] [data-style="shadcn"] [data-list] [data-list-item]{--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
524
+
525
+ [data-style='shadcn'] [data-list] a[data-list-item],
526
+ [data-style='shadcn'] [data-list] button[data-list-item] {
527
+ --un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
528
+ }[data-mode="dark"][data-style="shadcn"] [data-list] a[data-list-item],[data-mode="dark"] [data-style="shadcn"] [data-list] a[data-list-item],[data-mode="dark"][data-style="shadcn"] [data-list] button[data-list-item],[data-mode="dark"] [data-style="shadcn"] [data-list] button[data-list-item]{--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
529
+
530
+ /* Hover and focus (keyboard navigation) */
531
+ [data-style='shadcn']
532
+ [data-list]
533
+ [data-list-item]:hover:not(:disabled):not([data-disabled='true']),
534
+ [data-style='shadcn']
535
+ [data-list]
536
+ [data-list-item]:focus:not(:disabled):not([data-disabled='true']) {
537
+ --un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-900),var(--un-text-opacity));outline:2px solid transparent;outline-offset:2px;
538
+ }[data-mode="dark"][data-style="shadcn"] [data-list] [data-list-item]:hover:not(:disabled):not([data-disabled="true"]),[data-mode="dark"] [data-style="shadcn"] [data-list] [data-list-item]:hover:not(:disabled):not([data-disabled="true"]),[data-mode="dark"][data-style="shadcn"] [data-list] [data-list-item]:focus:not(:disabled):not([data-disabled="true"]),[data-mode="dark"] [data-style="shadcn"] [data-list] [data-list-item]:focus:not(:disabled):not([data-disabled="true"]){--un-bg-opacity:1;background-color:rgba(var(--color-surface-700),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-100),var(--un-text-opacity));}
539
+
540
+ /* Active state — muted when list not focused */
541
+ [data-style='shadcn'] [data-list] [data-list-item][data-active='true'] {
542
+ --un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
543
+ }[data-mode="dark"][data-style="shadcn"] [data-list] [data-list-item][data-active="true"],[data-mode="dark"] [data-style="shadcn"] [data-list] [data-list-item][data-active="true"]{--un-bg-opacity:1;background-color:rgba(var(--color-surface-800),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
544
+
545
+ /* Active state — full highlight when list has focus */
546
+ [data-style='shadcn'] [data-list]:focus-within [data-list-item][data-active='true'] {
547
+ --un-bg-opacity:1;background-color:rgba(var(--color-primary-200),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-primary-700),var(--un-text-opacity));
548
+ }[data-mode="dark"][data-style="shadcn"] [data-list]:focus-within [data-list-item][data-active="true"],[data-mode="dark"] [data-style="shadcn"] [data-list]:focus-within [data-list-item][data-active="true"]{--un-bg-opacity:1;background-color:rgba(var(--color-primary-800),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-300),var(--un-text-opacity));}
549
+
550
+ /* Active + hover/focus */
551
+ [data-style='shadcn'] [data-list] [data-list-item][data-active='true']:hover:not(:disabled),
552
+ [data-style='shadcn'] [data-list] [data-list-item][data-active='true']:focus:not(:disabled) {
553
+ --un-bg-opacity:1;background-color:rgba(var(--color-primary-300),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-primary-800),var(--un-text-opacity));
554
+ }[data-mode="dark"][data-style="shadcn"] [data-list] [data-list-item][data-active="true"]:hover:not(:disabled),[data-mode="dark"] [data-style="shadcn"] [data-list] [data-list-item][data-active="true"]:hover:not(:disabled),[data-mode="dark"][data-style="shadcn"] [data-list] [data-list-item][data-active="true"]:focus:not(:disabled),[data-mode="dark"] [data-style="shadcn"] [data-list] [data-list-item][data-active="true"]:focus:not(:disabled){--un-bg-opacity:1;background-color:rgba(var(--color-primary-700),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-200),var(--un-text-opacity));}
555
+
556
+ /* =============================================================================
557
+ Item Elements
558
+ ============================================================================= */
559
+
560
+ [data-style='shadcn'] [data-list] [data-list-item] [data-item-icon] {
561
+ --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
562
+ }[data-mode="dark"][data-style="shadcn"] [data-list] [data-list-item] [data-item-icon],[data-mode="dark"] [data-style="shadcn"] [data-list] [data-list-item] [data-item-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
563
+
564
+ [data-style='shadcn'] [data-list] [data-list-item]:hover:not(:disabled) [data-item-icon],
565
+ [data-style='shadcn'] [data-list] [data-list-item]:focus:not(:disabled) [data-item-icon] {
566
+ --un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
567
+ }[data-mode="dark"][data-style="shadcn"] [data-list] [data-list-item]:hover:not(:disabled) [data-item-icon],[data-mode="dark"] [data-style="shadcn"] [data-list] [data-list-item]:hover:not(:disabled) [data-item-icon],[data-mode="dark"][data-style="shadcn"] [data-list] [data-list-item]:focus:not(:disabled) [data-item-icon],[data-mode="dark"] [data-style="shadcn"] [data-list] [data-list-item]:focus:not(:disabled) [data-item-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
568
+
569
+ [data-style='shadcn'] [data-list] [data-list-item][data-active='true'] [data-item-icon] {
570
+ --un-text-opacity:1;color:rgba(var(--color-primary-500),var(--un-text-opacity));
571
+ }[data-mode="dark"][data-style="shadcn"] [data-list] [data-list-item][data-active="true"] [data-item-icon],[data-mode="dark"] [data-style="shadcn"] [data-list] [data-list-item][data-active="true"] [data-item-icon]{--un-text-opacity:1;color:rgba(var(--color-primary-500),var(--un-text-opacity));}
572
+
573
+ [data-style='shadcn'] [data-list] [data-list-item] [data-item-description] {
574
+ --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
575
+ }[data-mode="dark"][data-style="shadcn"] [data-list] [data-list-item] [data-item-description],[data-mode="dark"] [data-style="shadcn"] [data-list] [data-list-item] [data-item-description]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
576
+
577
+ [data-style='shadcn'] [data-list] [data-list-item][data-active='true'] [data-item-description] {
578
+ --un-text-opacity:1;color:rgba(var(--color-primary-600),var(--un-text-opacity));
579
+ }[data-mode="dark"][data-style="shadcn"] [data-list] [data-list-item][data-active="true"] [data-item-description],[data-mode="dark"] [data-style="shadcn"] [data-list] [data-list-item][data-active="true"] [data-item-description]{--un-text-opacity:1;color:rgba(var(--color-primary-400),var(--un-text-opacity));}
580
+
581
+ [data-style='shadcn'] [data-list] [data-list-item] [data-item-badge] {
582
+ border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-300),var(--un-border-opacity));border-radius:0.375rem;background-color:transparent;background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
583
+ }[data-mode="dark"][data-style="shadcn"] [data-list] [data-list-item] [data-item-badge],[data-mode="dark"] [data-style="shadcn"] [data-list] [data-list-item] [data-item-badge]{--un-border-opacity:1;border-color:rgba(var(--color-surface-700),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
584
+
585
+ [data-style='shadcn'] [data-list] [data-list-item][data-active='true'] [data-item-badge] {
586
+ --un-border-opacity:1;border-color:rgba(var(--color-primary-300),var(--un-border-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-primary-700),var(--un-text-opacity));
587
+ }[data-mode="dark"][data-style="shadcn"] [data-list] [data-list-item][data-active="true"] [data-item-badge],[data-mode="dark"] [data-style="shadcn"] [data-list] [data-list-item][data-active="true"] [data-item-badge]{--un-border-opacity:1;border-color:rgba(var(--color-primary-700),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-300),var(--un-text-opacity));}
588
+
589
+ /* =============================================================================
590
+ Groups
591
+ ============================================================================= */
592
+
593
+ [data-style='shadcn'] [data-list] [data-list-group] {
594
+ --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
595
+ }[data-mode="dark"][data-style="shadcn"] [data-list] [data-list-group],[data-mode="dark"] [data-style="shadcn"] [data-list] [data-list-group]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
596
+
597
+ [data-style='shadcn'] [data-list] [data-list-group]:hover:not(:disabled),
598
+ [data-style='shadcn'] [data-list] [data-list-group]:focus:not(:disabled) {
599
+ --un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
600
+ }[data-mode="dark"][data-style="shadcn"] [data-list] [data-list-group]:hover:not(:disabled),[data-mode="dark"] [data-style="shadcn"] [data-list] [data-list-group]:hover:not(:disabled),[data-mode="dark"][data-style="shadcn"] [data-list] [data-list-group]:focus:not(:disabled),[data-mode="dark"] [data-style="shadcn"] [data-list] [data-list-group]:focus:not(:disabled){--un-bg-opacity:1;background-color:rgba(var(--color-surface-700),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
601
+
602
+ /* =============================================================================
603
+ Separator
604
+ ============================================================================= */
605
+
606
+ [data-style='shadcn'] [data-list] [data-list-separator] {
607
+ --un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));background-image:none;
608
+ }[data-mode="dark"][data-style="shadcn"] [data-list] [data-list-separator],[data-mode="dark"] [data-style="shadcn"] [data-list] [data-list-separator]{--un-bg-opacity:1;background-color:rgba(var(--color-surface-700),var(--un-bg-opacity));}
609
+
610
+ /* =============================================================================
611
+ Multi-Selection
612
+ ============================================================================= */
613
+
614
+ [data-style='shadcn'] [data-list] [data-list-item][data-selected='true'] {
615
+ --un-bg-opacity:1;background-color:rgba(var(--color-primary-200),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-primary-700),var(--un-text-opacity));
616
+ }[data-mode="dark"][data-style="shadcn"] [data-list] [data-list-item][data-selected="true"],[data-mode="dark"] [data-style="shadcn"] [data-list] [data-list-item][data-selected="true"]{--un-bg-opacity:1;background-color:rgba(var(--color-primary-800),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-300),var(--un-text-opacity));}
617
+
618
+ [data-style='shadcn'] [data-list]:focus-within [data-list-item][data-selected='true'] {
619
+ --un-bg-opacity:1;background-color:rgba(var(--color-primary-200),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-primary-700),var(--un-text-opacity));
620
+ }[data-mode="dark"][data-style="shadcn"] [data-list]:focus-within [data-list-item][data-selected="true"],[data-mode="dark"] [data-style="shadcn"] [data-list]:focus-within [data-list-item][data-selected="true"]{--un-bg-opacity:1;background-color:rgba(var(--color-primary-800),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-300),var(--un-text-opacity));}
621
+
622
+ [data-style='shadcn'] [data-list] [data-list-item][data-selected='true']:hover:not(:disabled) {
623
+ --un-bg-opacity:1;background-color:rgba(var(--color-primary-300),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-primary-800),var(--un-text-opacity));
624
+ }[data-mode="dark"][data-style="shadcn"] [data-list] [data-list-item][data-selected="true"]:hover:not(:disabled),[data-mode="dark"] [data-style="shadcn"] [data-list] [data-list-item][data-selected="true"]:hover:not(:disabled){--un-bg-opacity:1;background-color:rgba(var(--color-primary-700),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-200),var(--un-text-opacity));}
625
+
626
+ [data-style='shadcn'] [data-list] [data-list-item][data-selected='true'] [data-item-icon] {
627
+ --un-text-opacity:1;color:rgba(var(--color-primary-500),var(--un-text-opacity));
628
+ }[data-mode="dark"][data-style="shadcn"] [data-list] [data-list-item][data-selected="true"] [data-item-icon],[data-mode="dark"] [data-style="shadcn"] [data-list] [data-list-item][data-selected="true"] [data-item-icon]{--un-text-opacity:1;color:rgba(var(--color-primary-500),var(--un-text-opacity));}
629
+
630
+ /**
631
+ * Tree - shadcn Theme Styles
632
+ *
633
+ * Subtle bg highlight on hover/active. Rounded-md item content areas.
634
+ */
635
+
636
+ /* =============================================================================
637
+ Tree Container
638
+ ============================================================================= */
639
+
640
+ [data-style='shadcn'] [data-tree]:focus-within {
641
+ outline:2px solid transparent;outline-offset:2px;
642
+ }
643
+
644
+ /* =============================================================================
645
+ Tree Toggle Button
646
+ ============================================================================= */
647
+
648
+ [data-style='shadcn'] [data-tree-toggle-btn] {
649
+ border-radius:0.375rem;--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));
650
+ }[data-mode="dark"][data-style="shadcn"] [data-tree-toggle-btn],[data-mode="dark"] [data-style="shadcn"] [data-tree-toggle-btn]{--un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));}
651
+
652
+ [data-style='shadcn'] [data-tree-toggle-btn]:hover {
653
+ --un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
654
+ }[data-mode="dark"][data-style="shadcn"] [data-tree-toggle-btn]:hover,[data-mode="dark"] [data-style="shadcn"] [data-tree-toggle-btn]:hover{--un-bg-opacity:1;background-color:rgba(var(--color-surface-700),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
655
+
656
+ /* =============================================================================
657
+ Tree Item Content
658
+ ============================================================================= */
659
+
660
+ [data-style='shadcn'] [data-tree-item-content] {
661
+ border-radius:0.375rem;--un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
662
+ }[data-mode="dark"][data-style="shadcn"] [data-tree-item-content],[data-mode="dark"] [data-style="shadcn"] [data-tree-item-content]{--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
663
+
664
+ [data-style='shadcn'] [data-tree-item-content]:hover:not(:disabled),
665
+ [data-style='shadcn'] [data-tree-item-content]:focus:not(:disabled) {
666
+ --un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-900),var(--un-text-opacity));outline:2px solid transparent;outline-offset:2px;
667
+ }[data-mode="dark"][data-style="shadcn"] [data-tree-item-content]:hover:not(:disabled),[data-mode="dark"] [data-style="shadcn"] [data-tree-item-content]:hover:not(:disabled),[data-mode="dark"][data-style="shadcn"] [data-tree-item-content]:focus:not(:disabled),[data-mode="dark"] [data-style="shadcn"] [data-tree-item-content]:focus:not(:disabled){--un-bg-opacity:1;background-color:rgba(var(--color-surface-700),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-100),var(--un-text-opacity));}
668
+
669
+ /* Focus visible for keyboard navigation */
670
+ [data-style='shadcn'] [data-tree-item-content]:focus-visible {
671
+ outline:2px solid transparent;outline-offset:2px;--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-offset-width:2px;--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-400),var(--un-ring-opacity));
672
+ }[data-mode="dark"][data-style="shadcn"] [data-tree-item-content]:focus-visible,[data-mode="dark"] [data-style="shadcn"] [data-tree-item-content]:focus-visible{--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-600),var(--un-ring-opacity));}
673
+
674
+ /* Active/selected state */
675
+ [data-style='shadcn'] [data-tree-item-content][data-active='true'] {
676
+ --un-bg-opacity:1;background-color:rgba(var(--color-primary-200),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-primary-700),var(--un-text-opacity));
677
+ }[data-mode="dark"][data-style="shadcn"] [data-tree-item-content][data-active="true"],[data-mode="dark"] [data-style="shadcn"] [data-tree-item-content][data-active="true"]{--un-bg-opacity:1;background-color:rgba(var(--color-primary-800),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-300),var(--un-text-opacity));}
678
+
679
+ [data-style='shadcn'] [data-tree-item-content][data-active='true']:hover:not(:disabled) {
680
+ --un-bg-opacity:1;background-color:rgba(var(--color-primary-300),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-primary-800),var(--un-text-opacity));
681
+ }[data-mode="dark"][data-style="shadcn"] [data-tree-item-content][data-active="true"]:hover:not(:disabled),[data-mode="dark"] [data-style="shadcn"] [data-tree-item-content][data-active="true"]:hover:not(:disabled){--un-bg-opacity:1;background-color:rgba(var(--color-primary-700),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-200),var(--un-text-opacity));}
682
+
683
+ /* Reset gradients */
684
+ [data-style='shadcn'] [data-tree]:focus-within [data-tree-item-content][data-active='true'] {
685
+ --un-bg-opacity:1;background-color:rgba(var(--color-primary-200),var(--un-bg-opacity));background-image:none;
686
+ }[data-mode="dark"][data-style="shadcn"] [data-tree]:focus-within [data-tree-item-content][data-active="true"],[data-mode="dark"] [data-style="shadcn"] [data-tree]:focus-within [data-tree-item-content][data-active="true"]{--un-bg-opacity:1;background-color:rgba(var(--color-primary-800),var(--un-bg-opacity));}
687
+
688
+ [data-style='shadcn'] [data-tree]:focus-within [data-tree-item-content][data-active='true']:hover:not(:disabled) {
689
+ --un-bg-opacity:1;background-color:rgba(var(--color-primary-300),var(--un-bg-opacity));background-image:none;
690
+ }[data-mode="dark"][data-style="shadcn"] [data-tree]:focus-within [data-tree-item-content][data-active="true"]:hover:not(:disabled),[data-mode="dark"] [data-style="shadcn"] [data-tree]:focus-within [data-tree-item-content][data-active="true"]:hover:not(:disabled){--un-bg-opacity:1;background-color:rgba(var(--color-primary-700),var(--un-bg-opacity));}
691
+
692
+ [data-style='shadcn'] [data-tree]:not(:focus-within) [data-tree-item-content][data-active='true'] {
693
+ --un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));background-image:none;
694
+ }[data-mode="dark"][data-style="shadcn"] [data-tree]:not(:focus-within) [data-tree-item-content][data-active="true"],[data-mode="dark"] [data-style="shadcn"] [data-tree]:not(:focus-within) [data-tree-item-content][data-active="true"]{--un-bg-opacity:1;background-color:rgba(var(--color-surface-800),var(--un-bg-opacity));}
695
+
696
+ /* =============================================================================
697
+ Item Elements
698
+ ============================================================================= */
699
+
700
+ [data-style='shadcn'] [data-tree-item-content] [data-item-icon] {
701
+ --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
702
+ }[data-mode="dark"][data-style="shadcn"] [data-tree-item-content] [data-item-icon],[data-mode="dark"] [data-style="shadcn"] [data-tree-item-content] [data-item-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
703
+
704
+ [data-style='shadcn'] [data-tree-item-content]:hover:not(:disabled) [data-item-icon] {
705
+ --un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
706
+ }[data-mode="dark"][data-style="shadcn"] [data-tree-item-content]:hover:not(:disabled) [data-item-icon],[data-mode="dark"] [data-style="shadcn"] [data-tree-item-content]:hover:not(:disabled) [data-item-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
707
+
708
+ [data-style='shadcn'] [data-tree-item-content][data-active='true'] [data-item-icon] {
709
+ --un-text-opacity:1;color:rgba(var(--color-primary-500),var(--un-text-opacity));
710
+ }[data-mode="dark"][data-style="shadcn"] [data-tree-item-content][data-active="true"] [data-item-icon],[data-mode="dark"] [data-style="shadcn"] [data-tree-item-content][data-active="true"] [data-item-icon]{--un-text-opacity:1;color:rgba(var(--color-primary-500),var(--un-text-opacity));}
711
+
712
+ [data-style='shadcn'] [data-tree-item-content] [data-item-description] {
713
+ --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
714
+ }[data-mode="dark"][data-style="shadcn"] [data-tree-item-content] [data-item-description],[data-mode="dark"] [data-style="shadcn"] [data-tree-item-content] [data-item-description]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
715
+
716
+ [data-style='shadcn'] [data-tree-item-content][data-active='true'] [data-item-description] {
717
+ --un-text-opacity:1;color:rgba(var(--color-primary-600),var(--un-text-opacity));
718
+ }[data-mode="dark"][data-style="shadcn"] [data-tree-item-content][data-active="true"] [data-item-description],[data-mode="dark"] [data-style="shadcn"] [data-tree-item-content][data-active="true"] [data-item-description]{--un-text-opacity:1;color:rgba(var(--color-primary-400),var(--un-text-opacity));}
719
+
720
+ [data-style='shadcn'] [data-tree-item-content] [data-item-badge] {
721
+ border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-300),var(--un-border-opacity));border-radius:0.375rem;background-color:transparent;background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
722
+ }[data-mode="dark"][data-style="shadcn"] [data-tree-item-content] [data-item-badge],[data-mode="dark"] [data-style="shadcn"] [data-tree-item-content] [data-item-badge]{--un-border-opacity:1;border-color:rgba(var(--color-surface-700),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
723
+
724
+ [data-style='shadcn'] [data-tree-item-content][data-active='true'] [data-item-badge] {
725
+ --un-border-opacity:1;border-color:rgba(var(--color-primary-300),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-700),var(--un-text-opacity));
726
+ }[data-mode="dark"][data-style="shadcn"] [data-tree-item-content][data-active="true"] [data-item-badge],[data-mode="dark"] [data-style="shadcn"] [data-tree-item-content][data-active="true"] [data-item-badge]{--un-border-opacity:1;border-color:rgba(var(--color-primary-700),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-300),var(--un-text-opacity));}
727
+
728
+ [data-style='shadcn'] [data-tree]:focus-within [data-tree-item-content][data-active='true'] [data-item-badge] {
729
+ background-image:none;
730
+ }
731
+
732
+ [data-style='shadcn'] [data-tree]:not(:focus-within) [data-tree-item-content][data-active='true'] [data-item-badge] {
733
+ background-image:none;
734
+ }
735
+
736
+ /* =============================================================================
737
+ Multi-Selection
738
+ ============================================================================= */
739
+
740
+ [data-style='shadcn'] [data-tree-node][data-selected='true'] [data-tree-item-content] {
741
+ --un-bg-opacity:1;background-color:rgba(var(--color-primary-200),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-primary-700),var(--un-text-opacity));
742
+ }[data-mode="dark"][data-style="shadcn"] [data-tree-node][data-selected="true"] [data-tree-item-content],[data-mode="dark"] [data-style="shadcn"] [data-tree-node][data-selected="true"] [data-tree-item-content]{--un-bg-opacity:1;background-color:rgba(var(--color-primary-800),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-300),var(--un-text-opacity));}
743
+
744
+ [data-style='shadcn']
745
+ [data-tree]:focus-within
746
+ [data-tree-node][data-selected='true']
747
+ [data-tree-item-content] {
748
+ --un-bg-opacity:1;background-color:rgba(var(--color-primary-200),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-primary-700),var(--un-text-opacity));
749
+ }[data-mode="dark"][data-style="shadcn"] [data-tree]:focus-within [data-tree-node][data-selected="true"] [data-tree-item-content],[data-mode="dark"] [data-style="shadcn"] [data-tree]:focus-within [data-tree-node][data-selected="true"] [data-tree-item-content]{--un-bg-opacity:1;background-color:rgba(var(--color-primary-800),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-300),var(--un-text-opacity));}
750
+
751
+ [data-style='shadcn']
752
+ [data-tree-node][data-selected='true']
753
+ [data-tree-item-content]
754
+ [data-item-icon] {
755
+ --un-text-opacity:1;color:rgba(var(--color-primary-500),var(--un-text-opacity));
756
+ }[data-mode="dark"][data-style="shadcn"] [data-tree-node][data-selected="true"] [data-tree-item-content] [data-item-icon],[data-mode="dark"] [data-style="shadcn"] [data-tree-node][data-selected="true"] [data-tree-item-content] [data-item-icon]{--un-text-opacity:1;color:rgba(var(--color-primary-500),var(--un-text-opacity));}
757
+
758
+ /**
759
+ * Connector - shadcn Theme Styles
760
+ *
761
+ * Visual theming for tree line connectors.
762
+ */
763
+
764
+ [data-style='shadcn'] [data-connector] [data-connector-v],
765
+ [data-style='shadcn'] [data-connector] [data-connector-h],
766
+ [data-style='shadcn'] [data-connector] [data-connector-corner] {
767
+ --un-border-opacity:1;border-color:rgba(var(--color-surface-300),var(--un-border-opacity));
768
+ }[data-mode="dark"][data-style="shadcn"] [data-connector] [data-connector-v],[data-mode="dark"] [data-style="shadcn"] [data-connector] [data-connector-v],[data-mode="dark"][data-style="shadcn"] [data-connector] [data-connector-h],[data-mode="dark"] [data-style="shadcn"] [data-connector] [data-connector-h],[data-mode="dark"][data-style="shadcn"] [data-connector] [data-connector-corner],[data-mode="dark"] [data-style="shadcn"] [data-connector] [data-connector-corner]{--un-border-opacity:1;border-color:rgba(var(--color-surface-700),var(--un-border-opacity));}
769
+
770
+ /**
771
+ * Select - shadcn Theme Styles
772
+ *
773
+ * Rounded-md trigger, ring focus, subtle dropdown with bg highlight on hover.
774
+ */
775
+
776
+ /* =============================================================================
777
+ Trigger Button
778
+ ============================================================================= */
779
+
780
+ [data-style='shadcn'] [data-select-trigger] {
781
+ border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-300),var(--un-border-opacity));border-radius:0.375rem;background-color:transparent;background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
782
+ }[data-mode="dark"][data-style="shadcn"] [data-select-trigger],[data-mode="dark"] [data-style="shadcn"] [data-select-trigger]{--un-border-opacity:1;border-color:rgba(var(--color-surface-700),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
783
+
784
+ [data-style='shadcn'] [data-select-trigger]:hover:not(:disabled) {
785
+ --un-border-opacity:1;border-color:rgba(var(--color-surface-400),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
786
+ }[data-mode="dark"][data-style="shadcn"] [data-select-trigger]:hover:not(:disabled),[data-mode="dark"] [data-style="shadcn"] [data-select-trigger]:hover:not(:disabled){--un-border-opacity:1;border-color:rgba(var(--color-surface-600),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-800),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
787
+
788
+ [data-style='shadcn'] [data-select-trigger]:focus-visible {
789
+ outline:2px solid transparent;outline-offset:2px;--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-offset-width:2px;--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-400),var(--un-ring-opacity));
790
+ }[data-mode="dark"][data-style="shadcn"] [data-select-trigger]:focus-visible,[data-mode="dark"] [data-style="shadcn"] [data-select-trigger]:focus-visible{--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-600),var(--un-ring-opacity));}
791
+
792
+ [data-style='shadcn'] [data-select][data-open='true'] [data-select-trigger] {
793
+ --un-border-opacity:1;border-color:rgba(var(--color-surface-500),var(--un-border-opacity));background-image:none;--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-offset-width:2px;--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-400),var(--un-ring-opacity));
794
+ }[data-mode="dark"][data-style="shadcn"] [data-select][data-open="true"] [data-select-trigger],[data-mode="dark"] [data-style="shadcn"] [data-select][data-open="true"] [data-select-trigger]{--un-border-opacity:1;border-color:rgba(var(--color-surface-500),var(--un-border-opacity));--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-600),var(--un-ring-opacity));}
795
+
796
+ /* =============================================================================
797
+ Placeholder
798
+ ============================================================================= */
799
+
800
+ [data-style='shadcn'] [data-select-placeholder] {
801
+ --un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));
802
+ }[data-mode="dark"][data-style="shadcn"] [data-select-placeholder],[data-mode="dark"] [data-style="shadcn"] [data-select-placeholder]{--un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));}
803
+
804
+ /* =============================================================================
805
+ Arrow
806
+ ============================================================================= */
807
+
808
+ [data-style='shadcn'] [data-select-arrow] {
809
+ --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
810
+ }[data-mode="dark"][data-style="shadcn"] [data-select-arrow],[data-mode="dark"] [data-style="shadcn"] [data-select-arrow]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
811
+
812
+ [data-style='shadcn'] [data-select-trigger]:hover:not(:disabled) [data-select-arrow] {
813
+ --un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
814
+ }[data-mode="dark"][data-style="shadcn"] [data-select-trigger]:hover:not(:disabled) [data-select-arrow],[data-mode="dark"] [data-style="shadcn"] [data-select-trigger]:hover:not(:disabled) [data-select-arrow]{--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
815
+
816
+ /* =============================================================================
817
+ Tags (MultiSelect)
818
+ ============================================================================= */
819
+
820
+ [data-style='shadcn'] [data-select-tag] {
821
+ border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-300),var(--un-border-opacity));border-radius:0.375rem;background-color:transparent;background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
822
+ }[data-mode="dark"][data-style="shadcn"] [data-select-tag],[data-mode="dark"] [data-style="shadcn"] [data-select-tag]{--un-border-opacity:1;border-color:rgba(var(--color-surface-700),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
823
+
824
+ [data-style='shadcn'] [data-select-tag-remove] {
825
+ --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
826
+ }[data-mode="dark"][data-style="shadcn"] [data-select-tag-remove],[data-mode="dark"] [data-style="shadcn"] [data-select-tag-remove]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
827
+
828
+ [data-style='shadcn'] [data-select-tag-remove]:hover {
829
+ --un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
830
+ }[data-mode="dark"][data-style="shadcn"] [data-select-tag-remove]:hover,[data-mode="dark"] [data-style="shadcn"] [data-select-tag-remove]:hover{--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
831
+
832
+ /* =============================================================================
833
+ Dropdown Panel
834
+ ============================================================================= */
835
+
836
+ [data-style='shadcn'] [data-select-dropdown] {
837
+ border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-300),var(--un-border-opacity));border-radius:0.375rem;--un-bg-opacity:1;background-color:rgba(var(--color-surface-50),var(--un-bg-opacity));background-image:none;--un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
838
+ }[data-mode="dark"][data-style="shadcn"] [data-select-dropdown],[data-mode="dark"] [data-style="shadcn"] [data-select-dropdown]{--un-border-opacity:1;border-color:rgba(var(--color-surface-700),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-950),var(--un-bg-opacity));}
839
+
840
+ /* =============================================================================
841
+ Options
842
+ ============================================================================= */
843
+
844
+ [data-style='shadcn'] [data-select-option] {
845
+ border-width:0px;border-color:transparent;border-radius:0.375rem;border-style:solid;--un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
846
+ }[data-mode="dark"][data-style="shadcn"] [data-select-option],[data-mode="dark"] [data-style="shadcn"] [data-select-option]{--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
847
+
848
+ /* Hover and focus */
849
+ [data-style='shadcn'] [data-select-option]:hover:not(:disabled),
850
+ [data-style='shadcn'] [data-select-option]:focus:not(:disabled) {
851
+ --un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-900),var(--un-text-opacity));outline:2px solid transparent;outline-offset:2px;
852
+ }[data-mode="dark"][data-style="shadcn"] [data-select-option]:hover:not(:disabled),[data-mode="dark"] [data-style="shadcn"] [data-select-option]:hover:not(:disabled),[data-mode="dark"][data-style="shadcn"] [data-select-option]:focus:not(:disabled),[data-mode="dark"] [data-style="shadcn"] [data-select-option]:focus:not(:disabled){--un-bg-opacity:1;background-color:rgba(var(--color-surface-700),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-100),var(--un-text-opacity));}
853
+
854
+ /* Selected state */
855
+ [data-style='shadcn'] [data-select-option][data-selected='true'] {
856
+ --un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
857
+ }[data-mode="dark"][data-style="shadcn"] [data-select-option][data-selected="true"],[data-mode="dark"] [data-style="shadcn"] [data-select-option][data-selected="true"]{--un-bg-opacity:1;background-color:rgba(var(--color-surface-800),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
858
+
859
+ /* Selected state — full highlight when dropdown has focus */
860
+ [data-style='shadcn']
861
+ [data-select-dropdown]:focus-within
862
+ [data-select-option][data-selected='true'] {
863
+ --un-bg-opacity:1;background-color:rgba(var(--color-primary-200),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-primary-700),var(--un-text-opacity));
864
+ }[data-mode="dark"][data-style="shadcn"] [data-select-dropdown]:focus-within [data-select-option][data-selected="true"],[data-mode="dark"] [data-style="shadcn"] [data-select-dropdown]:focus-within [data-select-option][data-selected="true"]{--un-bg-opacity:1;background-color:rgba(var(--color-primary-800),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-300),var(--un-text-opacity));}
865
+
866
+ /* Check mark */
867
+ [data-style='shadcn'] [data-select-check] {
868
+ --un-text-opacity:1;color:rgba(var(--color-primary-600),var(--un-text-opacity));
869
+ }[data-mode="dark"][data-style="shadcn"] [data-select-check],[data-mode="dark"] [data-style="shadcn"] [data-select-check]{--un-text-opacity:1;color:rgba(var(--color-primary-400),var(--un-text-opacity));}
870
+
871
+ /* Checkbox */
872
+ [data-style='shadcn'] [data-select-checkbox] {
873
+ --un-border-opacity:1;border-color:rgba(var(--color-surface-400),var(--un-border-opacity));border-radius:0.375rem;background-color:transparent;background-image:none;
874
+ }[data-mode="dark"][data-style="shadcn"] [data-select-checkbox],[data-mode="dark"] [data-style="shadcn"] [data-select-checkbox]{--un-border-opacity:1;border-color:rgba(var(--color-surface-600),var(--un-border-opacity));}
875
+
876
+ [data-style='shadcn'] [data-select-checkbox][data-checked='true'] {
877
+ --un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-primary-500),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));
878
+ }[data-mode="dark"][data-style="shadcn"] [data-select-checkbox][data-checked="true"],[data-mode="dark"] [data-style="shadcn"] [data-select-checkbox][data-checked="true"]{--un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-primary-500),var(--un-bg-opacity));}
879
+
880
+ /* Item description */
881
+ [data-style='shadcn'] [data-select-option] [data-item-description] {
882
+ --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
883
+ }[data-mode="dark"][data-style="shadcn"] [data-select-option] [data-item-description],[data-mode="dark"] [data-style="shadcn"] [data-select-option] [data-item-description]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
884
+
885
+ [data-style='shadcn'] [data-select-option][data-selected='true'] [data-item-description] {
886
+ --un-text-opacity:1;color:rgba(var(--color-primary-600),var(--un-text-opacity));
887
+ }[data-mode="dark"][data-style="shadcn"] [data-select-option][data-selected="true"] [data-item-description],[data-mode="dark"] [data-style="shadcn"] [data-select-option][data-selected="true"] [data-item-description]{--un-text-opacity:1;color:rgba(var(--color-primary-400),var(--un-text-opacity));}
888
+
889
+ /* =============================================================================
890
+ Groups
891
+ ============================================================================= */
892
+
893
+ [data-style='shadcn'] [data-select-group-label] {
894
+ --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
895
+ }[data-mode="dark"][data-style="shadcn"] [data-select-group-label],[data-mode="dark"] [data-style="shadcn"] [data-select-group-label]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
896
+
897
+ /* =============================================================================
898
+ Divider
899
+ ============================================================================= */
900
+
901
+ [data-style='shadcn'] [data-select-divider] {
902
+ --un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));background-image:none;
903
+ }[data-mode="dark"][data-style="shadcn"] [data-select-divider],[data-mode="dark"] [data-style="shadcn"] [data-select-divider]{--un-bg-opacity:1;background-color:rgba(var(--color-surface-700),var(--un-bg-opacity));}
904
+
905
+ /* =============================================================================
906
+ Filter Input
907
+ ============================================================================= */
908
+
909
+ [data-style='shadcn'] [data-select-filter] {
910
+ --un-bg-opacity:1;background-color:rgba(var(--color-surface-50),var(--un-bg-opacity));
911
+ }[data-mode="dark"][data-style="shadcn"] [data-select-filter],[data-mode="dark"] [data-style="shadcn"] [data-select-filter]{--un-bg-opacity:1;background-color:rgba(var(--color-surface-950),var(--un-bg-opacity));}
912
+
913
+ [data-style='shadcn'] [data-select-filter-input] {
914
+ border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-300),var(--un-border-opacity));border-radius:0.375rem;background-color:transparent;--un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
915
+ }[data-mode="dark"][data-style="shadcn"] [data-select-filter-input],[data-mode="dark"] [data-style="shadcn"] [data-select-filter-input]{--un-border-opacity:1;border-color:rgba(var(--color-surface-700),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
916
+
917
+ [data-style='shadcn'] [data-select-filter-input]:focus {
918
+ --un-border-opacity:1;border-color:rgba(var(--color-surface-500),var(--un-border-opacity));--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-offset-width:2px;--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-400),var(--un-ring-opacity));
919
+ }[data-mode="dark"][data-style="shadcn"] [data-select-filter-input]:focus,[data-mode="dark"] [data-style="shadcn"] [data-select-filter-input]:focus{--un-border-opacity:1;border-color:rgba(var(--color-surface-500),var(--un-border-opacity));--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-600),var(--un-ring-opacity));}
920
+
921
+ [data-style='shadcn'] [data-select-filter-input]::placeholder {
922
+ --un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));
923
+ }[data-mode="dark"][data-style="shadcn"] [data-select-filter-input]::placeholder,[data-mode="dark"] [data-style="shadcn"] [data-select-filter-input]::placeholder{--un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));}
924
+
925
+ [data-style='shadcn'] [data-select-empty] {
926
+ --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
927
+ }[data-mode="dark"][data-style="shadcn"] [data-select-empty],[data-mode="dark"] [data-style="shadcn"] [data-select-empty]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
928
+
929
+ /**
930
+ * Menu - shadcn Theme Styles
931
+ *
932
+ * Rounded-md trigger and items, shadow-md dropdown, bg highlight on hover.
933
+ */
934
+
935
+ /* =============================================================================
936
+ Menu Trigger
937
+ ============================================================================= */
938
+
939
+ [data-style='shadcn'] [data-menu-trigger] {
940
+ border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-300),var(--un-border-opacity));border-radius:0.375rem;background-color:transparent;background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
941
+ }[data-mode="dark"][data-style="shadcn"] [data-menu-trigger],[data-mode="dark"] [data-style="shadcn"] [data-menu-trigger]{--un-border-opacity:1;border-color:rgba(var(--color-surface-700),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
942
+
943
+ [data-style='shadcn'] [data-menu-trigger]:hover:not(:disabled) {
944
+ --un-border-opacity:1;border-color:rgba(var(--color-surface-400),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-900),var(--un-text-opacity));
945
+ }[data-mode="dark"][data-style="shadcn"] [data-menu-trigger]:hover:not(:disabled),[data-mode="dark"] [data-style="shadcn"] [data-menu-trigger]:hover:not(:disabled){--un-border-opacity:1;border-color:rgba(var(--color-surface-600),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-800),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-100),var(--un-text-opacity));}
946
+
947
+ [data-style='shadcn'] [data-menu-trigger]:focus-visible {
948
+ outline:2px solid transparent;outline-offset:2px;--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-offset-width:2px;--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-400),var(--un-ring-opacity));
949
+ }[data-mode="dark"][data-style="shadcn"] [data-menu-trigger]:focus-visible,[data-mode="dark"] [data-style="shadcn"] [data-menu-trigger]:focus-visible{--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-600),var(--un-ring-opacity));}
950
+
951
+ [data-style='shadcn'] [data-menu][data-open='true'] [data-menu-trigger] {
952
+ --un-border-opacity:1;border-color:rgba(var(--color-surface-500),var(--un-border-opacity));background-image:none;
953
+ }[data-mode="dark"][data-style="shadcn"] [data-menu][data-open="true"] [data-menu-trigger],[data-mode="dark"] [data-style="shadcn"] [data-menu][data-open="true"] [data-menu-trigger]{--un-border-opacity:1;border-color:rgba(var(--color-surface-500),var(--un-border-opacity));}
954
+
955
+ /* Trigger elements */
956
+ [data-style='shadcn'] [data-menu-trigger] [data-menu-icon] {
957
+ --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
958
+ }[data-mode="dark"][data-style="shadcn"] [data-menu-trigger] [data-menu-icon],[data-mode="dark"] [data-style="shadcn"] [data-menu-trigger] [data-menu-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
959
+
960
+ [data-style='shadcn'] [data-menu-trigger]:hover:not(:disabled) [data-menu-icon] {
961
+ --un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
962
+ }[data-mode="dark"][data-style="shadcn"] [data-menu-trigger]:hover:not(:disabled) [data-menu-icon],[data-mode="dark"] [data-style="shadcn"] [data-menu-trigger]:hover:not(:disabled) [data-menu-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
963
+
964
+ [data-style='shadcn'] [data-menu-trigger] [data-menu-arrow] {
965
+ --un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));
966
+ }[data-mode="dark"][data-style="shadcn"] [data-menu-trigger] [data-menu-arrow],[data-mode="dark"] [data-style="shadcn"] [data-menu-trigger] [data-menu-arrow]{--un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));}
967
+
968
+ /* =============================================================================
969
+ Menu Dropdown
970
+ ============================================================================= */
971
+
972
+ [data-style='shadcn'] [data-menu-dropdown] {
973
+ border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-300),var(--un-border-opacity));border-radius:0.375rem;--un-bg-opacity:1;background-color:rgba(var(--color-surface-50),var(--un-bg-opacity));background-image:none;--un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
974
+ }[data-mode="dark"][data-style="shadcn"] [data-menu-dropdown],[data-mode="dark"] [data-style="shadcn"] [data-menu-dropdown]{--un-border-opacity:1;border-color:rgba(var(--color-surface-700),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-950),var(--un-bg-opacity));}
975
+
976
+ /* =============================================================================
977
+ Menu Items
978
+ ============================================================================= */
979
+
980
+ [data-style='shadcn'] [data-menu-item] {
981
+ border-width:0px;border-color:transparent;border-radius:0.375rem;border-style:solid;--un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
982
+ }[data-mode="dark"][data-style="shadcn"] [data-menu-item],[data-mode="dark"] [data-style="shadcn"] [data-menu-item]{--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
983
+
984
+ [data-style='shadcn'] [data-menu-item]:hover:not(:disabled),
985
+ [data-style='shadcn'] [data-menu-item]:focus:not(:disabled) {
986
+ --un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-900),var(--un-text-opacity));outline:2px solid transparent;outline-offset:2px;
987
+ }[data-mode="dark"][data-style="shadcn"] [data-menu-item]:hover:not(:disabled),[data-mode="dark"] [data-style="shadcn"] [data-menu-item]:hover:not(:disabled),[data-mode="dark"][data-style="shadcn"] [data-menu-item]:focus:not(:disabled),[data-mode="dark"] [data-style="shadcn"] [data-menu-item]:focus:not(:disabled){--un-bg-opacity:1;background-color:rgba(var(--color-surface-700),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-100),var(--un-text-opacity));}
988
+
989
+ /* Item elements */
990
+ [data-style='shadcn'] [data-menu-item] [data-item-icon] {
991
+ --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
992
+ }[data-mode="dark"][data-style="shadcn"] [data-menu-item] [data-item-icon],[data-mode="dark"] [data-style="shadcn"] [data-menu-item] [data-item-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
993
+
994
+ [data-style='shadcn'] [data-menu-item]:hover:not(:disabled) [data-item-icon] {
995
+ --un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
996
+ }[data-mode="dark"][data-style="shadcn"] [data-menu-item]:hover:not(:disabled) [data-item-icon],[data-mode="dark"] [data-style="shadcn"] [data-menu-item]:hover:not(:disabled) [data-item-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
997
+
998
+ [data-style='shadcn'] [data-menu-item] [data-item-description] {
999
+ --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
1000
+ }[data-mode="dark"][data-style="shadcn"] [data-menu-item] [data-item-description],[data-mode="dark"] [data-style="shadcn"] [data-menu-item] [data-item-description]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
1001
+
1002
+ /* =============================================================================
1003
+ Groups
1004
+ ============================================================================= */
1005
+
1006
+ [data-style='shadcn'] [data-menu-group] {
1007
+ --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
1008
+ }[data-mode="dark"][data-style="shadcn"] [data-menu-group],[data-mode="dark"] [data-style="shadcn"] [data-menu-group]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
1009
+
1010
+ /* =============================================================================
1011
+ Divider
1012
+ ============================================================================= */
1013
+
1014
+ [data-style='shadcn'] [data-menu-separator] {
1015
+ --un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));background-image:none;
1016
+ }[data-mode="dark"][data-style="shadcn"] [data-menu-separator],[data-mode="dark"] [data-style="shadcn"] [data-menu-separator]{--un-bg-opacity:1;background-color:rgba(var(--color-surface-700),var(--un-bg-opacity));}
1017
+
1018
+ /**
1019
+ * Dropdown - shadcn Theme Styles
1020
+ *
1021
+ * Rounded-md trigger, shadow-md panel, bg highlight on hover/active.
1022
+ */
1023
+
1024
+ [data-style='shadcn'] [data-dropdown-trigger] {
1025
+ border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-300),var(--un-border-opacity));border-radius:0.375rem;background-color:transparent;background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
1026
+ }[data-mode="dark"][data-style="shadcn"] [data-dropdown-trigger],[data-mode="dark"] [data-style="shadcn"] [data-dropdown-trigger]{--un-border-opacity:1;border-color:rgba(var(--color-surface-700),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
1027
+
1028
+ [data-style='shadcn'] [data-dropdown-trigger]:hover:not(:disabled) {
1029
+ --un-border-opacity:1;border-color:rgba(var(--color-surface-400),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-900),var(--un-text-opacity));
1030
+ }[data-mode="dark"][data-style="shadcn"] [data-dropdown-trigger]:hover:not(:disabled),[data-mode="dark"] [data-style="shadcn"] [data-dropdown-trigger]:hover:not(:disabled){--un-border-opacity:1;border-color:rgba(var(--color-surface-600),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-800),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-100),var(--un-text-opacity));}
1031
+
1032
+ [data-style='shadcn'] [data-dropdown-trigger]:focus-visible {
1033
+ outline:2px solid transparent;outline-offset:2px;--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-offset-width:2px;--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-400),var(--un-ring-opacity));
1034
+ }[data-mode="dark"][data-style="shadcn"] [data-dropdown-trigger]:focus-visible,[data-mode="dark"] [data-style="shadcn"] [data-dropdown-trigger]:focus-visible{--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-600),var(--un-ring-opacity));}
1035
+
1036
+ [data-style='shadcn'] [data-dropdown][data-open='true'] [data-dropdown-trigger] {
1037
+ --un-border-opacity:1;border-color:rgba(var(--color-surface-500),var(--un-border-opacity));background-image:none;
1038
+ }[data-mode="dark"][data-style="shadcn"] [data-dropdown][data-open="true"] [data-dropdown-trigger],[data-mode="dark"] [data-style="shadcn"] [data-dropdown][data-open="true"] [data-dropdown-trigger]{--un-border-opacity:1;border-color:rgba(var(--color-surface-500),var(--un-border-opacity));}
1039
+
1040
+ [data-style='shadcn'] [data-dropdown-trigger] [data-dropdown-icon] {
1041
+ --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
1042
+ }[data-mode="dark"][data-style="shadcn"] [data-dropdown-trigger] [data-dropdown-icon],[data-mode="dark"] [data-style="shadcn"] [data-dropdown-trigger] [data-dropdown-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
1043
+
1044
+ [data-style='shadcn'] [data-dropdown-trigger] [data-dropdown-arrow] {
1045
+ --un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));
1046
+ }[data-mode="dark"][data-style="shadcn"] [data-dropdown-trigger] [data-dropdown-arrow],[data-mode="dark"] [data-style="shadcn"] [data-dropdown-trigger] [data-dropdown-arrow]{--un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));}
1047
+
1048
+ [data-style='shadcn'] [data-dropdown-panel] {
1049
+ border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-300),var(--un-border-opacity));border-radius:0.375rem;--un-bg-opacity:1;background-color:rgba(var(--color-surface-50),var(--un-bg-opacity));background-image:none;--un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
1050
+ }[data-mode="dark"][data-style="shadcn"] [data-dropdown-panel],[data-mode="dark"] [data-style="shadcn"] [data-dropdown-panel]{--un-border-opacity:1;border-color:rgba(var(--color-surface-700),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-950),var(--un-bg-opacity));}
1051
+
1052
+ [data-style='shadcn'] [data-dropdown-option] {
1053
+ border-radius:0.375rem;--un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
1054
+ }[data-mode="dark"][data-style="shadcn"] [data-dropdown-option],[data-mode="dark"] [data-style="shadcn"] [data-dropdown-option]{--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
1055
+
1056
+ [data-style='shadcn'] [data-dropdown-option]:hover:not(:disabled),
1057
+ [data-style='shadcn'] [data-dropdown-option]:focus:not(:disabled) {
1058
+ --un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-900),var(--un-text-opacity));outline:2px solid transparent;outline-offset:2px;
1059
+ }[data-mode="dark"][data-style="shadcn"] [data-dropdown-option]:hover:not(:disabled),[data-mode="dark"] [data-style="shadcn"] [data-dropdown-option]:hover:not(:disabled),[data-mode="dark"][data-style="shadcn"] [data-dropdown-option]:focus:not(:disabled),[data-mode="dark"] [data-style="shadcn"] [data-dropdown-option]:focus:not(:disabled){--un-bg-opacity:1;background-color:rgba(var(--color-surface-700),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-100),var(--un-text-opacity));}
1060
+
1061
+ [data-style='shadcn'] [data-dropdown-option][data-active='true'] {
1062
+ --un-bg-opacity:1;background-color:rgba(var(--color-primary-200),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-primary-800),var(--un-text-opacity));
1063
+ }[data-mode="dark"][data-style="shadcn"] [data-dropdown-option][data-active="true"],[data-mode="dark"] [data-style="shadcn"] [data-dropdown-option][data-active="true"]{--un-bg-opacity:1;background-color:rgba(var(--color-primary-800),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-200),var(--un-text-opacity));}
1064
+
1065
+ [data-style='shadcn'] [data-dropdown-separator] {
1066
+ --un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));background-image:none;
1067
+ }[data-mode="dark"][data-style="shadcn"] [data-dropdown-separator],[data-mode="dark"] [data-style="shadcn"] [data-dropdown-separator]{--un-bg-opacity:1;background-color:rgba(var(--color-surface-700),var(--un-bg-opacity));}
1068
+
1069
+ /**
1070
+ * FloatingAction - shadcn Theme Styles
1071
+ *
1072
+ * Rounded-md FAB buttons, ring focus, subtle borders.
1073
+ */
1074
+
1075
+ /* =============================================================================
1076
+ FAB Trigger Button
1077
+ ============================================================================= */
1078
+
1079
+ [data-style='shadcn'] [data-fab-trigger] {
1080
+ border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-300),var(--un-border-opacity));border-radius:0.375rem;--un-bg-opacity:1;background-color:rgba(var(--color-surface-50),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
1081
+ }[data-mode="dark"][data-style="shadcn"] [data-fab-trigger],[data-mode="dark"] [data-style="shadcn"] [data-fab-trigger]{--un-border-opacity:1;border-color:rgba(var(--color-surface-700),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-950),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
1082
+
1083
+ [data-style='shadcn'] [data-fab-trigger]:hover:not(:disabled) {
1084
+ --un-border-opacity:1;border-color:rgba(var(--color-surface-400),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-950),var(--un-text-opacity));
1085
+ }[data-mode="dark"][data-style="shadcn"] [data-fab-trigger]:hover:not(:disabled),[data-mode="dark"] [data-style="shadcn"] [data-fab-trigger]:hover:not(:disabled){--un-border-opacity:1;border-color:rgba(var(--color-surface-600),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-700),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-50),var(--un-text-opacity));}
1086
+
1087
+ [data-style='shadcn'] [data-fab-trigger]:focus-visible {
1088
+ outline:2px solid transparent;outline-offset:2px;--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-offset-width:2px;--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-400),var(--un-ring-opacity));
1089
+ }[data-mode="dark"][data-style="shadcn"] [data-fab-trigger]:focus-visible,[data-mode="dark"] [data-style="shadcn"] [data-fab-trigger]:focus-visible{--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-600),var(--un-ring-opacity));}
1090
+
1091
+ [data-style='shadcn'] [data-fab][data-open='true'] [data-fab-trigger] {
1092
+ --un-border-opacity:1;border-color:rgba(var(--color-surface-400),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));background-image:none;
1093
+ transform: rotate(45deg);
1094
+ }[data-mode="dark"][data-style="shadcn"] [data-fab][data-open="true"] [data-fab-trigger],[data-mode="dark"] [data-style="shadcn"] [data-fab][data-open="true"] [data-fab-trigger]{--un-border-opacity:1;border-color:rgba(var(--color-surface-600),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-700),var(--un-bg-opacity));}
1095
+
1096
+ [data-style='shadcn'] [data-fab][data-open='true'] [data-fab-trigger]:hover:not(:disabled) {
1097
+ background-image:none;
1098
+ }
1099
+
1100
+ /* =============================================================================
1101
+ FAB Items
1102
+ ============================================================================= */
1103
+
1104
+ [data-style='shadcn'] [data-fab-item] {
1105
+ border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-300),var(--un-border-opacity));border-radius:0.375rem;--un-bg-opacity:1;background-color:rgba(var(--color-surface-50),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
1106
+ }[data-mode="dark"][data-style="shadcn"] [data-fab-item],[data-mode="dark"] [data-style="shadcn"] [data-fab-item]{--un-border-opacity:1;border-color:rgba(var(--color-surface-700),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-950),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
1107
+
1108
+ [data-style='shadcn'] [data-fab-item]:hover:not(:disabled) {
1109
+ --un-border-opacity:1;border-color:rgba(var(--color-surface-400),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-900),var(--un-text-opacity));
1110
+ }[data-mode="dark"][data-style="shadcn"] [data-fab-item]:hover:not(:disabled),[data-mode="dark"] [data-style="shadcn"] [data-fab-item]:hover:not(:disabled){--un-border-opacity:1;border-color:rgba(var(--color-surface-600),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-700),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-100),var(--un-text-opacity));}
1111
+
1112
+ [data-style='shadcn'] [data-fab-item]:focus-visible {
1113
+ outline:2px solid transparent;outline-offset:2px;--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-offset-width:2px;--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-400),var(--un-ring-opacity));
1114
+ }[data-mode="dark"][data-style="shadcn"] [data-fab-item]:focus-visible,[data-mode="dark"] [data-style="shadcn"] [data-fab-item]:focus-visible{--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-600),var(--un-ring-opacity));}
1115
+
1116
+ /* Item icon */
1117
+ [data-style='shadcn'] [data-fab-item] [data-fab-item-icon] {
1118
+ --un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
1119
+ }[data-mode="dark"][data-style="shadcn"] [data-fab-item] [data-fab-item-icon],[data-mode="dark"] [data-style="shadcn"] [data-fab-item] [data-fab-item-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
1120
+
1121
+ [data-style='shadcn'] [data-fab-item]:hover:not(:disabled) [data-fab-item-icon] {
1122
+ --un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
1123
+ }[data-mode="dark"][data-style="shadcn"] [data-fab-item]:hover:not(:disabled) [data-fab-item-icon],[data-mode="dark"] [data-style="shadcn"] [data-fab-item]:hover:not(:disabled) [data-fab-item-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
1124
+
1125
+ /* =============================================================================
1126
+ Backdrop
1127
+ ============================================================================= */
1128
+
1129
+ [data-style='shadcn'] [data-fab-backdrop] {
1130
+ background: rgba(0, 0, 0, 0.2);
1131
+ }
1132
+
1133
+ /**
1134
+ * Input - shadcn Theme Styles
1135
+ *
1136
+ * Rounded-md inputs with full border (not underline-only).
1137
+ * Ring-based focus. Labels above in normal weight.
1138
+ */
1139
+
1140
+ /* Input root: full border, rounded-md */
1141
+ [data-style='shadcn'] [data-input-root] {
1142
+ position:relative;display:flex;align-items:center;border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-300),var(--un-border-opacity));border-radius:0.375rem;background-color:transparent;
1143
+ background-image: none;
1144
+ transition: border-color 150ms ease, box-shadow 150ms ease;
1145
+ }[data-mode="dark"][data-style="shadcn"] [data-input-root],[data-mode="dark"] [data-style="shadcn"] [data-input-root]{--un-border-opacity:1;border-color:rgba(var(--color-surface-700),var(--un-border-opacity));}
1146
+
1147
+ /* Hover */
1148
+ [data-style='shadcn'] [data-input-root]:hover:not(:focus-within) {
1149
+ --un-border-opacity:1;border-color:rgba(var(--color-surface-400),var(--un-border-opacity));
1150
+ background-image: none;
1151
+ }[data-mode="dark"][data-style="shadcn"] [data-input-root]:hover:not(:focus-within),[data-mode="dark"] [data-style="shadcn"] [data-input-root]:hover:not(:focus-within){--un-border-opacity:1;border-color:rgba(var(--color-surface-600),var(--un-border-opacity));}
1152
+
1153
+ /* Focus: single ring flush with border, no offset gap */
1154
+ [data-style='shadcn'] [data-input-root]:focus-within {
1155
+ --un-border-opacity:1;border-color:rgba(var(--color-primary-400),var(--un-border-opacity));--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:rgba(var(--color-primary-400),0.4);
1156
+ background-image: none;
1157
+ }[data-mode="dark"][data-style="shadcn"] [data-input-root]:focus-within,[data-mode="dark"] [data-style="shadcn"] [data-input-root]:focus-within{--un-border-opacity:1;border-color:rgba(var(--color-primary-600),var(--un-border-opacity));--un-ring-color:rgba(var(--color-primary-600),0.4);}
1158
+
1159
+ /* Inputs inside wrapper */
1160
+ [data-style='shadcn']
1161
+ [data-input-root]
1162
+ input:not([type='checkbox'], [type='radio'], [type='color']),
1163
+ [data-style='shadcn'] [data-input-root] textarea,
1164
+ [data-style='shadcn'] [data-input-root] select {
1165
+ width:100%;border-style:none;background-color:transparent;padding-left:0.75rem;padding-right:0.75rem;padding-top:0.5rem;padding-bottom:0.5rem;--un-text-opacity:1;color:rgba(var(--color-surface-900),var(--un-text-opacity));outline:2px solid transparent;outline-offset:2px;
1166
+ font-size: 0.875rem;
1167
+ line-height: 1.25rem;
1168
+ transition: color 150ms ease;
1169
+ }[data-mode="dark"][data-style="shadcn"] [data-input-root] input:not([type="checkbox"],[type="radio"],[type="color"]),[data-mode="dark"] [data-style="shadcn"] [data-input-root] input:not([type="checkbox"],[type="radio"],[type="color"]),[data-mode="dark"][data-style="shadcn"] [data-input-root] textarea,[data-mode="dark"] [data-style="shadcn"] [data-input-root] textarea,[data-mode="dark"][data-style="shadcn"] [data-input-root] select,[data-mode="dark"] [data-style="shadcn"] [data-input-root] select{--un-text-opacity:1;color:rgba(var(--color-surface-100),var(--un-text-opacity));}
1170
+
1171
+ [data-style='shadcn'] [data-input-root] textarea {
1172
+ min-height:5rem;padding-top:0.5rem;padding-bottom:0.5rem;
1173
+ }
1174
+
1175
+ /* Select inside input-root */
1176
+ [data-style='shadcn'] [data-input-root] [data-select-trigger] {
1177
+ border-radius:0;border-style:none;background-color:transparent;padding-left:0.75rem;padding-right:0.75rem;--un-text-opacity:1;color:rgba(var(--color-surface-900),var(--un-text-opacity));--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-width:0px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
1178
+ font-size: 0.875rem;
1179
+ background-image: none;
1180
+ transition: color 150ms ease;
1181
+ }[data-mode="dark"][data-style="shadcn"] [data-input-root] [data-select-trigger],[data-mode="dark"] [data-style="shadcn"] [data-input-root] [data-select-trigger]{--un-text-opacity:1;color:rgba(var(--color-surface-100),var(--un-text-opacity));}[data-style="shadcn"] [data-input-root] [data-select-trigger]:focus{outline:2px solid transparent;outline-offset:2px;}
1182
+
1183
+ [data-style='shadcn'] [data-input-root] [data-select-trigger]:hover:not(:disabled) {
1184
+ background-color:transparent;
1185
+ background-image: none;
1186
+ }
1187
+
1188
+ [data-style='shadcn'] [data-input-root] [data-select][data-open='true'] [data-select-trigger] {
1189
+ border-style:none;background-color:transparent;--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-width:0px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
1190
+ }
1191
+
1192
+ /* Labels */
1193
+ [data-style='shadcn'] [data-field] > label {
1194
+ font-size:0.875rem;line-height:1.25rem;--un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));font-weight:500;
1195
+ transition: color 150ms ease;
1196
+ }[data-mode="dark"][data-style="shadcn"] [data-field]>label,[data-mode="dark"] [data-style="shadcn"] [data-field]>label{--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
1197
+
1198
+ [data-style='shadcn'] [data-form-root] label {
1199
+ font-size:0.875rem;line-height:1.25rem;--un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));font-weight:500;
1200
+ }[data-mode="dark"][data-style="shadcn"] [data-form-root] label,[data-mode="dark"] [data-style="shadcn"] [data-form-root] label{--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
1201
+
1202
+ /* Focused label */
1203
+ [data-style='shadcn'] [data-field]:has([data-input-root]:focus-within) > label {
1204
+ --un-text-opacity:1;color:rgba(var(--color-primary-600),var(--un-text-opacity));
1205
+ }[data-mode="dark"][data-style="shadcn"] [data-field]:has([data-input-root]:focus-within)>label,[data-mode="dark"] [data-style="shadcn"] [data-field]:has([data-input-root]:focus-within)>label{--un-text-opacity:1;color:rgba(var(--color-primary-400),var(--un-text-opacity));}
1206
+
1207
+ /* Field root */
1208
+ [data-style='shadcn'] [data-field-root] {
1209
+ gap:0.25rem;
1210
+ }
1211
+
1212
+ /* Info field value */
1213
+ [data-style='shadcn'] [data-field-info] {
1214
+ --un-text-opacity:1;color:rgba(var(--color-primary-600),var(--un-text-opacity));
1215
+ }[data-mode="dark"][data-style="shadcn"] [data-field-info],[data-mode="dark"] [data-style="shadcn"] [data-field-info]{--un-text-opacity:1;color:rgba(var(--color-primary-400),var(--un-text-opacity));}
1216
+
1217
+ /* Separator */
1218
+ [data-style='shadcn'] [data-form-separator] {
1219
+ --un-border-opacity:1;border-color:rgba(var(--color-surface-300),var(--un-border-opacity));
1220
+ }[data-mode="dark"][data-style="shadcn"] [data-form-separator],[data-mode="dark"] [data-style="shadcn"] [data-form-separator]{--un-border-opacity:1;border-color:rgba(var(--color-surface-700),var(--un-border-opacity));}
1221
+
1222
+ /* Disabled state */
1223
+ [data-style='shadcn'] [data-field-disabled] [data-input-root] {
1224
+ cursor:not-allowed;--un-border-opacity:1;border-color:rgba(var(--color-surface-200),var(--un-border-opacity));opacity:0.5;
1225
+ }[data-mode="dark"][data-style="shadcn"] [data-field-disabled] [data-input-root],[data-mode="dark"] [data-style="shadcn"] [data-field-disabled] [data-input-root]{--un-border-opacity:1;border-color:rgba(var(--color-surface-800),var(--un-border-opacity));}
1226
+
1227
+ /* Error state */
1228
+ [data-style='shadcn'] [data-field-state='fail'] [data-input-root] {
1229
+ --un-border-opacity:1;border-color:rgba(var(--color-danger-400),var(--un-border-opacity));--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-offset-width:2px;--un-ring-opacity:1;--un-ring-color:rgba(var(--color-danger-300),var(--un-ring-opacity));
1230
+ background-image: none;
1231
+ }[data-mode="dark"][data-style="shadcn"] [data-field-state="fail"] [data-input-root],[data-mode="dark"] [data-style="shadcn"] [data-field-state="fail"] [data-input-root]{--un-border-opacity:1;border-color:rgba(var(--color-danger-600),var(--un-border-opacity));--un-ring-opacity:1;--un-ring-color:rgba(var(--color-danger-700),var(--un-ring-opacity));}
1232
+
1233
+ [data-style='shadcn'] [data-field-state='fail'] [data-input-root]:hover:not(:focus-within) {
1234
+ --un-border-opacity:1;border-color:rgba(var(--color-danger-500),var(--un-border-opacity));
1235
+ }[data-mode="dark"][data-style="shadcn"] [data-field-state="fail"] [data-input-root]:hover:not(:focus-within),[data-mode="dark"] [data-style="shadcn"] [data-field-state="fail"] [data-input-root]:hover:not(:focus-within){--un-border-opacity:1;border-color:rgba(var(--color-danger-500),var(--un-border-opacity));}
1236
+
1237
+ /* Pass state */
1238
+ [data-style='shadcn'] [data-field-state='pass'] [data-input-root] {
1239
+ --un-border-opacity:1;border-color:rgba(var(--color-success-400),var(--un-border-opacity));--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-offset-width:2px;--un-ring-opacity:1;--un-ring-color:rgba(var(--color-success-300),var(--un-ring-opacity));
1240
+ background-image: none;
1241
+ }[data-mode="dark"][data-style="shadcn"] [data-field-state="pass"] [data-input-root],[data-mode="dark"] [data-style="shadcn"] [data-field-state="pass"] [data-input-root]{--un-border-opacity:1;border-color:rgba(var(--color-success-600),var(--un-border-opacity));--un-ring-opacity:1;--un-ring-color:rgba(var(--color-success-700),var(--un-ring-opacity));}
1242
+
1243
+ /* Description */
1244
+ [data-style='shadcn'] [data-description] {
1245
+ margin-top:0.125rem;font-size:0.75rem;line-height:1rem;--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
1246
+ }[data-mode="dark"][data-style="shadcn"] [data-description],[data-mode="dark"] [data-style="shadcn"] [data-description]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
1247
+
1248
+ /* Message */
1249
+ [data-style='shadcn'] [data-message] {
1250
+ margin-top:0.125rem;font-size:0.75rem;line-height:1rem;--un-text-opacity:1;color:rgba(var(--color-danger-500),var(--un-text-opacity));
1251
+ }[data-mode="dark"][data-style="shadcn"] [data-message],[data-mode="dark"] [data-style="shadcn"] [data-message]{--un-text-opacity:1;color:rgba(var(--color-danger-500),var(--un-text-opacity));}
1252
+
1253
+ /* Checkbox */
1254
+ [data-style='shadcn'] [data-checkbox-icon] {
1255
+ font-size:1.125rem;line-height:1.75rem;--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
1256
+ }[data-mode="dark"][data-style="shadcn"] [data-checkbox-icon],[data-mode="dark"] [data-style="shadcn"] [data-checkbox-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
1257
+
1258
+ [data-style='shadcn']
1259
+ [data-checkbox-root][data-variant='custom']:has(input:checked)
1260
+ [data-checkbox-icon] {
1261
+ --un-text-opacity:1;color:rgba(var(--color-primary-600),var(--un-text-opacity));
1262
+ }[data-mode="dark"][data-style="shadcn"] [data-checkbox-root][data-variant="custom"]:has(input:checked) [data-checkbox-icon],[data-mode="dark"] [data-style="shadcn"] [data-checkbox-root][data-variant="custom"]:has(input:checked) [data-checkbox-icon]{--un-text-opacity:1;color:rgba(var(--color-primary-400),var(--un-text-opacity));}
1263
+
1264
+ /* Checkbox label */
1265
+ [data-style='shadcn'] [data-field-type='checkbox'] [data-field]:has(:focus-within) > label {
1266
+ --un-text-opacity:1;color:rgba(var(--color-primary-600),var(--un-text-opacity));
1267
+ }[data-mode="dark"][data-style="shadcn"] [data-field-type="checkbox"] [data-field]:has(:focus-within)>label,[data-mode="dark"] [data-style="shadcn"] [data-field-type="checkbox"] [data-field]:has(:focus-within)>label{--un-text-opacity:1;color:rgba(var(--color-primary-400),var(--un-text-opacity));}
1268
+
1269
+ /* Placeholders */
1270
+ [data-style='shadcn'] [data-input-root] input::placeholder,
1271
+ [data-style='shadcn'] [data-input-root] textarea::placeholder {
1272
+ --un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));
1273
+ }[data-mode="dark"][data-style="shadcn"] [data-input-root] input::placeholder,[data-mode="dark"] [data-style="shadcn"] [data-input-root] input::placeholder,[data-mode="dark"][data-style="shadcn"] [data-input-root] textarea::placeholder,[data-mode="dark"] [data-style="shadcn"] [data-input-root] textarea::placeholder{--un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));}
1274
+
1275
+ /**
1276
+ * Table - shadcn Theme Styles
1277
+ *
1278
+ * Clean table with subtle row borders, bg highlight on hover/selected.
1279
+ */
1280
+
1281
+ /* =============================================================================
1282
+ Header
1283
+ ============================================================================= */
1284
+
1285
+ [data-style='shadcn'] [data-table-header] th {
1286
+ border-bottom-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-300),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
1287
+ }[data-mode="dark"][data-style="shadcn"] [data-table-header] th,[data-mode="dark"] [data-style="shadcn"] [data-table-header] th{--un-border-opacity:1;border-color:rgba(var(--color-surface-700),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
1288
+
1289
+ [data-style='shadcn'] [data-table-header-cell][data-sortable='true']:hover {
1290
+ --un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
1291
+ }[data-mode="dark"][data-style="shadcn"] [data-table-header-cell][data-sortable="true"]:hover,[data-mode="dark"] [data-style="shadcn"] [data-table-header-cell][data-sortable="true"]:hover{--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
1292
+
1293
+ [data-style='shadcn'] [data-table-header-cell][data-sort-order='ascending'],
1294
+ [data-style='shadcn'] [data-table-header-cell][data-sort-order='descending'] {
1295
+ --un-text-opacity:1;color:rgba(var(--color-primary-700),var(--un-text-opacity));
1296
+ }[data-mode="dark"][data-style="shadcn"] [data-table-header-cell][data-sort-order="ascending"],[data-mode="dark"] [data-style="shadcn"] [data-table-header-cell][data-sort-order="ascending"],[data-mode="dark"][data-style="shadcn"] [data-table-header-cell][data-sort-order="descending"],[data-mode="dark"] [data-style="shadcn"] [data-table-header-cell][data-sort-order="descending"]{--un-text-opacity:1;color:rgba(var(--color-primary-300),var(--un-text-opacity));}
1297
+
1298
+ [data-style='shadcn'] [data-table-sort-icon] {
1299
+ --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
1300
+ }[data-mode="dark"][data-style="shadcn"] [data-table-sort-icon],[data-mode="dark"] [data-style="shadcn"] [data-table-sort-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
1301
+
1302
+ [data-style='shadcn'] [data-table-header-cell][data-sort-order='ascending'] [data-table-sort-icon],
1303
+ [data-style='shadcn']
1304
+ [data-table-header-cell][data-sort-order='descending']
1305
+ [data-table-sort-icon] {
1306
+ --un-text-opacity:1;color:rgba(var(--color-primary-600),var(--un-text-opacity));
1307
+ }[data-mode="dark"][data-style="shadcn"] [data-table-header-cell][data-sort-order="ascending"] [data-table-sort-icon],[data-mode="dark"] [data-style="shadcn"] [data-table-header-cell][data-sort-order="ascending"] [data-table-sort-icon],[data-mode="dark"][data-style="shadcn"] [data-table-header-cell][data-sort-order="descending"] [data-table-sort-icon],[data-mode="dark"] [data-style="shadcn"] [data-table-header-cell][data-sort-order="descending"] [data-table-sort-icon]{--un-text-opacity:1;color:rgba(var(--color-primary-400),var(--un-text-opacity));}
1308
+
1309
+ /* =============================================================================
1310
+ Caption
1311
+ ============================================================================= */
1312
+
1313
+ [data-style='shadcn'] [data-table-caption] {
1314
+ --un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
1315
+ }[data-mode="dark"][data-style="shadcn"] [data-table-caption],[data-mode="dark"] [data-style="shadcn"] [data-table-caption]{--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
1316
+
1317
+ /* =============================================================================
1318
+ Rows
1319
+ ============================================================================= */
1320
+
1321
+ [data-style='shadcn'] [data-table-row] {
1322
+ border-bottom-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-300),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
1323
+ }[data-mode="dark"][data-style="shadcn"] [data-table-row],[data-mode="dark"] [data-style="shadcn"] [data-table-row]{--un-border-opacity:1;border-color:rgba(var(--color-surface-700),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
1324
+
1325
+ [data-style='shadcn'] [data-table-row]:hover {
1326
+ --un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-900),var(--un-text-opacity));
1327
+ }[data-mode="dark"][data-style="shadcn"] [data-table-row]:hover,[data-mode="dark"] [data-style="shadcn"] [data-table-row]:hover{--un-bg-opacity:1;background-color:rgba(var(--color-surface-800),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-100),var(--un-text-opacity));}
1328
+
1329
+ [data-style='shadcn'] [data-table-row]:focus {
1330
+ --un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-900),var(--un-text-opacity));outline:2px solid transparent;outline-offset:2px;--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-400),var(--un-ring-opacity));
1331
+ }[data-mode="dark"][data-style="shadcn"] [data-table-row]:focus,[data-mode="dark"] [data-style="shadcn"] [data-table-row]:focus{--un-bg-opacity:1;background-color:rgba(var(--color-surface-800),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-100),var(--un-text-opacity));--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-600),var(--un-ring-opacity));}
1332
+
1333
+ [data-style='shadcn'] [data-table-row][data-selected='true'] {
1334
+ --un-bg-opacity:1;background-color:rgba(var(--color-primary-200),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-primary-800),var(--un-text-opacity));
1335
+ }[data-mode="dark"][data-style="shadcn"] [data-table-row][data-selected="true"],[data-mode="dark"] [data-style="shadcn"] [data-table-row][data-selected="true"]{--un-bg-opacity:1;background-color:rgba(var(--color-primary-800),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-200),var(--un-text-opacity));}
1336
+
1337
+ /* =============================================================================
1338
+ Striped
1339
+ ============================================================================= */
1340
+
1341
+ [data-style='shadcn'] [data-striped='true'] [data-table-body] tr:nth-child(even) {
1342
+ --un-bg-opacity:1;background-color:rgba(var(--color-surface-100),var(--un-bg-opacity));
1343
+ }[data-mode="dark"][data-style="shadcn"] [data-striped="true"] [data-table-body] tr:nth-child(even),[data-mode="dark"] [data-style="shadcn"] [data-striped="true"] [data-table-body] tr:nth-child(even){--un-bg-opacity:1;background-color:rgba(var(--color-surface-900),var(--un-bg-opacity));}
1344
+
1345
+ /* =============================================================================
1346
+ Empty
1347
+ ============================================================================= */
1348
+
1349
+ [data-style='shadcn'] [data-table-empty] {
1350
+ --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
1351
+ }[data-mode="dark"][data-style="shadcn"] [data-table-empty],[data-mode="dark"] [data-style="shadcn"] [data-table-empty]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
1352
+
1353
+ /* =============================================================================
1354
+ Cell Icon
1355
+ ============================================================================= */
1356
+
1357
+ [data-style='shadcn'] [data-table-cell] [data-cell-icon] {
1358
+ --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
1359
+ }[data-mode="dark"][data-style="shadcn"] [data-table-cell] [data-cell-icon],[data-mode="dark"] [data-style="shadcn"] [data-table-cell] [data-cell-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
1360
+
1361
+ [data-style='shadcn'] [data-table-row][data-selected='true'] [data-cell-icon] {
1362
+ --un-text-opacity:1;color:rgba(var(--color-primary-600),var(--un-text-opacity));
1363
+ }[data-mode="dark"][data-style="shadcn"] [data-table-row][data-selected="true"] [data-cell-icon],[data-mode="dark"] [data-style="shadcn"] [data-table-row][data-selected="true"] [data-cell-icon]{--un-text-opacity:1;color:rgba(var(--color-primary-400),var(--un-text-opacity));}
1364
+
1365
+ /**
1366
+ * SearchFilter - shadcn Theme Styles
1367
+ *
1368
+ * Rounded-md input with ring focus, subtle tags.
1369
+ */
1370
+
1371
+ /* =============================================================================
1372
+ Input
1373
+ ============================================================================= */
1374
+
1375
+ [data-style='shadcn'] [data-search-input] {
1376
+ border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-300),var(--un-border-opacity));border-radius:0.375rem;background-color:transparent;--un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
1377
+ }[data-mode="dark"][data-style="shadcn"] [data-search-input],[data-mode="dark"] [data-style="shadcn"] [data-search-input]{--un-border-opacity:1;border-color:rgba(var(--color-surface-700),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
1378
+
1379
+ [data-style='shadcn'] [data-search-input]:focus {
1380
+ --un-border-opacity:1;border-color:rgba(var(--color-primary-400),var(--un-border-opacity));--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-offset-width:2px;--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-400),var(--un-ring-opacity));
1381
+ }[data-mode="dark"][data-style="shadcn"] [data-search-input]:focus,[data-mode="dark"] [data-style="shadcn"] [data-search-input]:focus{--un-border-opacity:1;border-color:rgba(var(--color-primary-600),var(--un-border-opacity));--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-600),var(--un-ring-opacity));}
1382
+
1383
+ [data-style='shadcn'] [data-search-input]::placeholder {
1384
+ --un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));
1385
+ }[data-mode="dark"][data-style="shadcn"] [data-search-input]::placeholder,[data-mode="dark"] [data-style="shadcn"] [data-search-input]::placeholder{--un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));}
1386
+
1387
+ /* =============================================================================
1388
+ Clear Button
1389
+ ============================================================================= */
1390
+
1391
+ [data-style='shadcn'] [data-search-clear] {
1392
+ --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
1393
+ }[data-mode="dark"][data-style="shadcn"] [data-search-clear],[data-mode="dark"] [data-style="shadcn"] [data-search-clear]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
1394
+
1395
+ [data-style='shadcn'] [data-search-clear]:hover {
1396
+ --un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
1397
+ }[data-mode="dark"][data-style="shadcn"] [data-search-clear]:hover,[data-mode="dark"] [data-style="shadcn"] [data-search-clear]:hover{--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
1398
+
1399
+ /* =============================================================================
1400
+ Tags
1401
+ ============================================================================= */
1402
+
1403
+ [data-style='shadcn'] [data-search-tag] {
1404
+ border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-300),var(--un-border-opacity));border-radius:0.375rem;background-color:transparent;background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
1405
+ }[data-mode="dark"][data-style="shadcn"] [data-search-tag],[data-mode="dark"] [data-style="shadcn"] [data-search-tag]{--un-border-opacity:1;border-color:rgba(var(--color-surface-700),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
1406
+
1407
+ [data-style='shadcn'] [data-search-tag-remove] {
1408
+ --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
1409
+ }[data-mode="dark"][data-style="shadcn"] [data-search-tag-remove],[data-mode="dark"] [data-style="shadcn"] [data-search-tag-remove]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
1410
+
1411
+ [data-style='shadcn'] [data-search-tag-remove]:hover {
1412
+ --un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
1413
+ }[data-mode="dark"][data-style="shadcn"] [data-search-tag-remove]:hover,[data-mode="dark"] [data-style="shadcn"] [data-search-tag-remove]:hover{--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
1414
+
1415
+ /**
1416
+ * Range - shadcn Theme Styles
1417
+ *
1418
+ * Clean track, primary fill, rounded thumb with ring focus.
1419
+ */
1420
+
1421
+ /* =============================================================================
1422
+ Track
1423
+ ============================================================================= */
1424
+
1425
+ [data-style='shadcn'] [data-range-bar] {
1426
+ border-radius:9999px;--un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));
1427
+ }[data-mode="dark"][data-style="shadcn"] [data-range-bar],[data-mode="dark"] [data-style="shadcn"] [data-range-bar]{--un-bg-opacity:1;background-color:rgba(var(--color-surface-700),var(--un-bg-opacity));}
1428
+
1429
+ [data-style='shadcn'] [data-range-selected] {
1430
+ border-radius:9999px;--un-bg-opacity:1;background-color:rgba(var(--color-primary),var(--un-bg-opacity));background-image:none;
1431
+ }
1432
+
1433
+ /* =============================================================================
1434
+ Thumb
1435
+ ============================================================================= */
1436
+
1437
+ [data-style='shadcn'] [data-range-thumb] {
1438
+ border-width:2px;--un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));border-radius:9999px;--un-bg-opacity:1;background-color:rgba(var(--color-surface-50),var(--un-bg-opacity));
1439
+ }[data-mode="dark"][data-style="shadcn"] [data-range-thumb],[data-mode="dark"] [data-style="shadcn"] [data-range-thumb]{--un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-950),var(--un-bg-opacity));}
1440
+
1441
+ [data-style='shadcn'] [data-range-thumb][data-sliding] {
1442
+ --un-bg-opacity:1;background-color:rgba(var(--color-primary-500),var(--un-bg-opacity));
1443
+ }[data-mode="dark"][data-style="shadcn"] [data-range-thumb][data-sliding],[data-mode="dark"] [data-style="shadcn"] [data-range-thumb][data-sliding]{--un-bg-opacity:1;background-color:rgba(var(--color-primary-500),var(--un-bg-opacity));}
1444
+
1445
+ [data-style='shadcn'] [data-range-thumb]:focus-visible {
1446
+ --un-bg-opacity:1;background-color:rgba(var(--color-primary-500),var(--un-bg-opacity));--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-offset-width:2px;--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-400),var(--un-ring-opacity));
1447
+ }[data-mode="dark"][data-style="shadcn"] [data-range-thumb]:focus-visible,[data-mode="dark"] [data-style="shadcn"] [data-range-thumb]:focus-visible{--un-bg-opacity:1;background-color:rgba(var(--color-primary-500),var(--un-bg-opacity));--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-600),var(--un-ring-opacity));}
1448
+
1449
+ /* =============================================================================
1450
+ Ticks
1451
+ ============================================================================= */
1452
+
1453
+ [data-style='shadcn'] [data-range-tick] {
1454
+ --un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
1455
+ }[data-mode="dark"][data-style="shadcn"] [data-range-tick],[data-mode="dark"] [data-style="shadcn"] [data-range-tick]{--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
1456
+
1457
+ [data-style='shadcn'] [data-tick-bar] {
1458
+ --un-border-opacity:1;border-color:rgba(var(--color-surface-300),var(--un-border-opacity));
1459
+ }[data-mode="dark"][data-style="shadcn"] [data-tick-bar],[data-mode="dark"] [data-style="shadcn"] [data-tick-bar]{--un-border-opacity:1;border-color:rgba(var(--color-surface-700),var(--un-border-opacity));}
1460
+
1461
+ [data-style='shadcn'] [data-tick-label] {
1462
+ --un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
1463
+ }[data-mode="dark"][data-style="shadcn"] [data-tick-label],[data-mode="dark"] [data-style="shadcn"] [data-tick-label]{--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
1464
+
1465
+ /* =============================================================================
1466
+ Disabled
1467
+ ============================================================================= */
1468
+
1469
+ [data-style='shadcn'] [data-range][data-disabled] [data-range-thumb] {
1470
+ --un-border-opacity:1;border-color:rgba(var(--color-surface-400),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));
1471
+ }[data-mode="dark"][data-style="shadcn"] [data-range][data-disabled] [data-range-thumb],[data-mode="dark"] [data-style="shadcn"] [data-range][data-disabled] [data-range-thumb]{--un-border-opacity:1;border-color:rgba(var(--color-surface-600),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-700),var(--un-bg-opacity));}
1472
+
1473
+ [data-style='shadcn'] [data-range][data-disabled] [data-range-selected] {
1474
+ --un-bg-opacity:1;background-color:rgba(var(--color-surface-400),var(--un-bg-opacity));
1475
+ }[data-mode="dark"][data-style="shadcn"] [data-range][data-disabled] [data-range-selected],[data-mode="dark"] [data-style="shadcn"] [data-range][data-disabled] [data-range-selected]{--un-bg-opacity:1;background-color:rgba(var(--color-surface-600),var(--un-bg-opacity));}
1476
+
1477
+ /**
1478
+ * Timeline - shadcn Theme Styles
1479
+ *
1480
+ * Clean timeline with primary accent on active/completed states.
1481
+ */
1482
+
1483
+ /* =============================================================================
1484
+ Circle
1485
+ ============================================================================= */
1486
+
1487
+ [data-style='shadcn'] [data-timeline-circle] {
1488
+ --un-border-opacity:1;border-color:rgba(var(--color-surface-300),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
1489
+ }[data-mode="dark"][data-style="shadcn"] [data-timeline-circle],[data-mode="dark"] [data-style="shadcn"] [data-timeline-circle]{--un-border-opacity:1;border-color:rgba(var(--color-surface-700),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
1490
+
1491
+ [data-style='shadcn'] [data-timeline-item][data-completed] [data-timeline-circle] {
1492
+ --un-border-opacity:1;border-color:rgba(var(--color-primary),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-primary),var(--un-text-opacity));
1493
+ }
1494
+
1495
+ [data-style='shadcn'] [data-timeline-item][data-active] [data-timeline-circle] {
1496
+ border-width:2px;--un-border-opacity:1;border-color:rgba(var(--color-primary),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-primary),var(--un-text-opacity));
1497
+ }
1498
+
1499
+ /* =============================================================================
1500
+ Connector
1501
+ ============================================================================= */
1502
+
1503
+ [data-style='shadcn'] [data-timeline-connector] {
1504
+ --un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));
1505
+ }[data-mode="dark"][data-style="shadcn"] [data-timeline-connector],[data-mode="dark"] [data-style="shadcn"] [data-timeline-connector]{--un-bg-opacity:1;background-color:rgba(var(--color-surface-700),var(--un-bg-opacity));}
1506
+
1507
+ [data-style='shadcn'] [data-timeline-item][data-completed] [data-timeline-connector] {
1508
+ --un-bg-opacity:1;background-color:rgba(var(--color-primary),var(--un-bg-opacity));
1509
+ }
1510
+
1511
+ /* =============================================================================
1512
+ Body
1513
+ ============================================================================= */
1514
+
1515
+ [data-style='shadcn'] [data-timeline-title] {
1516
+ --un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
1517
+ }[data-mode="dark"][data-style="shadcn"] [data-timeline-title],[data-mode="dark"] [data-style="shadcn"] [data-timeline-title]{--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
1518
+
1519
+ [data-style='shadcn'] [data-timeline-description] {
1520
+ --un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
1521
+ }[data-mode="dark"][data-style="shadcn"] [data-timeline-description],[data-mode="dark"] [data-style="shadcn"] [data-timeline-description]{--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
1522
+
1523
+ /**
1524
+ * FloatingNavigation - shadcn Theme Styles
1525
+ *
1526
+ * Rounded-md container with border, ring focus on items.
1527
+ */
1528
+
1529
+ /* =============================================================================
1530
+ Container
1531
+ ============================================================================= */
1532
+
1533
+ [data-style='shadcn'] [data-floating-nav] {
1534
+ border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-300),var(--un-border-opacity));border-radius:0.375rem;--un-bg-opacity:1;background-color:rgba(var(--color-surface-50),var(--un-bg-opacity));background-image:none;--un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
1535
+ }[data-mode="dark"][data-style="shadcn"] [data-floating-nav],[data-mode="dark"] [data-style="shadcn"] [data-floating-nav]{--un-border-opacity:1;border-color:rgba(var(--color-surface-700),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-950),var(--un-bg-opacity));}
1536
+
1537
+ /* =============================================================================
1538
+ Header
1539
+ ============================================================================= */
1540
+
1541
+ [data-style='shadcn'] [data-floating-nav-title] {
1542
+ --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
1543
+ }[data-mode="dark"][data-style="shadcn"] [data-floating-nav-title],[data-mode="dark"] [data-style="shadcn"] [data-floating-nav-title]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
1544
+
1545
+ [data-style='shadcn'] [data-floating-nav-pin] {
1546
+ --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
1547
+ }[data-mode="dark"][data-style="shadcn"] [data-floating-nav-pin],[data-mode="dark"] [data-style="shadcn"] [data-floating-nav-pin]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
1548
+
1549
+ [data-style='shadcn'] [data-floating-nav-pin]:hover {
1550
+ --un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
1551
+ }[data-mode="dark"][data-style="shadcn"] [data-floating-nav-pin]:hover,[data-mode="dark"] [data-style="shadcn"] [data-floating-nav-pin]:hover{--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
1552
+
1553
+ [data-style='shadcn'] [data-floating-nav-pin][aria-pressed='true'] {
1554
+ --un-text-opacity:1;color:rgba(var(--color-surface-900),var(--un-text-opacity));
1555
+ }[data-mode="dark"][data-style="shadcn"] [data-floating-nav-pin][aria-pressed="true"],[data-mode="dark"] [data-style="shadcn"] [data-floating-nav-pin][aria-pressed="true"]{--un-text-opacity:1;color:rgba(var(--color-surface-100),var(--un-text-opacity));}
1556
+
1557
+ /* =============================================================================
1558
+ Items
1559
+ ============================================================================= */
1560
+
1561
+ [data-style='shadcn'] [data-floating-nav-item] {
1562
+ border-radius:0.375rem;--un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
1563
+ }[data-mode="dark"][data-style="shadcn"] [data-floating-nav-item],[data-mode="dark"] [data-style="shadcn"] [data-floating-nav-item]{--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
1564
+
1565
+ [data-style='shadcn'] [data-floating-nav-item]:hover {
1566
+ --un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-900),var(--un-text-opacity));
1567
+ }[data-mode="dark"][data-style="shadcn"] [data-floating-nav-item]:hover,[data-mode="dark"] [data-style="shadcn"] [data-floating-nav-item]:hover{--un-bg-opacity:1;background-color:rgba(var(--color-surface-700),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-100),var(--un-text-opacity));}
1568
+
1569
+ [data-style='shadcn'] [data-floating-nav-item][data-active] {
1570
+ --un-bg-opacity:1;background-color:rgba(var(--color-primary-200),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-primary-800),var(--un-text-opacity));
1571
+ }[data-mode="dark"][data-style="shadcn"] [data-floating-nav-item][data-active],[data-mode="dark"] [data-style="shadcn"] [data-floating-nav-item][data-active]{--un-bg-opacity:1;background-color:rgba(var(--color-primary-800),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-200),var(--un-text-opacity));}
1572
+
1573
+ [data-style='shadcn'] [data-floating-nav-item]:focus-visible {
1574
+ outline:2px solid transparent;outline-offset:2px;--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-offset-width:2px;--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-400),var(--un-ring-opacity));
1575
+ }[data-mode="dark"][data-style="shadcn"] [data-floating-nav-item]:focus-visible,[data-mode="dark"] [data-style="shadcn"] [data-floating-nav-item]:focus-visible{--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-600),var(--un-ring-opacity));}
1576
+
1577
+ /* Icon */
1578
+ [data-style='shadcn'] [data-floating-nav-icon] {
1579
+ --un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
1580
+ }[data-mode="dark"][data-style="shadcn"] [data-floating-nav-icon],[data-mode="dark"] [data-style="shadcn"] [data-floating-nav-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
1581
+
1582
+ [data-style='shadcn'] [data-floating-nav-item][data-active] [data-floating-nav-icon] {
1583
+ --un-text-opacity:1;color:rgba(var(--color-primary-600),var(--un-text-opacity));
1584
+ }[data-mode="dark"][data-style="shadcn"] [data-floating-nav-item][data-active] [data-floating-nav-icon],[data-mode="dark"] [data-style="shadcn"] [data-floating-nav-item][data-active] [data-floating-nav-icon]{--un-text-opacity:1;color:rgba(var(--color-primary-400),var(--un-text-opacity));}
1585
+
1586
+ /* =============================================================================
1587
+ Active Indicator
1588
+ ============================================================================= */
1589
+
1590
+ [data-style='shadcn'] [data-floating-nav-indicator] {
1591
+ border-radius:9999px;--un-bg-opacity:1;background-color:rgba(var(--color-primary-500),var(--un-bg-opacity));background-image:none;
1592
+ }[data-mode="dark"][data-style="shadcn"] [data-floating-nav-indicator],[data-mode="dark"] [data-style="shadcn"] [data-floating-nav-indicator]{--un-bg-opacity:1;background-color:rgba(var(--color-primary-500),var(--un-bg-opacity));}
1593
+
1594
+ /**
1595
+ * Grid - shadcn Theme Styles
1596
+ *
1597
+ * Rounded-md tile borders, bg highlight on hover/focus/active.
1598
+ */
1599
+
1600
+ /* =============================================================================
1601
+ Grid Tiles
1602
+ ============================================================================= */
1603
+
1604
+ [data-style='shadcn'] [data-grid] [data-grid-item] {
1605
+ --un-border-opacity:1;border-color:rgba(var(--color-surface-300),var(--un-border-opacity));border-radius:0.375rem;--un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
1606
+ }[data-mode="dark"][data-style="shadcn"] [data-grid] [data-grid-item],[data-mode="dark"] [data-style="shadcn"] [data-grid] [data-grid-item]{--un-border-opacity:1;border-color:rgba(var(--color-surface-700),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
1607
+
1608
+ [data-style='shadcn'] [data-grid] [data-grid-item]:hover:not(:disabled):not([data-disabled]) {
1609
+ --un-border-opacity:1;border-color:rgba(var(--color-surface-400),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-900),var(--un-text-opacity));
1610
+ }[data-mode="dark"][data-style="shadcn"] [data-grid] [data-grid-item]:hover:not(:disabled):not([data-disabled]),[data-mode="dark"] [data-style="shadcn"] [data-grid] [data-grid-item]:hover:not(:disabled):not([data-disabled]){--un-border-opacity:1;border-color:rgba(var(--color-surface-600),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-800),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-100),var(--un-text-opacity));}
1611
+
1612
+ [data-style='shadcn'] [data-grid] [data-grid-item]:focus:not(:disabled):not([data-disabled]) {
1613
+ --un-border-opacity:1;border-color:rgba(var(--color-primary-400),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-900),var(--un-text-opacity));outline:2px solid transparent;outline-offset:2px;--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-offset-width:2px;--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-400),var(--un-ring-opacity));
1614
+ }[data-mode="dark"][data-style="shadcn"] [data-grid] [data-grid-item]:focus:not(:disabled):not([data-disabled]),[data-mode="dark"] [data-style="shadcn"] [data-grid] [data-grid-item]:focus:not(:disabled):not([data-disabled]){--un-border-opacity:1;border-color:rgba(var(--color-primary-600),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-800),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-100),var(--un-text-opacity));--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-600),var(--un-ring-opacity));}
1615
+
1616
+ /* Active / selected tile */
1617
+ [data-style='shadcn'] [data-grid] [data-grid-item][data-active] {
1618
+ --un-border-opacity:1;border-color:rgba(var(--color-primary-400),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-primary-200),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-800),var(--un-text-opacity));
1619
+ }[data-mode="dark"][data-style="shadcn"] [data-grid] [data-grid-item][data-active],[data-mode="dark"] [data-style="shadcn"] [data-grid] [data-grid-item][data-active]{--un-border-opacity:1;border-color:rgba(var(--color-primary-600),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-primary-800),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-200),var(--un-text-opacity));}
1620
+
1621
+ [data-style='shadcn'] [data-grid] [data-grid-item][data-active]:hover:not(:disabled) {
1622
+ --un-bg-opacity:1;background-color:rgba(var(--color-primary-300),var(--un-bg-opacity));
1623
+ }[data-mode="dark"][data-style="shadcn"] [data-grid] [data-grid-item][data-active]:hover:not(:disabled),[data-mode="dark"] [data-style="shadcn"] [data-grid] [data-grid-item][data-active]:hover:not(:disabled){--un-bg-opacity:1;background-color:rgba(var(--color-primary-700),var(--un-bg-opacity));}
1624
+
1625
+ /* =============================================================================
1626
+ Item Elements
1627
+ ============================================================================= */
1628
+
1629
+ [data-style='shadcn'] [data-grid] [data-grid-item] [data-item-icon] {
1630
+ --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
1631
+ }[data-mode="dark"][data-style="shadcn"] [data-grid] [data-grid-item] [data-item-icon],[data-mode="dark"] [data-style="shadcn"] [data-grid] [data-grid-item] [data-item-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
1632
+
1633
+ [data-style='shadcn'] [data-grid] [data-grid-item]:hover:not(:disabled) [data-item-icon] {
1634
+ --un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
1635
+ }[data-mode="dark"][data-style="shadcn"] [data-grid] [data-grid-item]:hover:not(:disabled) [data-item-icon],[data-mode="dark"] [data-style="shadcn"] [data-grid] [data-grid-item]:hover:not(:disabled) [data-item-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
1636
+
1637
+ [data-style='shadcn'] [data-grid] [data-grid-item][data-active] [data-item-icon] {
1638
+ --un-text-opacity:1;color:rgba(var(--color-primary-600),var(--un-text-opacity));
1639
+ }[data-mode="dark"][data-style="shadcn"] [data-grid] [data-grid-item][data-active] [data-item-icon],[data-mode="dark"] [data-style="shadcn"] [data-grid] [data-grid-item][data-active] [data-item-icon]{--un-text-opacity:1;color:rgba(var(--color-primary-400),var(--un-text-opacity));}
1640
+
1641
+ /**
1642
+ * UploadTarget - shadcn Theme Styles
1643
+ *
1644
+ * Rounded-md drop zone, ring focus, primary highlight on drag-over.
1645
+ */
1646
+
1647
+ /* =============================================================================
1648
+ Drop Zone
1649
+ ============================================================================= */
1650
+
1651
+ [data-style='shadcn'] [data-upload-target] {
1652
+ --un-border-opacity:1;border-color:rgba(var(--color-surface-300),var(--un-border-opacity));border-radius:0.375rem;--un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
1653
+ }[data-mode="dark"][data-style="shadcn"] [data-upload-target],[data-mode="dark"] [data-style="shadcn"] [data-upload-target]{--un-border-opacity:1;border-color:rgba(var(--color-surface-700),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
1654
+
1655
+ [data-style='shadcn'] [data-upload-target]:hover:not([data-disabled]) {
1656
+ --un-border-opacity:1;border-color:rgba(var(--color-surface-400),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
1657
+ }[data-mode="dark"][data-style="shadcn"] [data-upload-target]:hover:not([data-disabled]),[data-mode="dark"] [data-style="shadcn"] [data-upload-target]:hover:not([data-disabled]){--un-border-opacity:1;border-color:rgba(var(--color-surface-600),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-800),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
1658
+
1659
+ [data-style='shadcn'] [data-upload-target]:focus-visible:not([data-disabled]) {
1660
+ --un-border-opacity:1;border-color:rgba(var(--color-primary-400),var(--un-border-opacity));--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-offset-width:2px;--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-400),var(--un-ring-opacity));
1661
+ }[data-mode="dark"][data-style="shadcn"] [data-upload-target]:focus-visible:not([data-disabled]),[data-mode="dark"] [data-style="shadcn"] [data-upload-target]:focus-visible:not([data-disabled]){--un-border-opacity:1;border-color:rgba(var(--color-primary-600),var(--un-border-opacity));--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-600),var(--un-ring-opacity));}
1662
+
1663
+ /* Drag-over highlight */
1664
+ [data-style='shadcn'] [data-upload-target][data-dragging] {
1665
+ --un-border-opacity:1;border-color:rgba(var(--color-primary-400),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-primary-200),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-700),var(--un-text-opacity));
1666
+ }[data-mode="dark"][data-style="shadcn"] [data-upload-target][data-dragging],[data-mode="dark"] [data-style="shadcn"] [data-upload-target][data-dragging]{--un-border-opacity:1;border-color:rgba(var(--color-primary-600),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-primary-800),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-300),var(--un-text-opacity));}
1667
+
1668
+ /* =============================================================================
1669
+ Upload Icon
1670
+ ============================================================================= */
1671
+
1672
+ [data-style='shadcn'] [data-upload-target] [data-upload-icon] {
1673
+ --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
1674
+ }[data-mode="dark"][data-style="shadcn"] [data-upload-target] [data-upload-icon],[data-mode="dark"] [data-style="shadcn"] [data-upload-target] [data-upload-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
1675
+
1676
+ [data-style='shadcn'] [data-upload-target][data-dragging] [data-upload-icon] {
1677
+ --un-text-opacity:1;color:rgba(var(--color-primary-600),var(--un-text-opacity));
1678
+ }[data-mode="dark"][data-style="shadcn"] [data-upload-target][data-dragging] [data-upload-icon],[data-mode="dark"] [data-style="shadcn"] [data-upload-target][data-dragging] [data-upload-icon]{--un-text-opacity:1;color:rgba(var(--color-primary-400),var(--un-text-opacity));}
1679
+
1680
+ /* =============================================================================
1681
+ Browse Button
1682
+ ============================================================================= */
1683
+
1684
+ [data-style='shadcn'] [data-upload-target] [data-upload-button] {
1685
+ --un-border-opacity:1;border-color:rgba(var(--color-surface-300),var(--un-border-opacity));border-radius:0.375rem;--un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
1686
+ }[data-mode="dark"][data-style="shadcn"] [data-upload-target] [data-upload-button],[data-mode="dark"] [data-style="shadcn"] [data-upload-target] [data-upload-button]{--un-border-opacity:1;border-color:rgba(var(--color-surface-700),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
1687
+
1688
+ [data-style='shadcn'] [data-upload-target] [data-upload-button]:hover:not(:disabled) {
1689
+ --un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-900),var(--un-text-opacity));
1690
+ }[data-mode="dark"][data-style="shadcn"] [data-upload-target] [data-upload-button]:hover:not(:disabled),[data-mode="dark"] [data-style="shadcn"] [data-upload-target] [data-upload-button]:hover:not(:disabled){--un-bg-opacity:1;background-color:rgba(var(--color-surface-700),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-100),var(--un-text-opacity));}
1691
+
1692
+ /**
1693
+ * UploadProgress - shadcn Theme Styles
1694
+ *
1695
+ * Status colors, solid primary progress fill, action buttons.
1696
+ */
1697
+
1698
+ /* =============================================================================
1699
+ Header
1700
+ ============================================================================= */
1701
+
1702
+ [data-style='shadcn'] [data-upload-header] {
1703
+ --un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
1704
+ }[data-mode="dark"][data-style="shadcn"] [data-upload-header],[data-mode="dark"] [data-style="shadcn"] [data-upload-header]{--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
1705
+
1706
+ [data-style='shadcn'] [data-upload-clear] {
1707
+ --un-border-opacity:1;border-color:rgba(var(--color-surface-300),var(--un-border-opacity));border-radius:0.375rem;--un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
1708
+ }[data-mode="dark"][data-style="shadcn"] [data-upload-clear],[data-mode="dark"] [data-style="shadcn"] [data-upload-clear]{--un-border-opacity:1;border-color:rgba(var(--color-surface-700),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
1709
+
1710
+ [data-style='shadcn'] [data-upload-clear]:hover {
1711
+ --un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-900),var(--un-text-opacity));
1712
+ }[data-mode="dark"][data-style="shadcn"] [data-upload-clear]:hover,[data-mode="dark"] [data-style="shadcn"] [data-upload-clear]:hover{--un-bg-opacity:1;background-color:rgba(var(--color-surface-700),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-100),var(--un-text-opacity));}
1713
+
1714
+ /* =============================================================================
1715
+ File Rows
1716
+ ============================================================================= */
1717
+
1718
+ [data-style='shadcn'] [data-upload-file-status] {
1719
+ border-radius:0.375rem;--un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
1720
+ }[data-mode="dark"][data-style="shadcn"] [data-upload-file-status],[data-mode="dark"] [data-style="shadcn"] [data-upload-file-status]{--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
1721
+
1722
+ [data-style='shadcn'] [data-upload-file-status]:hover {
1723
+ --un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));
1724
+ }[data-mode="dark"][data-style="shadcn"] [data-upload-file-status]:hover,[data-mode="dark"] [data-style="shadcn"] [data-upload-file-status]:hover{--un-bg-opacity:1;background-color:rgba(var(--color-surface-800),var(--un-bg-opacity));}
1725
+
1726
+ /* =============================================================================
1727
+ File Elements
1728
+ ============================================================================= */
1729
+
1730
+ [data-style='shadcn'] [data-upload-file-icon] {
1731
+ --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
1732
+ }[data-mode="dark"][data-style="shadcn"] [data-upload-file-icon],[data-mode="dark"] [data-style="shadcn"] [data-upload-file-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
1733
+
1734
+ [data-style='shadcn'] [data-upload-file-size] {
1735
+ --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
1736
+ }[data-mode="dark"][data-style="shadcn"] [data-upload-file-size],[data-mode="dark"] [data-style="shadcn"] [data-upload-file-size]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
1737
+
1738
+ /* =============================================================================
1739
+ Progress Bar
1740
+ ============================================================================= */
1741
+
1742
+ [data-style='shadcn'] [data-upload-bar] {
1743
+ border-radius:9999px;--un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));
1744
+ }[data-mode="dark"][data-style="shadcn"] [data-upload-bar],[data-mode="dark"] [data-style="shadcn"] [data-upload-bar]{--un-bg-opacity:1;background-color:rgba(var(--color-surface-700),var(--un-bg-opacity));}
1745
+
1746
+ [data-style='shadcn'] [data-upload-fill] {
1747
+ border-radius:9999px;--un-bg-opacity:1;background-color:rgba(var(--color-primary-500),var(--un-bg-opacity));background-image:none;
1748
+ }[data-mode="dark"][data-style="shadcn"] [data-upload-fill],[data-mode="dark"] [data-style="shadcn"] [data-upload-fill]{--un-bg-opacity:1;background-color:rgba(var(--color-primary-500),var(--un-bg-opacity));}
1749
+
1750
+ /* =============================================================================
1751
+ Status Colors
1752
+ ============================================================================= */
1753
+
1754
+ [data-style='shadcn'] [data-upload-file-status][data-status='uploading'] [data-upload-status] {
1755
+ --un-text-opacity:1;color:rgba(var(--color-primary-600),var(--un-text-opacity));
1756
+ }[data-mode="dark"][data-style="shadcn"] [data-upload-file-status][data-status="uploading"] [data-upload-status],[data-mode="dark"] [data-style="shadcn"] [data-upload-file-status][data-status="uploading"] [data-upload-status]{--un-text-opacity:1;color:rgba(var(--color-primary-400),var(--un-text-opacity));}
1757
+
1758
+ [data-style='shadcn'] [data-upload-file-status][data-status='done'] [data-upload-status] {
1759
+ --un-text-opacity:1;color:rgb(34 197 94 / var(--un-text-opacity));
1760
+ }
1761
+
1762
+ [data-style='shadcn'] [data-upload-file-status][data-status='error'] [data-upload-status] {
1763
+ --un-text-opacity:1;color:rgb(239 68 68 / var(--un-text-opacity));
1764
+ }
1765
+
1766
+ [data-style='shadcn'] [data-upload-file-status][data-status='pending'] [data-upload-status] {
1767
+ --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
1768
+ }[data-mode="dark"][data-style="shadcn"] [data-upload-file-status][data-status="pending"] [data-upload-status],[data-mode="dark"] [data-style="shadcn"] [data-upload-file-status][data-status="pending"] [data-upload-status]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
1769
+
1770
+ /* Status-based file icon tinting */
1771
+ [data-style='shadcn'] [data-upload-file-status][data-status='done'] [data-upload-file-icon] {
1772
+ --un-text-opacity:1;color:rgb(34 197 94 / var(--un-text-opacity));
1773
+ }
1774
+
1775
+ [data-style='shadcn'] [data-upload-file-status][data-status='error'] [data-upload-file-icon] {
1776
+ --un-text-opacity:1;color:rgb(239 68 68 / var(--un-text-opacity));
1777
+ }
1778
+
1779
+ /* =============================================================================
1780
+ Action Buttons
1781
+ ============================================================================= */
1782
+
1783
+ [data-style='shadcn'] [data-upload-actions] button {
1784
+ --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
1785
+ }[data-mode="dark"][data-style="shadcn"] [data-upload-actions] button,[data-mode="dark"] [data-style="shadcn"] [data-upload-actions] button{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
1786
+
1787
+ [data-style='shadcn'] [data-upload-actions] button:hover {
1788
+ --un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-900),var(--un-text-opacity));
1789
+ }[data-mode="dark"][data-style="shadcn"] [data-upload-actions] button:hover,[data-mode="dark"] [data-style="shadcn"] [data-upload-actions] button:hover{--un-bg-opacity:1;background-color:rgba(var(--color-surface-700),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-100),var(--un-text-opacity));}
1790
+
1791
+ [data-style='shadcn'] [data-upload-file-status][data-status='error'] [data-upload-retry]:hover {
1792
+ --un-text-opacity:1;color:rgba(var(--color-primary-700),var(--un-text-opacity));
1793
+ }[data-mode="dark"][data-style="shadcn"] [data-upload-file-status][data-status="error"] [data-upload-retry]:hover,[data-mode="dark"] [data-style="shadcn"] [data-upload-file-status][data-status="error"] [data-upload-retry]:hover{--un-text-opacity:1;color:rgba(var(--color-primary-300),var(--un-text-opacity));}
1794
+
1795
+ /**
1796
+ * TableOfContents - shadcn Theme Styles
1797
+ */
1798
+
1799
+ [data-style='shadcn'] [data-toc] [data-toc-label] {
1800
+ --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
1801
+ }[data-mode="dark"][data-style="shadcn"] [data-toc] [data-toc-label],[data-mode="dark"] [data-style="shadcn"] [data-toc] [data-toc-label]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
1802
+
1803
+ [data-style='shadcn'] [data-toc] [data-toc-item] {
1804
+ border-radius:0.375rem;--un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
1805
+ }[data-mode="dark"][data-style="shadcn"] [data-toc] [data-toc-item],[data-mode="dark"] [data-style="shadcn"] [data-toc] [data-toc-item]{--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
1806
+
1807
+ [data-style='shadcn'] [data-toc] [data-toc-item]:hover,
1808
+ [data-style='shadcn'] [data-toc] [data-toc-item][data-toc-focused] {
1809
+ --un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-900),var(--un-text-opacity));outline:2px solid transparent;outline-offset:2px;
1810
+ }[data-mode="dark"][data-style="shadcn"] [data-toc] [data-toc-item]:hover,[data-mode="dark"] [data-style="shadcn"] [data-toc] [data-toc-item]:hover,[data-mode="dark"][data-style="shadcn"] [data-toc] [data-toc-item][data-toc-focused],[data-mode="dark"] [data-style="shadcn"] [data-toc] [data-toc-item][data-toc-focused]{--un-bg-opacity:1;background-color:rgba(var(--color-surface-700),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-100),var(--un-text-opacity));}
1811
+
1812
+ [data-style='shadcn'] [data-toc] [data-toc-item][data-toc-active] {
1813
+ --un-bg-opacity:1;background-color:rgba(var(--color-primary-200),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-primary-700),var(--un-text-opacity));
1814
+ }[data-mode="dark"][data-style="shadcn"] [data-toc] [data-toc-item][data-toc-active],[data-mode="dark"] [data-style="shadcn"] [data-toc] [data-toc-item][data-toc-active]{--un-bg-opacity:1;background-color:rgba(var(--color-primary-800),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-300),var(--un-text-opacity));}
1815
+
1816
+ /**
1817
+ * Card - shadcn Theme Styles
1818
+ *
1819
+ * Rounded-md cards with border. No shadow by default — ring focus on interactive.
1820
+ */
1821
+
1822
+ /* =============================================================================
1823
+ Base Card Styles
1824
+ ============================================================================= */
1825
+
1826
+ [data-style='shadcn'] [data-card] {
1827
+ border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-300),var(--un-border-opacity));border-radius:0.375rem;--un-bg-opacity:1;background-color:rgba(var(--color-surface-50),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-900),var(--un-text-opacity));
1828
+ }[data-mode="dark"][data-style="shadcn"] [data-card],[data-mode="dark"] [data-style="shadcn"] [data-card]{--un-border-opacity:1;border-color:rgba(var(--color-surface-700),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-950),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-100),var(--un-text-opacity));}
1829
+
1830
+ /* Interactive cards */
1831
+ [data-style='shadcn'] [data-card][data-card-interactive] {
1832
+ cursor: pointer;
1833
+ transition:
1834
+ border-color 0.2s ease,
1835
+ box-shadow 0.2s ease;
1836
+ }
1837
+
1838
+ [data-style='shadcn'] [data-card][data-card-interactive]:hover {
1839
+ --un-border-opacity:1;border-color:rgba(var(--color-surface-500),var(--un-border-opacity));--un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
1840
+ }[data-mode="dark"][data-style="shadcn"] [data-card][data-card-interactive]:hover,[data-mode="dark"] [data-style="shadcn"] [data-card][data-card-interactive]:hover{--un-border-opacity:1;border-color:rgba(var(--color-surface-500),var(--un-border-opacity));}
1841
+
1842
+ [data-style='shadcn'] [data-card][data-card-interactive]:active {
1843
+ --un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));
1844
+ }[data-mode="dark"][data-style="shadcn"] [data-card][data-card-interactive]:active,[data-mode="dark"] [data-style="shadcn"] [data-card][data-card-interactive]:active{--un-bg-opacity:1;background-color:rgba(var(--color-surface-800),var(--un-bg-opacity));}
1845
+
1846
+ /* =============================================================================
1847
+ Card Sections
1848
+ ============================================================================= */
1849
+
1850
+ [data-style='shadcn'] [data-card-header] {
1851
+ border-bottom-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-300),var(--un-border-opacity));
1852
+ }[data-mode="dark"][data-style="shadcn"] [data-card-header],[data-mode="dark"] [data-style="shadcn"] [data-card-header]{--un-border-opacity:1;border-color:rgba(var(--color-surface-700),var(--un-border-opacity));}
1853
+
1854
+ [data-style='shadcn'] [data-card-body] {
1855
+ --un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
1856
+ }[data-mode="dark"][data-style="shadcn"] [data-card-body],[data-mode="dark"] [data-style="shadcn"] [data-card-body]{--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
1857
+
1858
+ [data-style='shadcn'] [data-card-footer] {
1859
+ border-top-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-300),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
1860
+ }[data-mode="dark"][data-style="shadcn"] [data-card-footer],[data-mode="dark"] [data-style="shadcn"] [data-card-footer]{--un-border-opacity:1;border-color:rgba(var(--color-surface-700),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
1861
+
1862
+ /* =============================================================================
1863
+ Focus States
1864
+ ============================================================================= */
1865
+
1866
+ [data-style='shadcn'] [data-card][data-card-interactive]:focus-visible {
1867
+ outline:2px solid transparent;outline-offset:2px;--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-offset-width:2px;--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-400),var(--un-ring-opacity));
1868
+ }[data-mode="dark"][data-style="shadcn"] [data-card][data-card-interactive]:focus-visible,[data-mode="dark"] [data-style="shadcn"] [data-card][data-card-interactive]:focus-visible{--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-600),var(--un-ring-opacity));}
1869
+
1870
+ /* =============================================================================
1871
+ Disabled State
1872
+ ============================================================================= */
1873
+
1874
+ [data-style='shadcn'] [data-card][data-card-interactive][data-disabled],
1875
+ [data-style='shadcn'] [data-card][data-card-interactive]:disabled {
1876
+ cursor:not-allowed;opacity:0.5;
1877
+ }
1878
+
1879
+ /* =============================================================================
1880
+ Variants
1881
+ ============================================================================= */
1882
+
1883
+ /* Primary — solid primary fill */
1884
+ [data-style='shadcn'] [data-card][data-variant='primary'] {
1885
+ border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-primary-600),var(--un-border-opacity));border-radius:0.375rem;--un-bg-opacity:1;background-color:rgba(var(--color-primary-500),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-50),var(--un-text-opacity));
1886
+ }[data-mode="dark"][data-style="shadcn"] [data-card][data-variant="primary"],[data-mode="dark"] [data-style="shadcn"] [data-card][data-variant="primary"]{--un-border-opacity:1;border-color:rgba(var(--color-primary-400),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-primary-500),var(--un-bg-opacity));}
1887
+
1888
+ [data-style='shadcn'] [data-card][data-variant='primary'] [data-card-header],
1889
+ [data-style='shadcn'] [data-card][data-variant='primary'] [data-card-footer] {
1890
+ border-color:rgba(var(--color-primary-400),0.4);
1891
+ }[data-mode="dark"][data-style="shadcn"] [data-card][data-variant="primary"] [data-card-header],[data-mode="dark"] [data-style="shadcn"] [data-card][data-variant="primary"] [data-card-header],[data-mode="dark"][data-style="shadcn"] [data-card][data-variant="primary"] [data-card-footer],[data-mode="dark"] [data-style="shadcn"] [data-card][data-variant="primary"] [data-card-footer]{border-color:rgba(var(--color-primary-600),0.4);}
1892
+
1893
+ [data-style='shadcn'] [data-card][data-variant='primary'] [data-card-body] {
1894
+ @apply text-on-primary/80;
1895
+ }
1896
+
1897
+ /* Secondary — solid secondary fill */
1898
+ [data-style='shadcn'] [data-card][data-variant='secondary'] {
1899
+ border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-secondary-500),var(--un-border-opacity));border-radius:0.375rem;--un-bg-opacity:1;background-color:rgba(var(--color-secondary-400),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-50),var(--un-text-opacity));
1900
+ }[data-mode="dark"][data-style="shadcn"] [data-card][data-variant="secondary"],[data-mode="dark"] [data-style="shadcn"] [data-card][data-variant="secondary"]{--un-border-opacity:1;border-color:rgba(var(--color-secondary-500),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-secondary-600),var(--un-bg-opacity));}
1901
+
1902
+ [data-style='shadcn'] [data-card][data-variant='secondary'] [data-card-header],
1903
+ [data-style='shadcn'] [data-card][data-variant='secondary'] [data-card-footer] {
1904
+ border-color:rgba(var(--color-secondary-300),0.4);
1905
+ }[data-mode="dark"][data-style="shadcn"] [data-card][data-variant="secondary"] [data-card-header],[data-mode="dark"] [data-style="shadcn"] [data-card][data-variant="secondary"] [data-card-header],[data-mode="dark"][data-style="shadcn"] [data-card][data-variant="secondary"] [data-card-footer],[data-mode="dark"] [data-style="shadcn"] [data-card][data-variant="secondary"] [data-card-footer]{border-color:rgba(var(--color-secondary-700),0.4);}
1906
+
1907
+ [data-style='shadcn'] [data-card][data-variant='secondary'] [data-card-body] {
1908
+ @apply text-on-secondary/80;
1909
+ }
1910
+
1911
+ /* Tertiary — recessed surface */
1912
+ [data-style='shadcn'] [data-card][data-variant='tertiary'] {
1913
+ border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-300),var(--un-border-opacity));border-radius:0.375rem;--un-bg-opacity:1;background-color:rgba(var(--color-surface-100),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
1914
+ }[data-mode="dark"][data-style="shadcn"] [data-card][data-variant="tertiary"],[data-mode="dark"] [data-style="shadcn"] [data-card][data-variant="tertiary"]{--un-border-opacity:1;border-color:rgba(var(--color-surface-700),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-900),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
1915
+
1916
+ /**
1917
+ * Message - shadcn Theme Styles
1918
+ */
1919
+
1920
+ [data-style='shadcn'] [data-message-root][data-type='error'] {
1921
+ --un-border-opacity:1;border-color:rgba(var(--color-error-300),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-error-100),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-error-800),var(--un-text-opacity));
1922
+ }[data-mode="dark"][data-style="shadcn"] [data-message-root][data-type="error"],[data-mode="dark"] [data-style="shadcn"] [data-message-root][data-type="error"]{--un-border-opacity:1;border-color:rgba(var(--color-error-700),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-error-900),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-error-200),var(--un-text-opacity));}
1923
+ [data-style='shadcn'] [data-message-root][data-type='error'] [data-message-icon],
1924
+ [data-style='shadcn'] [data-message-root][data-type='error'] [data-message-dismiss] {
1925
+ --un-text-opacity:1;color:rgba(var(--color-error-500),var(--un-text-opacity));
1926
+ }[data-mode="dark"][data-style="shadcn"] [data-message-root][data-type="error"] [data-message-icon],[data-mode="dark"] [data-style="shadcn"] [data-message-root][data-type="error"] [data-message-icon],[data-mode="dark"][data-style="shadcn"] [data-message-root][data-type="error"] [data-message-dismiss],[data-mode="dark"] [data-style="shadcn"] [data-message-root][data-type="error"] [data-message-dismiss]{--un-text-opacity:1;color:rgba(var(--color-error-500),var(--un-text-opacity));}
1927
+
1928
+ [data-style='shadcn'] [data-message-root][data-type='warning'] {
1929
+ --un-border-opacity:1;border-color:rgba(var(--color-warning-300),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-warning-100),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-warning-800),var(--un-text-opacity));
1930
+ }[data-mode="dark"][data-style="shadcn"] [data-message-root][data-type="warning"],[data-mode="dark"] [data-style="shadcn"] [data-message-root][data-type="warning"]{--un-border-opacity:1;border-color:rgba(var(--color-warning-700),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-warning-900),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-warning-200),var(--un-text-opacity));}
1931
+ [data-style='shadcn'] [data-message-root][data-type='warning'] [data-message-icon],
1932
+ [data-style='shadcn'] [data-message-root][data-type='warning'] [data-message-dismiss] {
1933
+ --un-text-opacity:1;color:rgba(var(--color-warning-500),var(--un-text-opacity));
1934
+ }[data-mode="dark"][data-style="shadcn"] [data-message-root][data-type="warning"] [data-message-icon],[data-mode="dark"] [data-style="shadcn"] [data-message-root][data-type="warning"] [data-message-icon],[data-mode="dark"][data-style="shadcn"] [data-message-root][data-type="warning"] [data-message-dismiss],[data-mode="dark"] [data-style="shadcn"] [data-message-root][data-type="warning"] [data-message-dismiss]{--un-text-opacity:1;color:rgba(var(--color-warning-500),var(--un-text-opacity));}
1935
+
1936
+ [data-style='shadcn'] [data-message-root][data-type='info'] {
1937
+ --un-border-opacity:1;border-color:rgba(var(--color-info-300),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-info-100),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-info-800),var(--un-text-opacity));
1938
+ }[data-mode="dark"][data-style="shadcn"] [data-message-root][data-type="info"],[data-mode="dark"] [data-style="shadcn"] [data-message-root][data-type="info"]{--un-border-opacity:1;border-color:rgba(var(--color-info-700),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-info-900),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-info-200),var(--un-text-opacity));}
1939
+ [data-style='shadcn'] [data-message-root][data-type='info'] [data-message-icon],
1940
+ [data-style='shadcn'] [data-message-root][data-type='info'] [data-message-dismiss] {
1941
+ --un-text-opacity:1;color:rgba(var(--color-info-500),var(--un-text-opacity));
1942
+ }[data-mode="dark"][data-style="shadcn"] [data-message-root][data-type="info"] [data-message-icon],[data-mode="dark"] [data-style="shadcn"] [data-message-root][data-type="info"] [data-message-icon],[data-mode="dark"][data-style="shadcn"] [data-message-root][data-type="info"] [data-message-dismiss],[data-mode="dark"] [data-style="shadcn"] [data-message-root][data-type="info"] [data-message-dismiss]{--un-text-opacity:1;color:rgba(var(--color-info-500),var(--un-text-opacity));}
1943
+
1944
+ [data-style='shadcn'] [data-message-root][data-type='success'] {
1945
+ --un-border-opacity:1;border-color:rgba(var(--color-success-300),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-success-100),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-success-800),var(--un-text-opacity));
1946
+ }[data-mode="dark"][data-style="shadcn"] [data-message-root][data-type="success"],[data-mode="dark"] [data-style="shadcn"] [data-message-root][data-type="success"]{--un-border-opacity:1;border-color:rgba(var(--color-success-700),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-success-900),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-success-200),var(--un-text-opacity));}
1947
+ [data-style='shadcn'] [data-message-root][data-type='success'] [data-message-icon],
1948
+ [data-style='shadcn'] [data-message-root][data-type='success'] [data-message-dismiss] {
1949
+ --un-text-opacity:1;color:rgba(var(--color-success-500),var(--un-text-opacity));
1950
+ }[data-mode="dark"][data-style="shadcn"] [data-message-root][data-type="success"] [data-message-icon],[data-mode="dark"] [data-style="shadcn"] [data-message-root][data-type="success"] [data-message-icon],[data-mode="dark"][data-style="shadcn"] [data-message-root][data-type="success"] [data-message-dismiss],[data-mode="dark"] [data-style="shadcn"] [data-message-root][data-type="success"] [data-message-dismiss]{--un-text-opacity:1;color:rgba(var(--color-success-500),var(--un-text-opacity));}
1951
+
1952
+ /**
1953
+ * StatusList - shadcn Theme Styles
1954
+ */
1955
+
1956
+ /* ── @rokkit/ui StatusList: icon and text colors by status ── */
1957
+
1958
+ [data-style='shadcn'] [data-status-item][data-status='pass'] span {
1959
+ --un-text-opacity:1;color:rgba(var(--color-success-500),var(--un-text-opacity));
1960
+ }[data-mode="dark"][data-style="shadcn"] [data-status-item][data-status="pass"] span,[data-mode="dark"] [data-style="shadcn"] [data-status-item][data-status="pass"] span{--un-text-opacity:1;color:rgba(var(--color-success-500),var(--un-text-opacity));}
1961
+ [data-style='shadcn'] [data-status-item][data-status='fail'] span {
1962
+ --un-text-opacity:1;color:rgba(var(--color-error-500),var(--un-text-opacity));
1963
+ }[data-mode="dark"][data-style="shadcn"] [data-status-item][data-status="fail"] span,[data-mode="dark"] [data-style="shadcn"] [data-status-item][data-status="fail"] span{--un-text-opacity:1;color:rgba(var(--color-error-500),var(--un-text-opacity));}
1964
+ [data-style='shadcn'] [data-status-item][data-status='warn'] span {
1965
+ --un-text-opacity:1;color:rgba(var(--color-warning-500),var(--un-text-opacity));
1966
+ }[data-mode="dark"][data-style="shadcn"] [data-status-item][data-status="warn"] span,[data-mode="dark"] [data-style="shadcn"] [data-status-item][data-status="warn"] span{--un-text-opacity:1;color:rgba(var(--color-warning-500),var(--un-text-opacity));}
1967
+ [data-style='shadcn'] [data-status-item][data-status='unknown'] span {
1968
+ --un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));
1969
+ }[data-mode="dark"][data-style="shadcn"] [data-status-item][data-status="unknown"] span,[data-mode="dark"] [data-style="shadcn"] [data-status-item][data-status="unknown"] span{--un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));}
1970
+
1971
+ [data-style='shadcn'] [data-status-item][data-status='pass'] {
1972
+ --un-text-opacity:1;color:rgba(var(--color-success-700),var(--un-text-opacity));
1973
+ }[data-mode="dark"][data-style="shadcn"] [data-status-item][data-status="pass"],[data-mode="dark"] [data-style="shadcn"] [data-status-item][data-status="pass"]{--un-text-opacity:1;color:rgba(var(--color-success-300),var(--un-text-opacity));}
1974
+ [data-style='shadcn'] [data-status-item][data-status='fail'] {
1975
+ --un-text-opacity:1;color:rgba(var(--color-error-700),var(--un-text-opacity));
1976
+ }[data-mode="dark"][data-style="shadcn"] [data-status-item][data-status="fail"],[data-mode="dark"] [data-style="shadcn"] [data-status-item][data-status="fail"]{--un-text-opacity:1;color:rgba(var(--color-error-300),var(--un-text-opacity));}
1977
+ [data-style='shadcn'] [data-status-item][data-status='warn'] {
1978
+ --un-text-opacity:1;color:rgba(var(--color-warning-700),var(--un-text-opacity));
1979
+ }[data-mode="dark"][data-style="shadcn"] [data-status-item][data-status="warn"],[data-mode="dark"] [data-style="shadcn"] [data-status-item][data-status="warn"]{--un-text-opacity:1;color:rgba(var(--color-warning-300),var(--un-text-opacity));}
1980
+ [data-style='shadcn'] [data-status-item][data-status='unknown'] {
1981
+ --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
1982
+ }[data-mode="dark"][data-style="shadcn"] [data-status-item][data-status="unknown"],[data-mode="dark"] [data-style="shadcn"] [data-status-item][data-status="unknown"]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
1983
+
1984
+ /* ── @rokkit/forms StatusList: group headers by severity ── */
1985
+
1986
+ [data-style='shadcn'] [data-status-group][data-severity='error'] [data-status-header] {
1987
+ --un-text-opacity:1;color:rgba(var(--color-error-500),var(--un-text-opacity));
1988
+ }[data-mode="dark"][data-style="shadcn"] [data-status-group][data-severity="error"] [data-status-header],[data-mode="dark"] [data-style="shadcn"] [data-status-group][data-severity="error"] [data-status-header]{--un-text-opacity:1;color:rgba(var(--color-error-500),var(--un-text-opacity));}
1989
+ [data-style='shadcn'] [data-status-group][data-severity='warning'] [data-status-header] {
1990
+ --un-text-opacity:1;color:rgba(var(--color-warning-500),var(--un-text-opacity));
1991
+ }[data-mode="dark"][data-style="shadcn"] [data-status-group][data-severity="warning"] [data-status-header],[data-mode="dark"] [data-style="shadcn"] [data-status-group][data-severity="warning"] [data-status-header]{--un-text-opacity:1;color:rgba(var(--color-warning-500),var(--un-text-opacity));}
1992
+ [data-style='shadcn'] [data-status-group][data-severity='info'] [data-status-header] {
1993
+ --un-text-opacity:1;color:rgba(var(--color-info-500),var(--un-text-opacity));
1994
+ }[data-mode="dark"][data-style="shadcn"] [data-status-group][data-severity="info"] [data-status-header],[data-mode="dark"] [data-style="shadcn"] [data-status-group][data-severity="info"] [data-status-header]{--un-text-opacity:1;color:rgba(var(--color-info-500),var(--un-text-opacity));}
1995
+ [data-style='shadcn'] [data-status-group][data-severity='success'] [data-status-header] {
1996
+ --un-text-opacity:1;color:rgba(var(--color-success-500),var(--un-text-opacity));
1997
+ }[data-mode="dark"][data-style="shadcn"] [data-status-group][data-severity="success"] [data-status-header],[data-mode="dark"] [data-style="shadcn"] [data-status-group][data-severity="success"] [data-status-header]{--un-text-opacity:1;color:rgba(var(--color-success-500),var(--un-text-opacity));}
1998
+
1999
+ /* ── @rokkit/forms StatusList: item colors ── */
2000
+
2001
+ [data-style='shadcn'] [data-status-item][data-status='error'] {
2002
+ --un-text-opacity:1;color:rgba(var(--color-error-700),var(--un-text-opacity));
2003
+ }[data-mode="dark"][data-style="shadcn"] [data-status-item][data-status="error"],[data-mode="dark"] [data-style="shadcn"] [data-status-item][data-status="error"]{--un-text-opacity:1;color:rgba(var(--color-error-300),var(--un-text-opacity));}
2004
+ [data-style='shadcn'] [data-status-item][data-status='warning'] {
2005
+ --un-text-opacity:1;color:rgba(var(--color-warning-700),var(--un-text-opacity));
2006
+ }[data-mode="dark"][data-style="shadcn"] [data-status-item][data-status="warning"],[data-mode="dark"] [data-style="shadcn"] [data-status-item][data-status="warning"]{--un-text-opacity:1;color:rgba(var(--color-warning-300),var(--un-text-opacity));}
2007
+ [data-style='shadcn'] [data-status-item][data-status='info'] {
2008
+ --un-text-opacity:1;color:rgba(var(--color-info-700),var(--un-text-opacity));
2009
+ }[data-mode="dark"][data-style="shadcn"] [data-status-item][data-status="info"],[data-mode="dark"] [data-style="shadcn"] [data-status-item][data-status="info"]{--un-text-opacity:1;color:rgba(var(--color-info-300),var(--un-text-opacity));}
2010
+ [data-style='shadcn'] [data-status-item][data-status='success'] {
2011
+ --un-text-opacity:1;color:rgba(var(--color-success-700),var(--un-text-opacity));
2012
+ }[data-mode="dark"][data-style="shadcn"] [data-status-item][data-status="success"],[data-mode="dark"] [data-style="shadcn"] [data-status-item][data-status="success"]{--un-text-opacity:1;color:rgba(var(--color-success-300),var(--un-text-opacity));}
2013
+
2014
+ /* Count badge */
2015
+ [data-style='shadcn'] [data-status-count] {
2016
+ background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));font-weight:600;
2017
+ }[data-mode="dark"][data-style="shadcn"] [data-status-count],[data-mode="dark"] [data-style="shadcn"] [data-status-count]{--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
2018
+
2019
+ /**
2020
+ * Chart - shadcn Theme Styles
2021
+ */
2022
+
2023
+ [data-style='shadcn'] [data-chart-axis-line],
2024
+ [data-style='shadcn'] [data-chart-tick] line {
2025
+ --un-stroke-opacity:1;stroke:rgba(var(--color-surface-300),var(--un-stroke-opacity));
2026
+ }[data-mode="dark"][data-style="shadcn"] [data-chart-axis-line],[data-mode="dark"] [data-style="shadcn"] [data-chart-axis-line],[data-mode="dark"][data-style="shadcn"] [data-chart-tick] line,[data-mode="dark"] [data-style="shadcn"] [data-chart-tick] line{--un-stroke-opacity:1;stroke:rgba(var(--color-surface-700),var(--un-stroke-opacity));}
2027
+
2028
+ [data-style='shadcn'] [data-chart-tick-label] {
2029
+ --un-fill-opacity:1;fill:rgba(var(--color-surface-500),var(--un-fill-opacity));
2030
+ }[data-mode="dark"][data-style="shadcn"] [data-chart-tick-label],[data-mode="dark"] [data-style="shadcn"] [data-chart-tick-label]{--un-fill-opacity:1;fill:rgba(var(--color-surface-500),var(--un-fill-opacity));}
2031
+
2032
+ [data-style='shadcn'] [data-chart-grid-line] {
2033
+ --un-stroke-opacity:1;stroke:rgba(var(--color-surface-300),var(--un-stroke-opacity));
2034
+ stroke-opacity: 0.5;
2035
+ stroke-dasharray: 2 4;
2036
+ }[data-mode="dark"][data-style="shadcn"] [data-chart-grid-line],[data-mode="dark"] [data-style="shadcn"] [data-chart-grid-line]{--un-stroke-opacity:1;stroke:rgba(var(--color-surface-700),var(--un-stroke-opacity));}
2037
+
2038
+ [data-style='shadcn'] [data-chart-legend-label] {
2039
+ --un-fill-opacity:1;fill:rgba(var(--color-surface-500),var(--un-fill-opacity));
2040
+ }[data-mode="dark"][data-style="shadcn"] [data-chart-legend-label],[data-mode="dark"] [data-style="shadcn"] [data-chart-legend-label]{--un-fill-opacity:1;fill:rgba(var(--color-surface-500),var(--un-fill-opacity));}
2041
+
2042
+ [data-style='shadcn'] [data-chart-legend-item]:hover {
2043
+ --un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
2044
+ }[data-mode="dark"][data-style="shadcn"] [data-chart-legend-item]:hover,[data-mode="dark"] [data-style="shadcn"] [data-chart-legend-item]:hover{--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
2045
+
2046
+ [data-style='shadcn'] [data-plot-element="bar"][data-dimmed],
2047
+ [data-style='shadcn'] [data-plot-element="point"][data-dimmed],
2048
+ [data-style='shadcn'] [data-plot-element="arc"][data-dimmed],
2049
+ [data-style='shadcn'] [data-plot-element="line"][data-dimmed],
2050
+ [data-style='shadcn'] [data-plot-element="area"][data-dimmed] {
2051
+ opacity: 0.15;
2052
+ }
2053
+