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

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
@@ -0,0 +1,2072 @@
1
+ /**
2
+ * @rokkit/themes - Carbon Theme
3
+ *
4
+ * IBM Carbon Design System inspired. Flat, structured, zero border-radius.
5
+ * Use with data-style="carbon" wrapper.
6
+ */
7
+
8
+ /**
9
+ * Button - Carbon Theme Styles
10
+ *
11
+ * Completely square, flat fills, no border-radius. IBM Carbon inspired.
12
+ */
13
+
14
+ /* =============================================================================
15
+ Default Style (filled)
16
+ ============================================================================= */
17
+
18
+ [data-style='carbon'] [data-button][data-style='default'][data-variant='default'],
19
+ [data-style='carbon'] [data-button]:not([data-style])[data-variant='default'],
20
+ [data-style='carbon'] [data-button][data-style='default']:not([data-variant]),
21
+ [data-style='carbon'] [data-button]:not([data-style]):not([data-variant]) {
22
+ border-width:0px;border-radius:0;--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));
23
+ }[data-mode="dark"][data-style="carbon"] [data-button][data-style="default"][data-variant="default"],[data-mode="dark"] [data-style="carbon"] [data-button][data-style="default"][data-variant="default"],[data-mode="dark"][data-style="carbon"] [data-button]:not([data-style])[data-variant="default"],[data-mode="dark"] [data-style="carbon"] [data-button]:not([data-style])[data-variant="default"],[data-mode="dark"][data-style="carbon"] [data-button][data-style="default"]:not([data-variant]),[data-mode="dark"] [data-style="carbon"] [data-button][data-style="default"]:not([data-variant]),[data-mode="dark"][data-style="carbon"] [data-button]:not([data-style]):not([data-variant]),[data-mode="dark"] [data-style="carbon"] [data-button]:not([data-style]):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-200),var(--un-text-opacity));}
24
+
25
+ [data-style='carbon'] [data-button][data-style='default'][data-variant='primary'],
26
+ [data-style='carbon'] [data-button]:not([data-style])[data-variant='primary'] {
27
+ border-width:0px;border-radius:0;--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));
28
+ }[data-mode="dark"][data-style="carbon"] [data-button][data-style="default"][data-variant="primary"],[data-mode="dark"] [data-style="carbon"] [data-button][data-style="default"][data-variant="primary"],[data-mode="dark"][data-style="carbon"] [data-button]:not([data-style])[data-variant="primary"],[data-mode="dark"] [data-style="carbon"] [data-button]:not([data-style])[data-variant="primary"]{--un-bg-opacity:1;background-color:rgba(var(--color-primary-500),var(--un-bg-opacity));}
29
+
30
+ [data-style='carbon'] [data-button][data-style='default'][data-variant='secondary'],
31
+ [data-style='carbon'] [data-button]:not([data-style])[data-variant='secondary'] {
32
+ border-width:0px;border-radius:0;--un-bg-opacity:1;background-color:rgba(var(--color-secondary-500),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-50),var(--un-text-opacity));
33
+ }[data-mode="dark"][data-style="carbon"] [data-button][data-style="default"][data-variant="secondary"],[data-mode="dark"] [data-style="carbon"] [data-button][data-style="default"][data-variant="secondary"],[data-mode="dark"][data-style="carbon"] [data-button]:not([data-style])[data-variant="secondary"],[data-mode="dark"] [data-style="carbon"] [data-button]:not([data-style])[data-variant="secondary"]{--un-bg-opacity:1;background-color:rgba(var(--color-secondary-500),var(--un-bg-opacity));}
34
+
35
+ [data-style='carbon'] [data-button][data-style='default'][data-variant='accent'],
36
+ [data-style='carbon'] [data-button]:not([data-style])[data-variant='accent'] {
37
+ border-width:0px;border-radius:0;--un-bg-opacity:1;background-color:rgba(var(--color-accent-500),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-accent-50),var(--un-text-opacity));
38
+ }[data-mode="dark"][data-style="carbon"] [data-button][data-style="default"][data-variant="accent"],[data-mode="dark"] [data-style="carbon"] [data-button][data-style="default"][data-variant="accent"],[data-mode="dark"][data-style="carbon"] [data-button]:not([data-style])[data-variant="accent"],[data-mode="dark"] [data-style="carbon"] [data-button]:not([data-style])[data-variant="accent"]{--un-bg-opacity:1;background-color:rgba(var(--color-accent-500),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-accent-50),var(--un-text-opacity));}
39
+
40
+ [data-style='carbon'] [data-button][data-style='default'][data-variant='danger'],
41
+ [data-style='carbon'] [data-button]:not([data-style])[data-variant='danger'] {
42
+ border-width:0px;border-radius:0;--un-bg-opacity:1;background-color:rgba(var(--color-danger-500),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-danger-50),var(--un-text-opacity));
43
+ }[data-mode="dark"][data-style="carbon"] [data-button][data-style="default"][data-variant="danger"],[data-mode="dark"] [data-style="carbon"] [data-button][data-style="default"][data-variant="danger"],[data-mode="dark"][data-style="carbon"] [data-button]:not([data-style])[data-variant="danger"],[data-mode="dark"] [data-style="carbon"] [data-button]:not([data-style])[data-variant="danger"]{--un-bg-opacity:1;background-color:rgba(var(--color-danger-500),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-danger-50),var(--un-text-opacity));}
44
+
45
+ /* =============================================================================
46
+ Outline Style
47
+ ============================================================================= */
48
+
49
+ [data-style='carbon'] [data-button][data-style='outline'][data-variant='default'],
50
+ [data-style='carbon'] [data-button][data-style='outline']:not([data-variant]) {
51
+ border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-500),var(--un-border-opacity));border-radius:0;background-color:transparent;--un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
52
+ }[data-mode="dark"][data-style="carbon"] [data-button][data-style="outline"][data-variant="default"],[data-mode="dark"] [data-style="carbon"] [data-button][data-style="outline"][data-variant="default"],[data-mode="dark"][data-style="carbon"] [data-button][data-style="outline"]:not([data-variant]),[data-mode="dark"] [data-style="carbon"] [data-button][data-style="outline"]:not([data-variant]){--un-border-opacity:1;border-color:rgba(var(--color-surface-500),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
53
+
54
+ [data-style='carbon'] [data-button][data-style='outline'][data-variant='primary'] {
55
+ border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));border-radius:0;background-color:transparent;--un-text-opacity:1;color:rgba(var(--color-primary-600),var(--un-text-opacity));
56
+ }[data-mode="dark"][data-style="carbon"] [data-button][data-style="outline"][data-variant="primary"],[data-mode="dark"] [data-style="carbon"] [data-button][data-style="outline"][data-variant="primary"]{--un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-400),var(--un-text-opacity));}
57
+
58
+ [data-style='carbon'] [data-button][data-style='outline'][data-variant='secondary'] {
59
+ border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-secondary-500),var(--un-border-opacity));border-radius:0;background-color:transparent;--un-text-opacity:1;color:rgba(var(--color-secondary-600),var(--un-text-opacity));
60
+ }[data-mode="dark"][data-style="carbon"] [data-button][data-style="outline"][data-variant="secondary"],[data-mode="dark"] [data-style="carbon"] [data-button][data-style="outline"][data-variant="secondary"]{--un-border-opacity:1;border-color:rgba(var(--color-secondary-500),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-secondary-400),var(--un-text-opacity));}
61
+
62
+ [data-style='carbon'] [data-button][data-style='outline'][data-variant='accent'] {
63
+ border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-accent-500),var(--un-border-opacity));border-radius:0;background-color:transparent;--un-text-opacity:1;color:rgba(var(--color-accent-600),var(--un-text-opacity));
64
+ }[data-mode="dark"][data-style="carbon"] [data-button][data-style="outline"][data-variant="accent"],[data-mode="dark"] [data-style="carbon"] [data-button][data-style="outline"][data-variant="accent"]{--un-border-opacity:1;border-color:rgba(var(--color-accent-500),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-accent-400),var(--un-text-opacity));}
65
+
66
+ [data-style='carbon'] [data-button][data-style='outline'][data-variant='danger'] {
67
+ border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-danger-500),var(--un-border-opacity));border-radius:0;background-color:transparent;--un-text-opacity:1;color:rgba(var(--color-danger-500),var(--un-text-opacity));
68
+ }[data-mode="dark"][data-style="carbon"] [data-button][data-style="outline"][data-variant="danger"],[data-mode="dark"] [data-style="carbon"] [data-button][data-style="outline"][data-variant="danger"]{--un-border-opacity:1;border-color:rgba(var(--color-danger-500),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-danger-500),var(--un-text-opacity));}
69
+
70
+ /* =============================================================================
71
+ Ghost Style
72
+ ============================================================================= */
73
+
74
+ [data-style='carbon'] [data-button][data-style='ghost'] {
75
+ border-color:transparent;border-radius:0;background-color:transparent;
76
+ }
77
+
78
+ [data-style='carbon'] [data-button][data-style='ghost'][data-variant='default'],
79
+ [data-style='carbon'] [data-button][data-style='ghost']:not([data-variant]) {
80
+ --un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
81
+ }[data-mode="dark"][data-style="carbon"] [data-button][data-style="ghost"][data-variant="default"],[data-mode="dark"] [data-style="carbon"] [data-button][data-style="ghost"][data-variant="default"],[data-mode="dark"][data-style="carbon"] [data-button][data-style="ghost"]:not([data-variant]),[data-mode="dark"] [data-style="carbon"] [data-button][data-style="ghost"]:not([data-variant]){--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
82
+
83
+ [data-style='carbon'] [data-button][data-style='ghost'][data-variant='primary'] {
84
+ --un-text-opacity:1;color:rgba(var(--color-primary-600),var(--un-text-opacity));
85
+ }[data-mode="dark"][data-style="carbon"] [data-button][data-style="ghost"][data-variant="primary"],[data-mode="dark"] [data-style="carbon"] [data-button][data-style="ghost"][data-variant="primary"]{--un-text-opacity:1;color:rgba(var(--color-primary-400),var(--un-text-opacity));}
86
+
87
+ [data-style='carbon'] [data-button][data-style='ghost'][data-variant='secondary'] {
88
+ --un-text-opacity:1;color:rgba(var(--color-secondary-600),var(--un-text-opacity));
89
+ }[data-mode="dark"][data-style="carbon"] [data-button][data-style="ghost"][data-variant="secondary"],[data-mode="dark"] [data-style="carbon"] [data-button][data-style="ghost"][data-variant="secondary"]{--un-text-opacity:1;color:rgba(var(--color-secondary-400),var(--un-text-opacity));}
90
+
91
+ [data-style='carbon'] [data-button][data-style='ghost'][data-variant='accent'] {
92
+ --un-text-opacity:1;color:rgba(var(--color-accent-600),var(--un-text-opacity));
93
+ }[data-mode="dark"][data-style="carbon"] [data-button][data-style="ghost"][data-variant="accent"],[data-mode="dark"] [data-style="carbon"] [data-button][data-style="ghost"][data-variant="accent"]{--un-text-opacity:1;color:rgba(var(--color-accent-400),var(--un-text-opacity));}
94
+
95
+ [data-style='carbon'] [data-button][data-style='ghost'][data-variant='danger'] {
96
+ --un-text-opacity:1;color:rgba(var(--color-danger-500),var(--un-text-opacity));
97
+ }[data-mode="dark"][data-style="carbon"] [data-button][data-style="ghost"][data-variant="danger"],[data-mode="dark"] [data-style="carbon"] [data-button][data-style="ghost"][data-variant="danger"]{--un-text-opacity:1;color:rgba(var(--color-danger-500),var(--un-text-opacity));}
98
+
99
+ /* =============================================================================
100
+ Gradient Style (flat fill — Carbon avoids gradients)
101
+ ============================================================================= */
102
+
103
+ [data-style='carbon'] [data-button][data-style='gradient'][data-variant='default'],
104
+ [data-style='carbon'] [data-button][data-style='gradient']:not([data-variant]) {
105
+ border-width:0px;border-radius:0;--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-surface-900),var(--un-text-opacity));
106
+ }[data-mode="dark"][data-style="carbon"] [data-button][data-style="gradient"][data-variant="default"],[data-mode="dark"] [data-style="carbon"] [data-button][data-style="gradient"][data-variant="default"],[data-mode="dark"][data-style="carbon"] [data-button][data-style="gradient"]:not([data-variant]),[data-mode="dark"] [data-style="carbon"] [data-button][data-style="gradient"]:not([data-variant]){--un-bg-opacity:1;background-color:rgba(var(--color-surface-600),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-100),var(--un-text-opacity));}
107
+
108
+ [data-style='carbon'] [data-button][data-style='gradient'][data-variant='primary'] {
109
+ border-width:0px;border-radius:0;--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));
110
+ }[data-mode="dark"][data-style="carbon"] [data-button][data-style="gradient"][data-variant="primary"],[data-mode="dark"] [data-style="carbon"] [data-button][data-style="gradient"][data-variant="primary"]{--un-bg-opacity:1;background-color:rgba(var(--color-primary-500),var(--un-bg-opacity));}
111
+
112
+ [data-style='carbon'] [data-button][data-style='gradient'][data-variant='secondary'] {
113
+ border-width:0px;border-radius:0;--un-bg-opacity:1;background-color:rgba(var(--color-secondary-500),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-50),var(--un-text-opacity));
114
+ }[data-mode="dark"][data-style="carbon"] [data-button][data-style="gradient"][data-variant="secondary"],[data-mode="dark"] [data-style="carbon"] [data-button][data-style="gradient"][data-variant="secondary"]{--un-bg-opacity:1;background-color:rgba(var(--color-secondary-500),var(--un-bg-opacity));}
115
+
116
+ [data-style='carbon'] [data-button][data-style='gradient'][data-variant='accent'] {
117
+ border-width:0px;border-radius:0;--un-bg-opacity:1;background-color:rgba(var(--color-accent-500),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-accent-50),var(--un-text-opacity));
118
+ }[data-mode="dark"][data-style="carbon"] [data-button][data-style="gradient"][data-variant="accent"],[data-mode="dark"] [data-style="carbon"] [data-button][data-style="gradient"][data-variant="accent"]{--un-bg-opacity:1;background-color:rgba(var(--color-accent-500),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-accent-50),var(--un-text-opacity));}
119
+
120
+ [data-style='carbon'] [data-button][data-style='gradient'][data-variant='danger'] {
121
+ border-width:0px;border-radius:0;--un-bg-opacity:1;background-color:rgba(var(--color-danger-500),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-danger-50),var(--un-text-opacity));
122
+ }[data-mode="dark"][data-style="carbon"] [data-button][data-style="gradient"][data-variant="danger"],[data-mode="dark"] [data-style="carbon"] [data-button][data-style="gradient"][data-variant="danger"]{--un-bg-opacity:1;background-color:rgba(var(--color-danger-500),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-danger-50),var(--un-text-opacity));}
123
+
124
+ /* =============================================================================
125
+ Link Style
126
+ ============================================================================= */
127
+
128
+ [data-style='carbon'] [data-button][data-style='link'][data-variant='default'],
129
+ [data-style='carbon'] [data-button][data-style='link']:not([data-variant]) {
130
+ --un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
131
+ }[data-mode="dark"][data-style="carbon"] [data-button][data-style="link"][data-variant="default"],[data-mode="dark"] [data-style="carbon"] [data-button][data-style="link"][data-variant="default"],[data-mode="dark"][data-style="carbon"] [data-button][data-style="link"]:not([data-variant]),[data-mode="dark"] [data-style="carbon"] [data-button][data-style="link"]:not([data-variant]){--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
132
+
133
+ [data-style='carbon'] [data-button][data-style='link'][data-variant='primary'] {
134
+ --un-text-opacity:1;color:rgba(var(--color-primary-600),var(--un-text-opacity));
135
+ }[data-mode="dark"][data-style="carbon"] [data-button][data-style="link"][data-variant="primary"],[data-mode="dark"] [data-style="carbon"] [data-button][data-style="link"][data-variant="primary"]{--un-text-opacity:1;color:rgba(var(--color-primary-400),var(--un-text-opacity));}
136
+
137
+ [data-style='carbon'] [data-button][data-style='link'][data-variant='secondary'] {
138
+ --un-text-opacity:1;color:rgba(var(--color-secondary-600),var(--un-text-opacity));
139
+ }[data-mode="dark"][data-style="carbon"] [data-button][data-style="link"][data-variant="secondary"],[data-mode="dark"] [data-style="carbon"] [data-button][data-style="link"][data-variant="secondary"]{--un-text-opacity:1;color:rgba(var(--color-secondary-400),var(--un-text-opacity));}
140
+
141
+ [data-style='carbon'] [data-button][data-style='link'][data-variant='accent'] {
142
+ --un-text-opacity:1;color:rgba(var(--color-accent-600),var(--un-text-opacity));
143
+ }[data-mode="dark"][data-style="carbon"] [data-button][data-style="link"][data-variant="accent"],[data-mode="dark"] [data-style="carbon"] [data-button][data-style="link"][data-variant="accent"]{--un-text-opacity:1;color:rgba(var(--color-accent-400),var(--un-text-opacity));}
144
+
145
+ [data-style='carbon'] [data-button][data-style='link'][data-variant='danger'] {
146
+ --un-text-opacity:1;color:rgba(var(--color-danger-500),var(--un-text-opacity));
147
+ }[data-mode="dark"][data-style="carbon"] [data-button][data-style="link"][data-variant="danger"],[data-mode="dark"] [data-style="carbon"] [data-button][data-style="link"][data-variant="danger"]{--un-text-opacity:1;color:rgba(var(--color-danger-500),var(--un-text-opacity));}
148
+
149
+ [data-style='carbon'] [data-button][data-style='link']:hover:not(:disabled):not([data-disabled]) {
150
+ --un-text-opacity:1;color:rgba(var(--color-surface-900),var(--un-text-opacity));
151
+ }[data-mode="dark"][data-style="carbon"] [data-button][data-style="link"]:hover:not(:disabled):not([data-disabled]),[data-mode="dark"] [data-style="carbon"] [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));}
152
+
153
+ /* =============================================================================
154
+ Hover States
155
+ ============================================================================= */
156
+
157
+ [data-style='carbon']
158
+ [data-button][data-style='default']:hover:not(:disabled):not([data-disabled]),
159
+ [data-style='carbon'] [data-button]:not([data-style]):hover:not(:disabled):not([data-disabled]) {
160
+ --un-bg-opacity:1;background-color:rgba(var(--color-surface-400),var(--un-bg-opacity));background-image:none;
161
+ }[data-mode="dark"][data-style="carbon"] [data-button][data-style="default"]:hover:not(:disabled):not([data-disabled]),[data-mode="dark"] [data-style="carbon"] [data-button][data-style="default"]:hover:not(:disabled):not([data-disabled]),[data-mode="dark"][data-style="carbon"] [data-button]:not([data-style]):hover:not(:disabled):not([data-disabled]),[data-mode="dark"] [data-style="carbon"] [data-button]:not([data-style]):hover:not(:disabled):not([data-disabled]){--un-bg-opacity:1;background-color:rgba(var(--color-surface-600),var(--un-bg-opacity));}
162
+
163
+ [data-style='carbon']
164
+ [data-button][data-style='default'][data-variant='primary']:hover:not(:disabled):not([data-disabled]),
165
+ [data-style='carbon']
166
+ [data-button]:not([data-style])[data-variant='primary']:hover:not(:disabled):not([data-disabled]) {
167
+ --un-bg-opacity:1;background-color:rgba(var(--color-primary-600),var(--un-bg-opacity));background-image:none;
168
+ }[data-mode="dark"][data-style="carbon"] [data-button][data-style="default"][data-variant="primary"]:hover:not(:disabled):not([data-disabled]),[data-mode="dark"] [data-style="carbon"] [data-button][data-style="default"][data-variant="primary"]:hover:not(:disabled):not([data-disabled]),[data-mode="dark"][data-style="carbon"] [data-button]:not([data-style])[data-variant="primary"]:hover:not(:disabled):not([data-disabled]),[data-mode="dark"] [data-style="carbon"] [data-button]:not([data-style])[data-variant="primary"]:hover:not(:disabled):not([data-disabled]){--un-bg-opacity:1;background-color:rgba(var(--color-primary-400),var(--un-bg-opacity));}
169
+
170
+ [data-style='carbon']
171
+ [data-button][data-style='outline']:hover:not(:disabled):not([data-disabled]) {
172
+ --un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));background-image:none;
173
+ }[data-mode="dark"][data-style="carbon"] [data-button][data-style="outline"]:hover:not(:disabled):not([data-disabled]),[data-mode="dark"] [data-style="carbon"] [data-button][data-style="outline"]:hover:not(:disabled):not([data-disabled]){--un-bg-opacity:1;background-color:rgba(var(--color-surface-800),var(--un-bg-opacity));}
174
+
175
+ [data-style='carbon'] [data-button][data-style='ghost']:hover:not(:disabled):not([data-disabled]) {
176
+ --un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));
177
+ }[data-mode="dark"][data-style="carbon"] [data-button][data-style="ghost"]:hover:not(:disabled):not([data-disabled]),[data-mode="dark"] [data-style="carbon"] [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));}
178
+
179
+ [data-style='carbon']
180
+ [data-button][data-style='gradient']:hover:not(:disabled):not([data-disabled]) {
181
+ --un-bg-opacity:1;background-color:rgba(var(--color-surface-500),var(--un-bg-opacity));background-image:none;
182
+ }[data-mode="dark"][data-style="carbon"] [data-button][data-style="gradient"]:hover:not(:disabled):not([data-disabled]),[data-mode="dark"] [data-style="carbon"] [data-button][data-style="gradient"]:hover:not(:disabled):not([data-disabled]){--un-bg-opacity:1;background-color:rgba(var(--color-surface-500),var(--un-bg-opacity));}
183
+
184
+ /* =============================================================================
185
+ Focus — Carbon style: thick outline, no ring, no offset
186
+ ============================================================================= */
187
+
188
+ [data-style='carbon'] [data-button]:focus-visible {
189
+ border-width:2px;--un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));outline:2px solid transparent;outline-offset:2px;
190
+ }[data-mode="dark"][data-style="carbon"] [data-button]:focus-visible,[data-mode="dark"] [data-style="carbon"] [data-button]:focus-visible{--un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));}
191
+
192
+ /**
193
+ * Toolbar - Carbon Theme Styles
194
+ *
195
+ * Flat, structured borders. No border-radius.
196
+ */
197
+
198
+ /* =============================================================================
199
+ Toolbar Container
200
+ ============================================================================= */
201
+
202
+ [data-style='carbon'] [data-toolbar] {
203
+ background-color:transparent;background-image:none;
204
+ }
205
+
206
+ /* Position-based borders */
207
+ [data-style='carbon'] [data-toolbar][data-toolbar-position='top'],
208
+ [data-style='carbon'] [data-toolbar]:not([data-toolbar-position]) {
209
+ border-bottom-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-300),var(--un-border-opacity));
210
+ }[data-mode="dark"][data-style="carbon"] [data-toolbar][data-toolbar-position="top"],[data-mode="dark"] [data-style="carbon"] [data-toolbar][data-toolbar-position="top"],[data-mode="dark"][data-style="carbon"] [data-toolbar]:not([data-toolbar-position]),[data-mode="dark"] [data-style="carbon"] [data-toolbar]:not([data-toolbar-position]){--un-border-opacity:1;border-color:rgba(var(--color-surface-700),var(--un-border-opacity));}
211
+
212
+ [data-style='carbon'] [data-toolbar][data-toolbar-position='bottom'] {
213
+ border-top-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-300),var(--un-border-opacity));
214
+ }[data-mode="dark"][data-style="carbon"] [data-toolbar][data-toolbar-position="bottom"],[data-mode="dark"] [data-style="carbon"] [data-toolbar][data-toolbar-position="bottom"]{--un-border-opacity:1;border-color:rgba(var(--color-surface-700),var(--un-border-opacity));}
215
+
216
+ [data-style='carbon'] [data-toolbar][data-toolbar-position='left'] {
217
+ border-right-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-300),var(--un-border-opacity));
218
+ }[data-mode="dark"][data-style="carbon"] [data-toolbar][data-toolbar-position="left"],[data-mode="dark"] [data-style="carbon"] [data-toolbar][data-toolbar-position="left"]{--un-border-opacity:1;border-color:rgba(var(--color-surface-700),var(--un-border-opacity));}
219
+
220
+ [data-style='carbon'] [data-toolbar][data-toolbar-position='right'] {
221
+ border-left-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-300),var(--un-border-opacity));
222
+ }[data-mode="dark"][data-style="carbon"] [data-toolbar][data-toolbar-position="right"],[data-mode="dark"] [data-style="carbon"] [data-toolbar][data-toolbar-position="right"]{--un-border-opacity:1;border-color:rgba(var(--color-surface-700),var(--un-border-opacity));}
223
+
224
+ /* =============================================================================
225
+ Toolbar Items
226
+ ============================================================================= */
227
+
228
+ [data-style='carbon'] [data-toolbar-item] {
229
+ border-radius:0;--un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
230
+ }[data-mode="dark"][data-style="carbon"] [data-toolbar-item],[data-mode="dark"] [data-style="carbon"] [data-toolbar-item]{--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
231
+
232
+ [data-style='carbon'] [data-toolbar-item]:hover:not(:disabled):not([data-disabled='true']) {
233
+ --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));
234
+ }[data-mode="dark"][data-style="carbon"] [data-toolbar-item]:hover:not(:disabled):not([data-disabled="true"]),[data-mode="dark"] [data-style="carbon"] [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));}
235
+
236
+ [data-style='carbon']
237
+ [data-toolbar-item]:focus-visible:not(:disabled):not([data-disabled='true']) {
238
+ border-width:2px;--un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-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;
239
+ }[data-mode="dark"][data-style="carbon"] [data-toolbar-item]:focus-visible:not(:disabled):not([data-disabled="true"]),[data-mode="dark"] [data-style="carbon"] [data-toolbar-item]:focus-visible:not(:disabled):not([data-disabled="true"]){--un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-100),var(--un-text-opacity));}
240
+
241
+ /* Active/pressed state */
242
+ [data-style='carbon'] [data-toolbar-item][data-active='true'] {
243
+ --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));
244
+ }[data-mode="dark"][data-style="carbon"] [data-toolbar-item][data-active="true"],[data-mode="dark"] [data-style="carbon"] [data-toolbar-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));}
245
+
246
+ [data-style='carbon'] [data-toolbar-item][data-active='true']:hover:not(:disabled) {
247
+ --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));
248
+ }[data-mode="dark"][data-style="carbon"] [data-toolbar-item][data-active="true"]:hover:not(:disabled),[data-mode="dark"] [data-style="carbon"] [data-toolbar-item][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));}
249
+
250
+ /* =============================================================================
251
+ Toolbar Icon
252
+ ============================================================================= */
253
+
254
+ [data-style='carbon'] [data-toolbar-item] [data-toolbar-icon] {
255
+ --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
256
+ }[data-mode="dark"][data-style="carbon"] [data-toolbar-item] [data-toolbar-icon],[data-mode="dark"] [data-style="carbon"] [data-toolbar-item] [data-toolbar-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
257
+
258
+ [data-style='carbon'] [data-toolbar-item]:hover:not(:disabled) [data-toolbar-icon] {
259
+ --un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
260
+ }[data-mode="dark"][data-style="carbon"] [data-toolbar-item]:hover:not(:disabled) [data-toolbar-icon],[data-mode="dark"] [data-style="carbon"] [data-toolbar-item]:hover:not(:disabled) [data-toolbar-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
261
+
262
+ [data-style='carbon'] [data-toolbar-item][data-active='true'] [data-toolbar-icon] {
263
+ --un-text-opacity:1;color:rgba(var(--color-primary-600),var(--un-text-opacity));
264
+ }[data-mode="dark"][data-style="carbon"] [data-toolbar-item][data-active="true"] [data-toolbar-icon],[data-mode="dark"] [data-style="carbon"] [data-toolbar-item][data-active="true"] [data-toolbar-icon]{--un-text-opacity:1;color:rgba(var(--color-primary-400),var(--un-text-opacity));}
265
+
266
+ /* =============================================================================
267
+ Separator & Divider
268
+ ============================================================================= */
269
+
270
+ [data-style='carbon'] [data-toolbar-separator] {
271
+ --un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));background-image:none;
272
+ }[data-mode="dark"][data-style="carbon"] [data-toolbar-separator],[data-mode="dark"] [data-style="carbon"] [data-toolbar-separator]{--un-bg-opacity:1;background-color:rgba(var(--color-surface-700),var(--un-bg-opacity));}
273
+
274
+ [data-style='carbon'] [data-toolbar-divider] {
275
+ --un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));background-image:none;
276
+ }[data-mode="dark"][data-style="carbon"] [data-toolbar-divider],[data-mode="dark"] [data-style="carbon"] [data-toolbar-divider]{--un-bg-opacity:1;background-color:rgba(var(--color-surface-700),var(--un-bg-opacity));}
277
+
278
+ /**
279
+ * Tabs - Carbon Theme Styles
280
+ *
281
+ * Bottom-border underline active tab, rounded-none everywhere.
282
+ * Active: thick primary underline. No background on any state.
283
+ */
284
+
285
+ /* =============================================================================
286
+ Tab List
287
+ ============================================================================= */
288
+
289
+ [data-style='carbon'] [data-tabs-list] {
290
+ 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;
291
+ }[data-mode="dark"][data-style="carbon"] [data-tabs-list],[data-mode="dark"] [data-style="carbon"] [data-tabs-list]{--un-border-opacity:1;border-color:rgba(var(--color-surface-700),var(--un-border-opacity));}
292
+
293
+ [data-style='carbon'] [data-tabs][data-position='after'] [data-tabs-list] {
294
+ border-top-width:1px;border-bottom-width:0px;
295
+ }
296
+
297
+ [data-style='carbon'] [data-tabs][data-orientation='vertical'] [data-tabs-list] {
298
+ border-right-width:1px;border-bottom-width:0px;
299
+ }
300
+
301
+ [data-style='carbon']
302
+ [data-tabs][data-orientation='vertical'][data-position='after']
303
+ [data-tabs-list] {
304
+ border-top-width:0px;border-right-width:0px;border-left-width:1px;
305
+ }
306
+
307
+ /* =============================================================================
308
+ Tab Triggers — default: horizontal/before (bottom border)
309
+ ============================================================================= */
310
+
311
+ [data-style='carbon'] [data-tabs-trigger] {
312
+ border-bottom-width:3px;border-bottom-color:transparent;border-radius:0;background-color:transparent;--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
313
+ font-weight: 400;
314
+ transition: color 150ms ease, border-color 150ms ease;
315
+ }[data-mode="dark"][data-style="carbon"] [data-tabs-trigger],[data-mode="dark"] [data-style="carbon"] [data-tabs-trigger]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
316
+
317
+ [data-style='carbon'] [data-tabs-trigger]:hover:not(:disabled):not([data-disabled]) {
318
+ --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-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
319
+ }[data-mode="dark"][data-style="carbon"] [data-tabs-trigger]:hover:not(:disabled):not([data-disabled]),[data-mode="dark"] [data-style="carbon"] [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-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));}
320
+
321
+ [data-style='carbon'] [data-tabs-trigger][data-selected] {
322
+ --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));
323
+ font-weight: 600;
324
+ }[data-mode="dark"][data-style="carbon"] [data-tabs-trigger][data-selected],[data-mode="dark"] [data-style="carbon"] [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));}
325
+
326
+ /* Reset gradients */
327
+ [data-style='carbon'] [data-tabs-list]:focus-within [data-tabs-trigger][data-selected] {
328
+ background-image:none;
329
+ }
330
+
331
+ [data-style='carbon']
332
+ [data-tabs][data-orientation='vertical']
333
+ [data-tabs-list]:focus-within
334
+ [data-tabs-trigger][data-selected] {
335
+ background-image:none;
336
+ }
337
+
338
+ [data-style='carbon']
339
+ [data-tabs][data-orientation='vertical'][data-position='after']
340
+ [data-tabs-list]:focus-within
341
+ [data-tabs-trigger][data-selected] {
342
+ background-image:none;
343
+ }
344
+
345
+ /* Horizontal after (tabs below content): top border */
346
+ [data-style='carbon'] [data-tabs][data-position='after'] [data-tabs-trigger] {
347
+ border-bottom-width:0px;border-top-width:3px;border-top-color:transparent;border-radius:0;
348
+ }
349
+
350
+ [data-style='carbon']
351
+ [data-tabs][data-position='after']
352
+ [data-tabs-trigger]:hover:not(:disabled):not([data-disabled]) {
353
+ --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));
354
+ }[data-mode="dark"][data-style="carbon"] [data-tabs][data-position="after"] [data-tabs-trigger]:hover:not(:disabled):not([data-disabled]),[data-mode="dark"] [data-style="carbon"] [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));}
355
+
356
+ [data-style='carbon'] [data-tabs][data-position='after'] [data-tabs-trigger][data-selected] {
357
+ --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));
358
+ font-weight: 600;
359
+ }[data-mode="dark"][data-style="carbon"] [data-tabs][data-position="after"] [data-tabs-trigger][data-selected],[data-mode="dark"] [data-style="carbon"] [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));}
360
+
361
+ [data-style='carbon']
362
+ [data-tabs][data-position='after']
363
+ [data-tabs-list]:focus-within
364
+ [data-tabs-trigger][data-selected] {
365
+ background-image:none;
366
+ }
367
+
368
+ /* Vertical before (tabs on left): right border */
369
+ [data-style='carbon'] [data-tabs][data-orientation='vertical'] [data-tabs-trigger] {
370
+ border-bottom-width:0px;border-right-width:3px;border-right-color:transparent;border-radius:0;
371
+ }
372
+
373
+ [data-style='carbon']
374
+ [data-tabs][data-orientation='vertical']
375
+ [data-tabs-trigger]:hover:not(:disabled):not([data-disabled]) {
376
+ --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));
377
+ }[data-mode="dark"][data-style="carbon"] [data-tabs][data-orientation="vertical"] [data-tabs-trigger]:hover:not(:disabled):not([data-disabled]),[data-mode="dark"] [data-style="carbon"] [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));}
378
+
379
+ [data-style='carbon'] [data-tabs][data-orientation='vertical'] [data-tabs-trigger][data-selected] {
380
+ --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));
381
+ font-weight: 600;
382
+ }[data-mode="dark"][data-style="carbon"] [data-tabs][data-orientation="vertical"] [data-tabs-trigger][data-selected],[data-mode="dark"] [data-style="carbon"] [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));}
383
+
384
+ /* Vertical after (tabs on right): left border */
385
+ [data-style='carbon']
386
+ [data-tabs][data-orientation='vertical'][data-position='after']
387
+ [data-tabs-trigger] {
388
+ border-top-width:0px;border-bottom-width:0px;border-right-width:0px;border-left-width:3px;border-left-color:transparent;border-radius:0;
389
+ }
390
+
391
+ [data-style='carbon']
392
+ [data-tabs][data-orientation='vertical'][data-position='after']
393
+ [data-tabs-trigger]:hover:not(:disabled):not([data-disabled]) {
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-surface-400),var(--un-border-left-opacity));
395
+ }[data-mode="dark"][data-style="carbon"] [data-tabs][data-orientation="vertical"][data-position="after"] [data-tabs-trigger]:hover:not(:disabled):not([data-disabled]),[data-mode="dark"] [data-style="carbon"] [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));}
396
+
397
+ [data-style='carbon']
398
+ [data-tabs][data-orientation='vertical'][data-position='after']
399
+ [data-tabs-trigger][data-selected] {
400
+ 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));
401
+ font-weight: 600;
402
+ }[data-mode="dark"][data-style="carbon"] [data-tabs][data-orientation="vertical"][data-position="after"] [data-tabs-trigger][data-selected],[data-mode="dark"] [data-style="carbon"] [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));}
403
+
404
+ /* =============================================================================
405
+ Tab Icon
406
+ ============================================================================= */
407
+
408
+ [data-style='carbon'] [data-tabs-trigger] [data-tabs-icon] {
409
+ --un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));
410
+ }[data-mode="dark"][data-style="carbon"] [data-tabs-trigger] [data-tabs-icon],[data-mode="dark"] [data-style="carbon"] [data-tabs-trigger] [data-tabs-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));}
411
+
412
+ [data-style='carbon'] [data-tabs-trigger]:hover:not(:disabled) [data-tabs-icon] {
413
+ --un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
414
+ }[data-mode="dark"][data-style="carbon"] [data-tabs-trigger]:hover:not(:disabled) [data-tabs-icon],[data-mode="dark"] [data-style="carbon"] [data-tabs-trigger]:hover:not(:disabled) [data-tabs-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
415
+
416
+ [data-style='carbon'] [data-tabs-trigger][data-selected] [data-tabs-icon] {
417
+ --un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
418
+ }[data-mode="dark"][data-style="carbon"] [data-tabs-trigger][data-selected] [data-tabs-icon],[data-mode="dark"] [data-style="carbon"] [data-tabs-trigger][data-selected] [data-tabs-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
419
+
420
+ /* =============================================================================
421
+ Tab Panel
422
+ ============================================================================= */
423
+
424
+ [data-style='carbon'] [data-tabs-content] {
425
+ --un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
426
+ }[data-mode="dark"][data-style="carbon"] [data-tabs-content],[data-mode="dark"] [data-style="carbon"] [data-tabs-content]{--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
427
+
428
+ /**
429
+ * Toggle - Carbon Theme Styles
430
+ *
431
+ * Square, flat, no border-radius.
432
+ */
433
+
434
+ /* =============================================================================
435
+ Toggle Container
436
+ ============================================================================= */
437
+
438
+ [data-style='carbon'] [data-toggle] {
439
+ border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-300),var(--un-border-opacity));border-radius:0;background-color:transparent;background-image:none;
440
+ }[data-mode="dark"][data-style="carbon"] [data-toggle],[data-mode="dark"] [data-style="carbon"] [data-toggle]{--un-border-opacity:1;border-color:rgba(var(--color-surface-700),var(--un-border-opacity));}
441
+
442
+ /* =============================================================================
443
+ Toggle Options
444
+ ============================================================================= */
445
+
446
+ [data-style='carbon'] [data-toggle-option] {
447
+ border-width:0px;border-color:transparent;border-radius:0;border-style:solid;--un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
448
+ }[data-mode="dark"][data-style="carbon"] [data-toggle-option],[data-mode="dark"] [data-style="carbon"] [data-toggle-option]{--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
449
+
450
+ [data-style='carbon'] [data-toggle-option]:hover:not(:disabled):not([data-disabled='true']),
451
+ [data-style='carbon'] [data-toggle-option]:focus:not(:disabled):not([data-disabled='true']) {
452
+ --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));
453
+ }[data-mode="dark"][data-style="carbon"] [data-toggle-option]:hover:not(:disabled):not([data-disabled="true"]),[data-mode="dark"] [data-style="carbon"] [data-toggle-option]:hover:not(:disabled):not([data-disabled="true"]),[data-mode="dark"][data-style="carbon"] [data-toggle-option]:focus:not(:disabled):not([data-disabled="true"]),[data-mode="dark"] [data-style="carbon"] [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));}
454
+
455
+ /* Selected state */
456
+ [data-style='carbon'] [data-toggle-option][data-selected='true'] {
457
+ 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-primary-500),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-50),var(--un-text-opacity));
458
+ }[data-mode="dark"][data-style="carbon"] [data-toggle-option][data-selected="true"],[data-mode="dark"] [data-style="carbon"] [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-primary-500),var(--un-bg-opacity));}
459
+
460
+ /* =============================================================================
461
+ Toggle Icon
462
+ ============================================================================= */
463
+
464
+ [data-style='carbon'] [data-toggle-option] [data-toggle-icon] {
465
+ --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
466
+ }[data-mode="dark"][data-style="carbon"] [data-toggle-option] [data-toggle-icon],[data-mode="dark"] [data-style="carbon"] [data-toggle-option] [data-toggle-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
467
+
468
+ [data-style='carbon'] [data-toggle-option]:hover:not(:disabled) [data-toggle-icon],
469
+ [data-style='carbon'] [data-toggle-option]:focus:not(:disabled) [data-toggle-icon] {
470
+ --un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
471
+ }[data-mode="dark"][data-style="carbon"] [data-toggle-option]:hover:not(:disabled) [data-toggle-icon],[data-mode="dark"] [data-style="carbon"] [data-toggle-option]:hover:not(:disabled) [data-toggle-icon],[data-mode="dark"][data-style="carbon"] [data-toggle-option]:focus:not(:disabled) [data-toggle-icon],[data-mode="dark"] [data-style="carbon"] [data-toggle-option]:focus:not(:disabled) [data-toggle-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
472
+
473
+ [data-style='carbon'] [data-toggle-option][data-selected='true'] [data-toggle-icon] {
474
+ --un-text-opacity:1;color:rgba(var(--color-surface-50),var(--un-text-opacity));
475
+ }
476
+
477
+ /**
478
+ * Switch - Carbon Theme Styles
479
+ *
480
+ * Square track corners, flat fill on active state.
481
+ */
482
+
483
+ [data-style='carbon'] [data-switch-track] {
484
+ border-width:2px;--un-border-opacity:1;border-color:rgba(var(--color-surface-500),var(--un-border-opacity));border-radius:0;background-color:transparent;background-image:none;
485
+ }[data-mode="dark"][data-style="carbon"] [data-switch-track],[data-mode="dark"] [data-style="carbon"] [data-switch-track]{--un-border-opacity:1;border-color:rgba(var(--color-surface-500),var(--un-border-opacity));}
486
+
487
+ [data-style='carbon'] [data-switch] [data-switch-thumb] {
488
+ --switch-thumb-travel: 1rem;
489
+ border-radius:0;--un-bg-opacity:1;background-color:rgba(var(--color-surface-500),var(--un-bg-opacity));
490
+ }[data-mode="dark"][data-style="carbon"] [data-switch] [data-switch-thumb],[data-mode="dark"] [data-style="carbon"] [data-switch] [data-switch-thumb]{--un-bg-opacity:1;background-color:rgba(var(--color-surface-500),var(--un-bg-opacity));}
491
+
492
+ [data-style='carbon'] [data-switch]:focus-visible [data-switch-track] {
493
+ border-width:2px;--un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));
494
+ }[data-mode="dark"][data-style="carbon"] [data-switch]:focus-visible [data-switch-track],[data-mode="dark"] [data-style="carbon"] [data-switch]:focus-visible [data-switch-track]{--un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));}
495
+
496
+ /* On state */
497
+ [data-style='carbon'] [data-switch][aria-checked='true'] [data-switch-track] {
498
+ --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;
499
+ }[data-mode="dark"][data-style="carbon"] [data-switch][aria-checked="true"] [data-switch-track],[data-mode="dark"] [data-style="carbon"] [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));}
500
+
501
+ [data-style='carbon'] [data-switch][aria-checked='true'] [data-switch-thumb] {
502
+ border-radius:0;
503
+ }
504
+
505
+ [data-style='carbon'] [data-switch-label] {
506
+ --un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
507
+ }[data-mode="dark"][data-style="carbon"] [data-switch-label],[data-mode="dark"] [data-style="carbon"] [data-switch-label]{--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
508
+
509
+ /**
510
+ * List - Carbon Theme Styles
511
+ *
512
+ * Flat list with fill-based selection, no border-radius.
513
+ */
514
+
515
+ /* =============================================================================
516
+ List Container
517
+ ============================================================================= */
518
+
519
+ [data-style='carbon'] [data-list]:focus-within {
520
+ outline:2px solid transparent;outline-offset:2px;
521
+ }
522
+
523
+ /* =============================================================================
524
+ List Items
525
+ ============================================================================= */
526
+
527
+ [data-style='carbon'] [data-list] [data-list-item] {
528
+ border-width:0px;border-color:transparent;border-radius:0;border-style:solid;--un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
529
+ }[data-mode="dark"][data-style="carbon"] [data-list] [data-list-item],[data-mode="dark"] [data-style="carbon"] [data-list] [data-list-item]{--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
530
+
531
+ [data-style='carbon'] [data-list] a[data-list-item],
532
+ [data-style='carbon'] [data-list] button[data-list-item] {
533
+ --un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
534
+ }[data-mode="dark"][data-style="carbon"] [data-list] a[data-list-item],[data-mode="dark"] [data-style="carbon"] [data-list] a[data-list-item],[data-mode="dark"][data-style="carbon"] [data-list] button[data-list-item],[data-mode="dark"] [data-style="carbon"] [data-list] button[data-list-item]{--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
535
+
536
+ /* Hover and focus */
537
+ [data-style='carbon']
538
+ [data-list]
539
+ [data-list-item]:hover:not(:disabled):not([data-disabled='true']),
540
+ [data-style='carbon']
541
+ [data-list]
542
+ [data-list-item]:focus:not(:disabled):not([data-disabled='true']) {
543
+ --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;
544
+ }[data-mode="dark"][data-style="carbon"] [data-list] [data-list-item]:hover:not(:disabled):not([data-disabled="true"]),[data-mode="dark"] [data-style="carbon"] [data-list] [data-list-item]:hover:not(:disabled):not([data-disabled="true"]),[data-mode="dark"][data-style="carbon"] [data-list] [data-list-item]:focus:not(:disabled):not([data-disabled="true"]),[data-mode="dark"] [data-style="carbon"] [data-list] [data-list-item]:focus:not(:disabled):not([data-disabled="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-100),var(--un-text-opacity));}
545
+
546
+ /* Active state — muted when list not focused */
547
+ [data-style='carbon'] [data-list] [data-list-item][data-active='true'] {
548
+ --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-surface-900),var(--un-text-opacity));
549
+ }[data-mode="dark"][data-style="carbon"] [data-list] [data-list-item][data-active="true"],[data-mode="dark"] [data-style="carbon"] [data-list] [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-surface-100),var(--un-text-opacity));}
550
+
551
+ /* Active state — full highlight when list has focus */
552
+ [data-style='carbon'] [data-list]:focus-within [data-list-item][data-active='true'] {
553
+ --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));
554
+ }[data-mode="dark"][data-style="carbon"] [data-list]:focus-within [data-list-item][data-active="true"],[data-mode="dark"] [data-style="carbon"] [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-200),var(--un-text-opacity));}
555
+
556
+ /* Active + hover/focus */
557
+ [data-style='carbon'] [data-list] [data-list-item][data-active='true']:hover:not(:disabled),
558
+ [data-style='carbon'] [data-list] [data-list-item][data-active='true']:focus:not(:disabled) {
559
+ --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-900),var(--un-text-opacity));
560
+ }[data-mode="dark"][data-style="carbon"] [data-list] [data-list-item][data-active="true"]:hover:not(:disabled),[data-mode="dark"] [data-style="carbon"] [data-list] [data-list-item][data-active="true"]:hover:not(:disabled),[data-mode="dark"][data-style="carbon"] [data-list] [data-list-item][data-active="true"]:focus:not(:disabled),[data-mode="dark"] [data-style="carbon"] [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-100),var(--un-text-opacity));}
561
+
562
+ /* =============================================================================
563
+ Item Elements
564
+ ============================================================================= */
565
+
566
+ [data-style='carbon'] [data-list] [data-list-item] [data-item-icon] {
567
+ --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
568
+ }[data-mode="dark"][data-style="carbon"] [data-list] [data-list-item] [data-item-icon],[data-mode="dark"] [data-style="carbon"] [data-list] [data-list-item] [data-item-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
569
+
570
+ [data-style='carbon'] [data-list] [data-list-item]:hover:not(:disabled) [data-item-icon],
571
+ [data-style='carbon'] [data-list] [data-list-item]:focus:not(:disabled) [data-item-icon] {
572
+ --un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
573
+ }[data-mode="dark"][data-style="carbon"] [data-list] [data-list-item]:hover:not(:disabled) [data-item-icon],[data-mode="dark"] [data-style="carbon"] [data-list] [data-list-item]:hover:not(:disabled) [data-item-icon],[data-mode="dark"][data-style="carbon"] [data-list] [data-list-item]:focus:not(:disabled) [data-item-icon],[data-mode="dark"] [data-style="carbon"] [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));}
574
+
575
+ [data-style='carbon'] [data-list] [data-list-item][data-active='true'] [data-item-icon] {
576
+ --un-text-opacity:1;color:rgba(var(--color-primary-500),var(--un-text-opacity));
577
+ }[data-mode="dark"][data-style="carbon"] [data-list] [data-list-item][data-active="true"] [data-item-icon],[data-mode="dark"] [data-style="carbon"] [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));}
578
+
579
+ [data-style='carbon'] [data-list] [data-list-item] [data-item-description] {
580
+ --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
581
+ }[data-mode="dark"][data-style="carbon"] [data-list] [data-list-item] [data-item-description],[data-mode="dark"] [data-style="carbon"] [data-list] [data-list-item] [data-item-description]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
582
+
583
+ [data-style='carbon'] [data-list] [data-list-item][data-active='true'] [data-item-description] {
584
+ --un-text-opacity:1;color:rgba(var(--color-primary-600),var(--un-text-opacity));
585
+ }[data-mode="dark"][data-style="carbon"] [data-list] [data-list-item][data-active="true"] [data-item-description],[data-mode="dark"] [data-style="carbon"] [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));}
586
+
587
+ [data-style='carbon'] [data-list] [data-list-item] [data-item-badge] {
588
+ border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-400),var(--un-border-opacity));border-radius:0;background-color:transparent;background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
589
+ }[data-mode="dark"][data-style="carbon"] [data-list] [data-list-item] [data-item-badge],[data-mode="dark"] [data-style="carbon"] [data-list] [data-list-item] [data-item-badge]{--un-border-opacity:1;border-color:rgba(var(--color-surface-600),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
590
+
591
+ [data-style='carbon'] [data-list] [data-list-item][data-active='true'] [data-item-badge] {
592
+ --un-border-opacity:1;border-color:rgba(var(--color-primary-400),var(--un-border-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-primary-700),var(--un-text-opacity));
593
+ }[data-mode="dark"][data-style="carbon"] [data-list] [data-list-item][data-active="true"] [data-item-badge],[data-mode="dark"] [data-style="carbon"] [data-list] [data-list-item][data-active="true"] [data-item-badge]{--un-border-opacity:1;border-color:rgba(var(--color-primary-600),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-300),var(--un-text-opacity));}
594
+
595
+ /* =============================================================================
596
+ Groups
597
+ ============================================================================= */
598
+
599
+ [data-style='carbon'] [data-list] [data-list-group] {
600
+ --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
601
+ }[data-mode="dark"][data-style="carbon"] [data-list] [data-list-group],[data-mode="dark"] [data-style="carbon"] [data-list] [data-list-group]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
602
+
603
+ [data-style='carbon'] [data-list] [data-list-group]:hover:not(:disabled),
604
+ [data-style='carbon'] [data-list] [data-list-group]:focus:not(:disabled) {
605
+ --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-700),var(--un-text-opacity));
606
+ }[data-mode="dark"][data-style="carbon"] [data-list] [data-list-group]:hover:not(:disabled),[data-mode="dark"] [data-style="carbon"] [data-list] [data-list-group]:hover:not(:disabled),[data-mode="dark"][data-style="carbon"] [data-list] [data-list-group]:focus:not(:disabled),[data-mode="dark"] [data-style="carbon"] [data-list] [data-list-group]:focus:not(:disabled){--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));}
607
+
608
+ /* =============================================================================
609
+ Separator
610
+ ============================================================================= */
611
+
612
+ [data-style='carbon'] [data-list] [data-list-separator] {
613
+ --un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));background-image:none;
614
+ }[data-mode="dark"][data-style="carbon"] [data-list] [data-list-separator],[data-mode="dark"] [data-style="carbon"] [data-list] [data-list-separator]{--un-bg-opacity:1;background-color:rgba(var(--color-surface-700),var(--un-bg-opacity));}
615
+
616
+ /* =============================================================================
617
+ Multi-Selection
618
+ ============================================================================= */
619
+
620
+ [data-style='carbon'] [data-list] [data-list-item][data-selected='true'] {
621
+ --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));
622
+ }[data-mode="dark"][data-style="carbon"] [data-list] [data-list-item][data-selected="true"],[data-mode="dark"] [data-style="carbon"] [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));}
623
+
624
+ [data-style='carbon'] [data-list]:focus-within [data-list-item][data-selected='true'] {
625
+ --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));
626
+ }[data-mode="dark"][data-style="carbon"] [data-list]:focus-within [data-list-item][data-selected="true"],[data-mode="dark"] [data-style="carbon"] [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-200),var(--un-text-opacity));}
627
+
628
+ [data-style='carbon'] [data-list] [data-list-item][data-selected='true']:hover:not(:disabled) {
629
+ --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-900),var(--un-text-opacity));
630
+ }[data-mode="dark"][data-style="carbon"] [data-list] [data-list-item][data-selected="true"]:hover:not(:disabled),[data-mode="dark"] [data-style="carbon"] [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-100),var(--un-text-opacity));}
631
+
632
+ [data-style='carbon'] [data-list] [data-list-item][data-selected='true'] [data-item-icon] {
633
+ --un-text-opacity:1;color:rgba(var(--color-primary-500),var(--un-text-opacity));
634
+ }[data-mode="dark"][data-style="carbon"] [data-list] [data-list-item][data-selected="true"] [data-item-icon],[data-mode="dark"] [data-style="carbon"] [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));}
635
+
636
+ /**
637
+ * Tree - Carbon Theme Styles
638
+ *
639
+ * Flat tree, fill-based selection, no border-radius.
640
+ */
641
+
642
+ /* =============================================================================
643
+ Tree Container
644
+ ============================================================================= */
645
+
646
+ [data-style='carbon'] [data-tree]:focus-within {
647
+ outline:2px solid transparent;outline-offset:2px;
648
+ }
649
+
650
+ /* =============================================================================
651
+ Tree Toggle Button
652
+ ============================================================================= */
653
+
654
+ [data-style='carbon'] [data-tree-toggle-btn] {
655
+ border-radius:0;--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));
656
+ }[data-mode="dark"][data-style="carbon"] [data-tree-toggle-btn],[data-mode="dark"] [data-style="carbon"] [data-tree-toggle-btn]{--un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));}
657
+
658
+ [data-style='carbon'] [data-tree-toggle-btn]:hover {
659
+ --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-600),var(--un-text-opacity));
660
+ }[data-mode="dark"][data-style="carbon"] [data-tree-toggle-btn]:hover,[data-mode="dark"] [data-style="carbon"] [data-tree-toggle-btn]: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-400),var(--un-text-opacity));}
661
+
662
+ /* =============================================================================
663
+ Tree Item Content
664
+ ============================================================================= */
665
+
666
+ [data-style='carbon'] [data-tree-item-content] {
667
+ border-radius:0;--un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
668
+ }[data-mode="dark"][data-style="carbon"] [data-tree-item-content],[data-mode="dark"] [data-style="carbon"] [data-tree-item-content]{--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
669
+
670
+ [data-style='carbon'] [data-tree-item-content]:hover:not(:disabled),
671
+ [data-style='carbon'] [data-tree-item-content]:focus:not(:disabled) {
672
+ --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;
673
+ }[data-mode="dark"][data-style="carbon"] [data-tree-item-content]:hover:not(:disabled),[data-mode="dark"] [data-style="carbon"] [data-tree-item-content]:hover:not(:disabled),[data-mode="dark"][data-style="carbon"] [data-tree-item-content]:focus:not(:disabled),[data-mode="dark"] [data-style="carbon"] [data-tree-item-content]:focus:not(:disabled){--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));}
674
+
675
+ /* Focus visible for keyboard navigation */
676
+ [data-style='carbon'] [data-tree-item-content]:focus-visible {
677
+ border-width:2px;--un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));outline:2px solid transparent;outline-offset:2px;
678
+ }[data-mode="dark"][data-style="carbon"] [data-tree-item-content]:focus-visible,[data-mode="dark"] [data-style="carbon"] [data-tree-item-content]:focus-visible{--un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));}
679
+
680
+ /* Active/selected state */
681
+ [data-style='carbon'] [data-tree-item-content][data-active='true'] {
682
+ --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));
683
+ }[data-mode="dark"][data-style="carbon"] [data-tree-item-content][data-active="true"],[data-mode="dark"] [data-style="carbon"] [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-200),var(--un-text-opacity));}
684
+
685
+ [data-style='carbon'] [data-tree-item-content][data-active='true']:hover:not(:disabled) {
686
+ --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-900),var(--un-text-opacity));
687
+ }[data-mode="dark"][data-style="carbon"] [data-tree-item-content][data-active="true"]:hover:not(:disabled),[data-mode="dark"] [data-style="carbon"] [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-100),var(--un-text-opacity));}
688
+
689
+ /* Reset gradients */
690
+ [data-style='carbon'] [data-tree]:focus-within [data-tree-item-content][data-active='true'] {
691
+ --un-bg-opacity:1;background-color:rgba(var(--color-primary-200),var(--un-bg-opacity));background-image:none;
692
+ }[data-mode="dark"][data-style="carbon"] [data-tree]:focus-within [data-tree-item-content][data-active="true"],[data-mode="dark"] [data-style="carbon"] [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));}
693
+
694
+ [data-style='carbon'] [data-tree]:focus-within [data-tree-item-content][data-active='true']:hover:not(:disabled) {
695
+ --un-bg-opacity:1;background-color:rgba(var(--color-primary-300),var(--un-bg-opacity));background-image:none;
696
+ }[data-mode="dark"][data-style="carbon"] [data-tree]:focus-within [data-tree-item-content][data-active="true"]:hover:not(:disabled),[data-mode="dark"] [data-style="carbon"] [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));}
697
+
698
+ [data-style='carbon'] [data-tree]:not(:focus-within) [data-tree-item-content][data-active='true'] {
699
+ --un-bg-opacity:1;background-color:rgba(var(--color-primary-200),var(--un-bg-opacity));background-image:none;
700
+ }[data-mode="dark"][data-style="carbon"] [data-tree]:not(:focus-within) [data-tree-item-content][data-active="true"],[data-mode="dark"] [data-style="carbon"] [data-tree]:not(:focus-within) [data-tree-item-content][data-active="true"]{--un-bg-opacity:1;background-color:rgba(var(--color-primary-800),var(--un-bg-opacity));}
701
+
702
+ /* =============================================================================
703
+ Item Elements
704
+ ============================================================================= */
705
+
706
+ [data-style='carbon'] [data-tree-item-content] [data-item-icon] {
707
+ --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
708
+ }[data-mode="dark"][data-style="carbon"] [data-tree-item-content] [data-item-icon],[data-mode="dark"] [data-style="carbon"] [data-tree-item-content] [data-item-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
709
+
710
+ [data-style='carbon'] [data-tree-item-content]:hover:not(:disabled) [data-item-icon] {
711
+ --un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
712
+ }[data-mode="dark"][data-style="carbon"] [data-tree-item-content]:hover:not(:disabled) [data-item-icon],[data-mode="dark"] [data-style="carbon"] [data-tree-item-content]:hover:not(:disabled) [data-item-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
713
+
714
+ [data-style='carbon'] [data-tree-item-content][data-active='true'] [data-item-icon] {
715
+ --un-text-opacity:1;color:rgba(var(--color-primary-500),var(--un-text-opacity));
716
+ }[data-mode="dark"][data-style="carbon"] [data-tree-item-content][data-active="true"] [data-item-icon],[data-mode="dark"] [data-style="carbon"] [data-tree-item-content][data-active="true"] [data-item-icon]{--un-text-opacity:1;color:rgba(var(--color-primary-500),var(--un-text-opacity));}
717
+
718
+ [data-style='carbon'] [data-tree-item-content] [data-item-description] {
719
+ --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
720
+ }[data-mode="dark"][data-style="carbon"] [data-tree-item-content] [data-item-description],[data-mode="dark"] [data-style="carbon"] [data-tree-item-content] [data-item-description]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
721
+
722
+ [data-style='carbon'] [data-tree-item-content][data-active='true'] [data-item-description] {
723
+ --un-text-opacity:1;color:rgba(var(--color-primary-600),var(--un-text-opacity));
724
+ }[data-mode="dark"][data-style="carbon"] [data-tree-item-content][data-active="true"] [data-item-description],[data-mode="dark"] [data-style="carbon"] [data-tree-item-content][data-active="true"] [data-item-description]{--un-text-opacity:1;color:rgba(var(--color-primary-400),var(--un-text-opacity));}
725
+
726
+ [data-style='carbon'] [data-tree-item-content] [data-item-badge] {
727
+ border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-400),var(--un-border-opacity));border-radius:0;background-color:transparent;background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
728
+ }[data-mode="dark"][data-style="carbon"] [data-tree-item-content] [data-item-badge],[data-mode="dark"] [data-style="carbon"] [data-tree-item-content] [data-item-badge]{--un-border-opacity:1;border-color:rgba(var(--color-surface-600),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
729
+
730
+ [data-style='carbon'] [data-tree-item-content][data-active='true'] [data-item-badge] {
731
+ --un-border-opacity:1;border-color:rgba(var(--color-primary-400),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-700),var(--un-text-opacity));
732
+ }[data-mode="dark"][data-style="carbon"] [data-tree-item-content][data-active="true"] [data-item-badge],[data-mode="dark"] [data-style="carbon"] [data-tree-item-content][data-active="true"] [data-item-badge]{--un-border-opacity:1;border-color:rgba(var(--color-primary-600),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-300),var(--un-text-opacity));}
733
+
734
+ [data-style='carbon'] [data-tree]:focus-within [data-tree-item-content][data-active='true'] [data-item-badge] {
735
+ background-image:none;
736
+ }
737
+
738
+ [data-style='carbon'] [data-tree]:not(:focus-within) [data-tree-item-content][data-active='true'] [data-item-badge] {
739
+ background-image:none;
740
+ }
741
+
742
+ /* =============================================================================
743
+ Multi-Selection
744
+ ============================================================================= */
745
+
746
+ [data-style='carbon'] [data-tree-node][data-selected='true'] [data-tree-item-content] {
747
+ --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));
748
+ }[data-mode="dark"][data-style="carbon"] [data-tree-node][data-selected="true"] [data-tree-item-content],[data-mode="dark"] [data-style="carbon"] [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));}
749
+
750
+ [data-style='carbon']
751
+ [data-tree]:focus-within
752
+ [data-tree-node][data-selected='true']
753
+ [data-tree-item-content] {
754
+ --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));
755
+ }[data-mode="dark"][data-style="carbon"] [data-tree]:focus-within [data-tree-node][data-selected="true"] [data-tree-item-content],[data-mode="dark"] [data-style="carbon"] [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-200),var(--un-text-opacity));}
756
+
757
+ [data-style='carbon']
758
+ [data-tree-node][data-selected='true']
759
+ [data-tree-item-content]
760
+ [data-item-icon] {
761
+ --un-text-opacity:1;color:rgba(var(--color-primary-500),var(--un-text-opacity));
762
+ }[data-mode="dark"][data-style="carbon"] [data-tree-node][data-selected="true"] [data-tree-item-content] [data-item-icon],[data-mode="dark"] [data-style="carbon"] [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));}
763
+
764
+ /**
765
+ * Connector - Carbon Theme Styles
766
+ *
767
+ * Visual theming for tree line connectors.
768
+ */
769
+
770
+ [data-style='carbon'] [data-connector] [data-connector-v],
771
+ [data-style='carbon'] [data-connector] [data-connector-h],
772
+ [data-style='carbon'] [data-connector] [data-connector-corner] {
773
+ --un-border-opacity:1;border-color:rgba(var(--color-surface-400),var(--un-border-opacity));
774
+ }[data-mode="dark"][data-style="carbon"] [data-connector] [data-connector-v],[data-mode="dark"] [data-style="carbon"] [data-connector] [data-connector-v],[data-mode="dark"][data-style="carbon"] [data-connector] [data-connector-h],[data-mode="dark"] [data-style="carbon"] [data-connector] [data-connector-h],[data-mode="dark"][data-style="carbon"] [data-connector] [data-connector-corner],[data-mode="dark"] [data-style="carbon"] [data-connector] [data-connector-corner]{--un-border-opacity:1;border-color:rgba(var(--color-surface-600),var(--un-border-opacity));}
775
+
776
+ /**
777
+ * Select - Carbon Theme Styles
778
+ *
779
+ * Flat dropdown, bottom-border trigger, no border-radius.
780
+ */
781
+
782
+ /* =============================================================================
783
+ Trigger Button
784
+ ============================================================================= */
785
+
786
+ [data-style='carbon'] [data-select-trigger] {
787
+ border-bottom-width:2px;border-left-width:0px;border-right-width:0px;border-top-width:0px;--un-border-opacity:1;border-color:rgba(var(--color-surface-500),var(--un-border-opacity));border-radius:0;--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));
788
+ }[data-mode="dark"][data-style="carbon"] [data-select-trigger],[data-mode="dark"] [data-style="carbon"] [data-select-trigger]{--un-border-opacity:1;border-color:rgba(var(--color-surface-500),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));}
789
+
790
+ [data-style='carbon'] [data-select-trigger]:hover:not(:disabled) {
791
+ --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-200),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
792
+ }[data-mode="dark"][data-style="carbon"] [data-select-trigger]:hover:not(:disabled),[data-mode="dark"] [data-style="carbon"] [data-select-trigger]:hover:not(:disabled){--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-800),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
793
+
794
+ [data-style='carbon'] [data-select-trigger]:focus-visible {
795
+ border-bottom-width:2px;--un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));outline:2px solid transparent;outline-offset:2px;
796
+ }[data-mode="dark"][data-style="carbon"] [data-select-trigger]:focus-visible,[data-mode="dark"] [data-style="carbon"] [data-select-trigger]:focus-visible{--un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));}
797
+
798
+ [data-style='carbon'] [data-select][data-open='true'] [data-select-trigger] {
799
+ --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;
800
+ }[data-mode="dark"][data-style="carbon"] [data-select][data-open="true"] [data-select-trigger],[data-mode="dark"] [data-style="carbon"] [data-select][data-open="true"] [data-select-trigger]{--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));}
801
+
802
+ /* =============================================================================
803
+ Placeholder
804
+ ============================================================================= */
805
+
806
+ [data-style='carbon'] [data-select-placeholder] {
807
+ --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
808
+ }[data-mode="dark"][data-style="carbon"] [data-select-placeholder],[data-mode="dark"] [data-style="carbon"] [data-select-placeholder]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
809
+
810
+ /* =============================================================================
811
+ Arrow
812
+ ============================================================================= */
813
+
814
+ [data-style='carbon'] [data-select-arrow] {
815
+ --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
816
+ }[data-mode="dark"][data-style="carbon"] [data-select-arrow],[data-mode="dark"] [data-style="carbon"] [data-select-arrow]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
817
+
818
+ [data-style='carbon'] [data-select-trigger]:hover:not(:disabled) [data-select-arrow] {
819
+ --un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
820
+ }[data-mode="dark"][data-style="carbon"] [data-select-trigger]:hover:not(:disabled) [data-select-arrow],[data-mode="dark"] [data-style="carbon"] [data-select-trigger]:hover:not(:disabled) [data-select-arrow]{--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
821
+
822
+ /* =============================================================================
823
+ Tags (MultiSelect)
824
+ ============================================================================= */
825
+
826
+ [data-style='carbon'] [data-select-tag] {
827
+ border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-400),var(--un-border-opacity));border-radius:0;--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-700),var(--un-text-opacity));
828
+ }[data-mode="dark"][data-style="carbon"] [data-select-tag],[data-mode="dark"] [data-style="carbon"] [data-select-tag]{--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));}
829
+
830
+ [data-style='carbon'] [data-select-tag-remove] {
831
+ --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
832
+ }[data-mode="dark"][data-style="carbon"] [data-select-tag-remove],[data-mode="dark"] [data-style="carbon"] [data-select-tag-remove]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
833
+
834
+ [data-style='carbon'] [data-select-tag-remove]:hover {
835
+ --un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
836
+ }[data-mode="dark"][data-style="carbon"] [data-select-tag-remove]:hover,[data-mode="dark"] [data-style="carbon"] [data-select-tag-remove]:hover{--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
837
+
838
+ /* =============================================================================
839
+ Dropdown Panel
840
+ ============================================================================= */
841
+
842
+ [data-style='carbon'] [data-select-dropdown] {
843
+ border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-300),var(--un-border-opacity));border-radius:0;--un-bg-opacity:1;background-color:rgba(var(--color-surface-100),var(--un-bg-opacity));background-image:none;
844
+ }[data-mode="dark"][data-style="carbon"] [data-select-dropdown],[data-mode="dark"] [data-style="carbon"] [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-900),var(--un-bg-opacity));}
845
+
846
+ /* =============================================================================
847
+ Options
848
+ ============================================================================= */
849
+
850
+ [data-style='carbon'] [data-select-option] {
851
+ border-width:0px;border-color:transparent;border-radius:0;border-style:solid;--un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
852
+ }[data-mode="dark"][data-style="carbon"] [data-select-option],[data-mode="dark"] [data-style="carbon"] [data-select-option]{--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
853
+
854
+ /* Hover and focus */
855
+ [data-style='carbon'] [data-select-option]:hover:not(:disabled),
856
+ [data-style='carbon'] [data-select-option]:focus:not(:disabled) {
857
+ --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;
858
+ }[data-mode="dark"][data-style="carbon"] [data-select-option]:hover:not(:disabled),[data-mode="dark"] [data-style="carbon"] [data-select-option]:hover:not(:disabled),[data-mode="dark"][data-style="carbon"] [data-select-option]:focus:not(:disabled),[data-mode="dark"] [data-style="carbon"] [data-select-option]:focus:not(:disabled){--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));}
859
+
860
+ /* Selected state */
861
+ [data-style='carbon'] [data-select-option][data-selected='true'] {
862
+ --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-surface-800),var(--un-text-opacity));
863
+ }[data-mode="dark"][data-style="carbon"] [data-select-option][data-selected="true"],[data-mode="dark"] [data-style="carbon"] [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-surface-200),var(--un-text-opacity));}
864
+
865
+ /* Selected state — full highlight when dropdown has focus */
866
+ [data-style='carbon']
867
+ [data-select-dropdown]:focus-within
868
+ [data-select-option][data-selected='true'] {
869
+ --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));
870
+ }[data-mode="dark"][data-style="carbon"] [data-select-dropdown]:focus-within [data-select-option][data-selected="true"],[data-mode="dark"] [data-style="carbon"] [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));}
871
+
872
+ /* Check mark */
873
+ [data-style='carbon'] [data-select-check] {
874
+ --un-text-opacity:1;color:rgba(var(--color-primary-600),var(--un-text-opacity));
875
+ }[data-mode="dark"][data-style="carbon"] [data-select-check],[data-mode="dark"] [data-style="carbon"] [data-select-check]{--un-text-opacity:1;color:rgba(var(--color-primary-400),var(--un-text-opacity));}
876
+
877
+ /* Checkbox */
878
+ [data-style='carbon'] [data-select-checkbox] {
879
+ --un-border-opacity:1;border-color:rgba(var(--color-surface-500),var(--un-border-opacity));border-radius:0;background-color:transparent;background-image:none;
880
+ }[data-mode="dark"][data-style="carbon"] [data-select-checkbox],[data-mode="dark"] [data-style="carbon"] [data-select-checkbox]{--un-border-opacity:1;border-color:rgba(var(--color-surface-500),var(--un-border-opacity));}
881
+
882
+ [data-style='carbon'] [data-select-checkbox][data-checked='true'] {
883
+ --un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));border-radius:0;--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));
884
+ }[data-mode="dark"][data-style="carbon"] [data-select-checkbox][data-checked="true"],[data-mode="dark"] [data-style="carbon"] [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));}
885
+
886
+ /* Item elements */
887
+ [data-style='carbon'] [data-select-option] [data-item-description] {
888
+ --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
889
+ }[data-mode="dark"][data-style="carbon"] [data-select-option] [data-item-description],[data-mode="dark"] [data-style="carbon"] [data-select-option] [data-item-description]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
890
+
891
+ [data-style='carbon'] [data-select-option][data-selected='true'] [data-item-description] {
892
+ --un-text-opacity:1;color:rgba(var(--color-primary-600),var(--un-text-opacity));
893
+ }[data-mode="dark"][data-style="carbon"] [data-select-option][data-selected="true"] [data-item-description],[data-mode="dark"] [data-style="carbon"] [data-select-option][data-selected="true"] [data-item-description]{--un-text-opacity:1;color:rgba(var(--color-primary-400),var(--un-text-opacity));}
894
+
895
+ /* =============================================================================
896
+ Groups
897
+ ============================================================================= */
898
+
899
+ [data-style='carbon'] [data-select-group-label] {
900
+ --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
901
+ }[data-mode="dark"][data-style="carbon"] [data-select-group-label],[data-mode="dark"] [data-style="carbon"] [data-select-group-label]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
902
+
903
+ /* =============================================================================
904
+ Divider
905
+ ============================================================================= */
906
+
907
+ [data-style='carbon'] [data-select-divider] {
908
+ --un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));background-image:none;
909
+ }[data-mode="dark"][data-style="carbon"] [data-select-divider],[data-mode="dark"] [data-style="carbon"] [data-select-divider]{--un-bg-opacity:1;background-color:rgba(var(--color-surface-700),var(--un-bg-opacity));}
910
+
911
+ /* =============================================================================
912
+ Filter Input
913
+ ============================================================================= */
914
+
915
+ [data-style='carbon'] [data-select-filter] {
916
+ --un-bg-opacity:1;background-color:rgba(var(--color-surface-100),var(--un-bg-opacity));
917
+ }[data-mode="dark"][data-style="carbon"] [data-select-filter],[data-mode="dark"] [data-style="carbon"] [data-select-filter]{--un-bg-opacity:1;background-color:rgba(var(--color-surface-900),var(--un-bg-opacity));}
918
+
919
+ [data-style='carbon'] [data-select-filter-input] {
920
+ border-bottom-width:2px;border-left-width:0px;border-right-width:0px;border-top-width:0px;--un-border-opacity:1;border-color:rgba(var(--color-surface-400),var(--un-border-opacity));border-radius:0;background-color:transparent;--un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
921
+ }[data-mode="dark"][data-style="carbon"] [data-select-filter-input],[data-mode="dark"] [data-style="carbon"] [data-select-filter-input]{--un-border-opacity:1;border-color:rgba(var(--color-surface-600),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
922
+
923
+ [data-style='carbon'] [data-select-filter-input]:focus {
924
+ --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));outline:2px solid transparent;outline-offset:2px;
925
+ }[data-mode="dark"][data-style="carbon"] [data-select-filter-input]:focus,[data-mode="dark"] [data-style="carbon"] [data-select-filter-input]:focus{--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));}
926
+
927
+ [data-style='carbon'] [data-select-filter-input]::placeholder {
928
+ --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
929
+ }[data-mode="dark"][data-style="carbon"] [data-select-filter-input]::placeholder,[data-mode="dark"] [data-style="carbon"] [data-select-filter-input]::placeholder{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
930
+
931
+ [data-style='carbon'] [data-select-empty] {
932
+ --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
933
+ }[data-mode="dark"][data-style="carbon"] [data-select-empty],[data-mode="dark"] [data-style="carbon"] [data-select-empty]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
934
+
935
+ /**
936
+ * Menu - Carbon Theme Styles
937
+ *
938
+ * Flat menu with thin border-b dividers, no border-radius.
939
+ */
940
+
941
+ /* =============================================================================
942
+ Menu Trigger
943
+ ============================================================================= */
944
+
945
+ [data-style='carbon'] [data-menu-trigger] {
946
+ border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-400),var(--un-border-opacity));border-radius:0;background-color:transparent;background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
947
+ }[data-mode="dark"][data-style="carbon"] [data-menu-trigger],[data-mode="dark"] [data-style="carbon"] [data-menu-trigger]{--un-border-opacity:1;border-color:rgba(var(--color-surface-600),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
948
+
949
+ [data-style='carbon'] [data-menu-trigger]:hover:not(:disabled) {
950
+ --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));
951
+ }[data-mode="dark"][data-style="carbon"] [data-menu-trigger]:hover:not(:disabled),[data-mode="dark"] [data-style="carbon"] [data-menu-trigger]: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));}
952
+
953
+ [data-style='carbon'] [data-menu-trigger]:focus-visible {
954
+ border-width:2px;--un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));outline:2px solid transparent;outline-offset:2px;
955
+ }[data-mode="dark"][data-style="carbon"] [data-menu-trigger]:focus-visible,[data-mode="dark"] [data-style="carbon"] [data-menu-trigger]:focus-visible{--un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));}
956
+
957
+ [data-style='carbon'] [data-menu][data-open='true'] [data-menu-trigger] {
958
+ --un-border-opacity:1;border-color:rgba(var(--color-surface-500),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));background-image:none;
959
+ }[data-mode="dark"][data-style="carbon"] [data-menu][data-open="true"] [data-menu-trigger],[data-mode="dark"] [data-style="carbon"] [data-menu][data-open="true"] [data-menu-trigger]{--un-border-opacity:1;border-color:rgba(var(--color-surface-500),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-700),var(--un-bg-opacity));}
960
+
961
+ /* Trigger elements */
962
+ [data-style='carbon'] [data-menu-trigger] [data-menu-icon] {
963
+ --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
964
+ }[data-mode="dark"][data-style="carbon"] [data-menu-trigger] [data-menu-icon],[data-mode="dark"] [data-style="carbon"] [data-menu-trigger] [data-menu-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
965
+
966
+ [data-style='carbon'] [data-menu-trigger]:hover:not(:disabled) [data-menu-icon] {
967
+ --un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
968
+ }[data-mode="dark"][data-style="carbon"] [data-menu-trigger]:hover:not(:disabled) [data-menu-icon],[data-mode="dark"] [data-style="carbon"] [data-menu-trigger]:hover:not(:disabled) [data-menu-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
969
+
970
+ [data-style='carbon'] [data-menu-trigger] [data-menu-arrow] {
971
+ --un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));
972
+ }[data-mode="dark"][data-style="carbon"] [data-menu-trigger] [data-menu-arrow],[data-mode="dark"] [data-style="carbon"] [data-menu-trigger] [data-menu-arrow]{--un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));}
973
+
974
+ /* =============================================================================
975
+ Menu Dropdown
976
+ ============================================================================= */
977
+
978
+ [data-style='carbon'] [data-menu-dropdown] {
979
+ border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-300),var(--un-border-opacity));border-radius:0;--un-bg-opacity:1;background-color:rgba(var(--color-surface-100),var(--un-bg-opacity));background-image:none;
980
+ }[data-mode="dark"][data-style="carbon"] [data-menu-dropdown],[data-mode="dark"] [data-style="carbon"] [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-900),var(--un-bg-opacity));}
981
+
982
+ /* =============================================================================
983
+ Menu Items
984
+ ============================================================================= */
985
+
986
+ [data-style='carbon'] [data-menu-item] {
987
+ border-width:0px;border-bottom-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-200),var(--un-border-opacity));border-radius:0;--un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
988
+ }[data-mode="dark"][data-style="carbon"] [data-menu-item],[data-mode="dark"] [data-style="carbon"] [data-menu-item]{--un-border-opacity:1;border-color:rgba(var(--color-surface-800),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
989
+
990
+ [data-style='carbon'] [data-menu-item]:hover:not(:disabled),
991
+ [data-style='carbon'] [data-menu-item]:focus:not(:disabled) {
992
+ --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;
993
+ }[data-mode="dark"][data-style="carbon"] [data-menu-item]:hover:not(:disabled),[data-mode="dark"] [data-style="carbon"] [data-menu-item]:hover:not(:disabled),[data-mode="dark"][data-style="carbon"] [data-menu-item]:focus:not(:disabled),[data-mode="dark"] [data-style="carbon"] [data-menu-item]:focus:not(:disabled){--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));}
994
+
995
+ /* Item elements */
996
+ [data-style='carbon'] [data-menu-item] [data-item-icon] {
997
+ --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
998
+ }[data-mode="dark"][data-style="carbon"] [data-menu-item] [data-item-icon],[data-mode="dark"] [data-style="carbon"] [data-menu-item] [data-item-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
999
+
1000
+ [data-style='carbon'] [data-menu-item]:hover:not(:disabled) [data-item-icon] {
1001
+ --un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
1002
+ }[data-mode="dark"][data-style="carbon"] [data-menu-item]:hover:not(:disabled) [data-item-icon],[data-mode="dark"] [data-style="carbon"] [data-menu-item]:hover:not(:disabled) [data-item-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
1003
+
1004
+ [data-style='carbon'] [data-menu-item] [data-item-description] {
1005
+ --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
1006
+ }[data-mode="dark"][data-style="carbon"] [data-menu-item] [data-item-description],[data-mode="dark"] [data-style="carbon"] [data-menu-item] [data-item-description]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
1007
+
1008
+ /* =============================================================================
1009
+ Groups
1010
+ ============================================================================= */
1011
+
1012
+ [data-style='carbon'] [data-menu-group] {
1013
+ --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
1014
+ }[data-mode="dark"][data-style="carbon"] [data-menu-group],[data-mode="dark"] [data-style="carbon"] [data-menu-group]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
1015
+
1016
+ /* =============================================================================
1017
+ Divider
1018
+ ============================================================================= */
1019
+
1020
+ [data-style='carbon'] [data-menu-separator] {
1021
+ --un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));background-image:none;
1022
+ }[data-mode="dark"][data-style="carbon"] [data-menu-separator],[data-mode="dark"] [data-style="carbon"] [data-menu-separator]{--un-bg-opacity:1;background-color:rgba(var(--color-surface-700),var(--un-bg-opacity));}
1023
+
1024
+ /**
1025
+ * Dropdown - Carbon Theme Styles
1026
+ *
1027
+ * Flat, no border-radius, structured borders.
1028
+ */
1029
+
1030
+ [data-style='carbon'] [data-dropdown-trigger] {
1031
+ border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-400),var(--un-border-opacity));border-radius:0;background-color:transparent;background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
1032
+ }[data-mode="dark"][data-style="carbon"] [data-dropdown-trigger],[data-mode="dark"] [data-style="carbon"] [data-dropdown-trigger]{--un-border-opacity:1;border-color:rgba(var(--color-surface-600),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
1033
+
1034
+ [data-style='carbon'] [data-dropdown-trigger]:hover:not(:disabled) {
1035
+ --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));
1036
+ }[data-mode="dark"][data-style="carbon"] [data-dropdown-trigger]:hover:not(:disabled),[data-mode="dark"] [data-style="carbon"] [data-dropdown-trigger]: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));}
1037
+
1038
+ [data-style='carbon'] [data-dropdown-trigger]:focus-visible {
1039
+ border-width:2px;--un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));outline:2px solid transparent;outline-offset:2px;
1040
+ }[data-mode="dark"][data-style="carbon"] [data-dropdown-trigger]:focus-visible,[data-mode="dark"] [data-style="carbon"] [data-dropdown-trigger]:focus-visible{--un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));}
1041
+
1042
+ [data-style='carbon'] [data-dropdown][data-open='true'] [data-dropdown-trigger] {
1043
+ --un-border-opacity:1;border-color:rgba(var(--color-surface-500),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));background-image:none;
1044
+ }[data-mode="dark"][data-style="carbon"] [data-dropdown][data-open="true"] [data-dropdown-trigger],[data-mode="dark"] [data-style="carbon"] [data-dropdown][data-open="true"] [data-dropdown-trigger]{--un-border-opacity:1;border-color:rgba(var(--color-surface-500),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-700),var(--un-bg-opacity));}
1045
+
1046
+ [data-style='carbon'] [data-dropdown-trigger] [data-dropdown-icon] {
1047
+ --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
1048
+ }[data-mode="dark"][data-style="carbon"] [data-dropdown-trigger] [data-dropdown-icon],[data-mode="dark"] [data-style="carbon"] [data-dropdown-trigger] [data-dropdown-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
1049
+
1050
+ [data-style='carbon'] [data-dropdown-trigger] [data-dropdown-arrow] {
1051
+ --un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));
1052
+ }[data-mode="dark"][data-style="carbon"] [data-dropdown-trigger] [data-dropdown-arrow],[data-mode="dark"] [data-style="carbon"] [data-dropdown-trigger] [data-dropdown-arrow]{--un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));}
1053
+
1054
+ [data-style='carbon'] [data-dropdown-panel] {
1055
+ border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-300),var(--un-border-opacity));border-radius:0;--un-bg-opacity:1;background-color:rgba(var(--color-surface-100),var(--un-bg-opacity));background-image:none;
1056
+ }[data-mode="dark"][data-style="carbon"] [data-dropdown-panel],[data-mode="dark"] [data-style="carbon"] [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-900),var(--un-bg-opacity));}
1057
+
1058
+ [data-style='carbon'] [data-dropdown-option] {
1059
+ border-radius:0;--un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
1060
+ }[data-mode="dark"][data-style="carbon"] [data-dropdown-option],[data-mode="dark"] [data-style="carbon"] [data-dropdown-option]{--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
1061
+
1062
+ [data-style='carbon'] [data-dropdown-option]:hover:not(:disabled),
1063
+ [data-style='carbon'] [data-dropdown-option]:focus:not(:disabled) {
1064
+ --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;
1065
+ }[data-mode="dark"][data-style="carbon"] [data-dropdown-option]:hover:not(:disabled),[data-mode="dark"] [data-style="carbon"] [data-dropdown-option]:hover:not(:disabled),[data-mode="dark"][data-style="carbon"] [data-dropdown-option]:focus:not(:disabled),[data-mode="dark"] [data-style="carbon"] [data-dropdown-option]:focus:not(:disabled){--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));}
1066
+
1067
+ [data-style='carbon'] [data-dropdown-option][data-active='true'] {
1068
+ --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-surface-950),var(--un-text-opacity));
1069
+ }[data-mode="dark"][data-style="carbon"] [data-dropdown-option][data-active="true"],[data-mode="dark"] [data-style="carbon"] [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-surface-50),var(--un-text-opacity));}
1070
+
1071
+ [data-style='carbon'] [data-dropdown-separator] {
1072
+ --un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));background-image:none;
1073
+ }[data-mode="dark"][data-style="carbon"] [data-dropdown-separator],[data-mode="dark"] [data-style="carbon"] [data-dropdown-separator]{--un-bg-opacity:1;background-color:rgba(var(--color-surface-700),var(--un-bg-opacity));}
1074
+
1075
+ /**
1076
+ * FloatingAction - Carbon Theme Styles
1077
+ *
1078
+ * Flat, square FAB buttons, no border-radius.
1079
+ */
1080
+
1081
+ /* =============================================================================
1082
+ FAB Trigger Button
1083
+ ============================================================================= */
1084
+
1085
+ [data-style='carbon'] [data-fab-trigger] {
1086
+ border-width:0px;border-radius:0;--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));
1087
+ }[data-mode="dark"][data-style="carbon"] [data-fab-trigger],[data-mode="dark"] [data-style="carbon"] [data-fab-trigger]{--un-bg-opacity:1;background-color:rgba(var(--color-primary-500),var(--un-bg-opacity));}
1088
+
1089
+ [data-style='carbon'] [data-fab-trigger]:hover:not(:disabled) {
1090
+ --un-bg-opacity:1;background-color:rgba(var(--color-primary-600),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-50),var(--un-text-opacity));
1091
+ }[data-mode="dark"][data-style="carbon"] [data-fab-trigger]:hover:not(:disabled),[data-mode="dark"] [data-style="carbon"] [data-fab-trigger]:hover:not(:disabled){--un-bg-opacity:1;background-color:rgba(var(--color-primary-400),var(--un-bg-opacity));}
1092
+
1093
+ [data-style='carbon'] [data-fab-trigger]:focus-visible {
1094
+ border-width:2px;--un-border-opacity:1;border-color:rgba(var(--color-primary-700),var(--un-border-opacity));outline:2px solid transparent;outline-offset:2px;
1095
+ }[data-mode="dark"][data-style="carbon"] [data-fab-trigger]:focus-visible,[data-mode="dark"] [data-style="carbon"] [data-fab-trigger]:focus-visible{--un-border-opacity:1;border-color:rgba(var(--color-primary-300),var(--un-border-opacity));}
1096
+
1097
+ [data-style='carbon'] [data-fab][data-open='true'] [data-fab-trigger] {
1098
+ --un-bg-opacity:1;background-color:rgba(var(--color-primary-600),var(--un-bg-opacity));background-image:none;
1099
+ transform: rotate(45deg);
1100
+ }[data-mode="dark"][data-style="carbon"] [data-fab][data-open="true"] [data-fab-trigger],[data-mode="dark"] [data-style="carbon"] [data-fab][data-open="true"] [data-fab-trigger]{--un-bg-opacity:1;background-color:rgba(var(--color-primary-400),var(--un-bg-opacity));}
1101
+
1102
+ [data-style='carbon'] [data-fab][data-open='true'] [data-fab-trigger]:hover:not(:disabled) {
1103
+ --un-bg-opacity:1;background-color:rgba(var(--color-primary-700),var(--un-bg-opacity));background-image:none;
1104
+ }[data-mode="dark"][data-style="carbon"] [data-fab][data-open="true"] [data-fab-trigger]:hover:not(:disabled),[data-mode="dark"] [data-style="carbon"] [data-fab][data-open="true"] [data-fab-trigger]:hover:not(:disabled){--un-bg-opacity:1;background-color:rgba(var(--color-primary-300),var(--un-bg-opacity));}
1105
+
1106
+ /* =============================================================================
1107
+ FAB Items
1108
+ ============================================================================= */
1109
+
1110
+ [data-style='carbon'] [data-fab-item] {
1111
+ border-width:0px;border-radius:0;--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));
1112
+ }[data-mode="dark"][data-style="carbon"] [data-fab-item],[data-mode="dark"] [data-style="carbon"] [data-fab-item]{--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));}
1113
+
1114
+ [data-style='carbon'] [data-fab-item]:hover:not(:disabled) {
1115
+ --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-surface-900),var(--un-text-opacity));
1116
+ }[data-mode="dark"][data-style="carbon"] [data-fab-item]:hover:not(:disabled),[data-mode="dark"] [data-style="carbon"] [data-fab-item]: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-surface-100),var(--un-text-opacity));}
1117
+
1118
+ [data-style='carbon'] [data-fab-item]:focus-visible {
1119
+ border-width:2px;--un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));outline:2px solid transparent;outline-offset:2px;
1120
+ }[data-mode="dark"][data-style="carbon"] [data-fab-item]:focus-visible,[data-mode="dark"] [data-style="carbon"] [data-fab-item]:focus-visible{--un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));}
1121
+
1122
+ /* Item icon */
1123
+ [data-style='carbon'] [data-fab-item] [data-fab-item-icon] {
1124
+ --un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
1125
+ }[data-mode="dark"][data-style="carbon"] [data-fab-item] [data-fab-item-icon],[data-mode="dark"] [data-style="carbon"] [data-fab-item] [data-fab-item-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
1126
+
1127
+ [data-style='carbon'] [data-fab-item]:hover:not(:disabled) [data-fab-item-icon] {
1128
+ --un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
1129
+ }[data-mode="dark"][data-style="carbon"] [data-fab-item]:hover:not(:disabled) [data-fab-item-icon],[data-mode="dark"] [data-style="carbon"] [data-fab-item]:hover:not(:disabled) [data-fab-item-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
1130
+
1131
+ /* =============================================================================
1132
+ Backdrop
1133
+ ============================================================================= */
1134
+
1135
+ [data-style='carbon'] [data-fab-backdrop] {
1136
+ background: rgba(0, 0, 0, 0.3);
1137
+ }
1138
+
1139
+ /**
1140
+ * Input - Carbon Theme Styles
1141
+ *
1142
+ * Bottom-border only inputs. Focus: thick primary bottom border.
1143
+ * No border-radius anywhere.
1144
+ */
1145
+
1146
+ /* Input root: bottom border only, flat background */
1147
+ [data-style='carbon'] [data-input-root] {
1148
+ position:relative;display:flex;align-items:center;border-bottom-width:2px;border-left-width:0px;border-right-width:0px;border-top-width:0px;--un-border-opacity:1;border-color:rgba(var(--color-surface-500),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-100),var(--un-bg-opacity));padding:0;
1149
+ border-radius: 0;
1150
+ background-image: none;
1151
+ transition: background-color 150ms ease;
1152
+ }[data-mode="dark"][data-style="carbon"] [data-input-root],[data-mode="dark"] [data-style="carbon"] [data-input-root]{--un-border-opacity:1;border-color:rgba(var(--color-surface-500),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-900),var(--un-bg-opacity));}
1153
+
1154
+ /* Hover: slightly elevated surface */
1155
+ [data-style='carbon'] [data-input-root]:hover:not(:focus-within) {
1156
+ --un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));
1157
+ background-image: none;
1158
+ }[data-mode="dark"][data-style="carbon"] [data-input-root]:hover:not(:focus-within),[data-mode="dark"] [data-style="carbon"] [data-input-root]:hover:not(:focus-within){--un-bg-opacity:1;background-color:rgba(var(--color-surface-800),var(--un-bg-opacity));}
1159
+
1160
+ /* Focus: primary thick bottom border */
1161
+ [data-style='carbon'] [data-input-root]:focus-within {
1162
+ border-bottom-width:2px;--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-200),var(--un-bg-opacity));
1163
+ background-image: none;
1164
+ }[data-mode="dark"][data-style="carbon"] [data-input-root]:focus-within,[data-mode="dark"] [data-style="carbon"] [data-input-root]:focus-within{--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-800),var(--un-bg-opacity));}
1165
+
1166
+ /* Inputs inside wrapper */
1167
+ [data-style='carbon']
1168
+ [data-input-root]
1169
+ input:not([type='checkbox'], [type='radio'], [type='color']),
1170
+ [data-style='carbon'] [data-input-root] textarea,
1171
+ [data-style='carbon'] [data-input-root] select {
1172
+ width:100%;border-style:none;background-color:transparent;padding-left:0.25rem;padding-right:0.25rem;padding-top:0.375rem;padding-bottom:0.375rem;--un-text-opacity:1;color:rgba(var(--color-surface-900),var(--un-text-opacity));outline:2px solid transparent;outline-offset:2px;
1173
+ font-size: 0.875rem;
1174
+ line-height: 1.25rem;
1175
+ transition: color 150ms ease;
1176
+ }[data-mode="dark"][data-style="carbon"] [data-input-root] input:not([type="checkbox"],[type="radio"],[type="color"]),[data-mode="dark"] [data-style="carbon"] [data-input-root] input:not([type="checkbox"],[type="radio"],[type="color"]),[data-mode="dark"][data-style="carbon"] [data-input-root] textarea,[data-mode="dark"] [data-style="carbon"] [data-input-root] textarea,[data-mode="dark"][data-style="carbon"] [data-input-root] select,[data-mode="dark"] [data-style="carbon"] [data-input-root] select{--un-text-opacity:1;color:rgba(var(--color-surface-100),var(--un-text-opacity));}
1177
+
1178
+ [data-style='carbon'] [data-input-root] textarea {
1179
+ min-height:5rem;padding-top:0.5rem;padding-bottom:0.5rem;
1180
+ }
1181
+
1182
+ /* Select inside input-root */
1183
+ [data-style='carbon'] [data-input-root] [data-select-trigger] {
1184
+ border-radius:0;border-style:none;background-color:transparent;padding-left:0.25rem;padding-right:0.25rem;--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);
1185
+ font-size: 0.875rem;
1186
+ background-image: none;
1187
+ transition: color 150ms ease;
1188
+ }[data-mode="dark"][data-style="carbon"] [data-input-root] [data-select-trigger],[data-mode="dark"] [data-style="carbon"] [data-input-root] [data-select-trigger]{--un-text-opacity:1;color:rgba(var(--color-surface-100),var(--un-text-opacity));}[data-style="carbon"] [data-input-root] [data-select-trigger]:focus{outline:2px solid transparent;outline-offset:2px;}
1189
+
1190
+ [data-style='carbon'] [data-input-root] [data-select-trigger]:hover:not(:disabled) {
1191
+ background-color:transparent;
1192
+ background-image: none;
1193
+ }
1194
+
1195
+ [data-style='carbon'] [data-input-root] [data-select][data-open='true'] [data-select-trigger] {
1196
+ 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);
1197
+ }
1198
+
1199
+ /* Labels */
1200
+ [data-style='carbon'] [data-field] > label {
1201
+ font-size:0.75rem;line-height:1rem;--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));letter-spacing:0.025em;text-transform:uppercase;
1202
+ transition: color 150ms ease;
1203
+ }[data-mode="dark"][data-style="carbon"] [data-field]>label,[data-mode="dark"] [data-style="carbon"] [data-field]>label{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
1204
+
1205
+ [data-style='carbon'] [data-form-root] label {
1206
+ font-size:0.75rem;line-height:1rem;--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));letter-spacing:0.025em;text-transform:uppercase;
1207
+ }[data-mode="dark"][data-style="carbon"] [data-form-root] label,[data-mode="dark"] [data-style="carbon"] [data-form-root] label{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
1208
+
1209
+ /* Focused label: primary color */
1210
+ [data-style='carbon'] [data-field]:has([data-input-root]:focus-within) > label {
1211
+ --un-text-opacity:1;color:rgba(var(--color-primary-600),var(--un-text-opacity));
1212
+ }[data-mode="dark"][data-style="carbon"] [data-field]:has([data-input-root]:focus-within)>label,[data-mode="dark"] [data-style="carbon"] [data-field]:has([data-input-root]:focus-within)>label{--un-text-opacity:1;color:rgba(var(--color-primary-400),var(--un-text-opacity));}
1213
+
1214
+ /* Field root */
1215
+ [data-style='carbon'] [data-field-root] {
1216
+ gap:0.125rem;
1217
+ }
1218
+
1219
+ /* Info field value */
1220
+ [data-style='carbon'] [data-field-info] {
1221
+ --un-text-opacity:1;color:rgba(var(--color-primary-600),var(--un-text-opacity));
1222
+ }[data-mode="dark"][data-style="carbon"] [data-field-info],[data-mode="dark"] [data-style="carbon"] [data-field-info]{--un-text-opacity:1;color:rgba(var(--color-primary-400),var(--un-text-opacity));}
1223
+
1224
+ /* Separator */
1225
+ [data-style='carbon'] [data-form-separator] {
1226
+ --un-border-opacity:1;border-color:rgba(var(--color-surface-300),var(--un-border-opacity));
1227
+ }[data-mode="dark"][data-style="carbon"] [data-form-separator],[data-mode="dark"] [data-style="carbon"] [data-form-separator]{--un-border-opacity:1;border-color:rgba(var(--color-surface-700),var(--un-border-opacity));}
1228
+
1229
+ /* Disabled state */
1230
+ [data-style='carbon'] [data-field-disabled] [data-input-root] {
1231
+ cursor:not-allowed;--un-border-opacity:1;border-color:rgba(var(--color-surface-200),var(--un-border-opacity));opacity:0.4;
1232
+ }[data-mode="dark"][data-style="carbon"] [data-field-disabled] [data-input-root],[data-mode="dark"] [data-style="carbon"] [data-field-disabled] [data-input-root]{--un-border-opacity:1;border-color:rgba(var(--color-surface-800),var(--un-border-opacity));}
1233
+
1234
+ /* Error state */
1235
+ [data-style='carbon'] [data-field-state='fail'] [data-input-root] {
1236
+ --un-border-opacity:1;--un-border-bottom-opacity:var(--un-border-opacity);border-bottom-color:rgba(var(--color-danger-500),var(--un-border-bottom-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-danger-100),var(--un-bg-opacity));
1237
+ }[data-mode="dark"][data-style="carbon"] [data-field-state="fail"] [data-input-root],[data-mode="dark"] [data-style="carbon"] [data-field-state="fail"] [data-input-root]{--un-border-opacity:1;--un-border-bottom-opacity:var(--un-border-opacity);border-bottom-color:rgba(var(--color-danger-500),var(--un-border-bottom-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-danger-900),var(--un-bg-opacity));}
1238
+
1239
+ [data-style='carbon'] [data-field-state='fail'] [data-input-root]:hover:not(:focus-within) {
1240
+ --un-bg-opacity:1;background-color:rgba(var(--color-danger-200),var(--un-bg-opacity));
1241
+ }[data-mode="dark"][data-style="carbon"] [data-field-state="fail"] [data-input-root]:hover:not(:focus-within),[data-mode="dark"] [data-style="carbon"] [data-field-state="fail"] [data-input-root]:hover:not(:focus-within){--un-bg-opacity:1;background-color:rgba(var(--color-danger-800),var(--un-bg-opacity));}
1242
+
1243
+ [data-style='carbon'] [data-field-state='fail'] [data-input-root]:focus-within {
1244
+ --un-border-opacity:1;--un-border-bottom-opacity:var(--un-border-opacity);border-bottom-color:rgba(var(--color-danger-500),var(--un-border-bottom-opacity));
1245
+ }[data-mode="dark"][data-style="carbon"] [data-field-state="fail"] [data-input-root]:focus-within,[data-mode="dark"] [data-style="carbon"] [data-field-state="fail"] [data-input-root]:focus-within{--un-border-opacity:1;--un-border-bottom-opacity:var(--un-border-opacity);border-bottom-color:rgba(var(--color-danger-500),var(--un-border-bottom-opacity));}
1246
+
1247
+ /* Pass state */
1248
+ [data-style='carbon'] [data-field-state='pass'] [data-input-root] {
1249
+ --un-border-opacity:1;--un-border-bottom-opacity:var(--un-border-opacity);border-bottom-color:rgba(var(--color-success-500),var(--un-border-bottom-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-success-100),var(--un-bg-opacity));
1250
+ }[data-mode="dark"][data-style="carbon"] [data-field-state="pass"] [data-input-root],[data-mode="dark"] [data-style="carbon"] [data-field-state="pass"] [data-input-root]{--un-border-opacity:1;--un-border-bottom-opacity:var(--un-border-opacity);border-bottom-color:rgba(var(--color-success-500),var(--un-border-bottom-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-success-900),var(--un-bg-opacity));}
1251
+
1252
+ [data-style='carbon'] [data-field-state='pass'] [data-input-root]:hover:not(:focus-within) {
1253
+ --un-bg-opacity:1;background-color:rgba(var(--color-success-200),var(--un-bg-opacity));
1254
+ }[data-mode="dark"][data-style="carbon"] [data-field-state="pass"] [data-input-root]:hover:not(:focus-within),[data-mode="dark"] [data-style="carbon"] [data-field-state="pass"] [data-input-root]:hover:not(:focus-within){--un-bg-opacity:1;background-color:rgba(var(--color-success-800),var(--un-bg-opacity));}
1255
+
1256
+ /* Description */
1257
+ [data-style='carbon'] [data-description] {
1258
+ 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));
1259
+ }[data-mode="dark"][data-style="carbon"] [data-description],[data-mode="dark"] [data-style="carbon"] [data-description]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
1260
+
1261
+ /* Message */
1262
+ [data-style='carbon'] [data-message] {
1263
+ 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));
1264
+ }[data-mode="dark"][data-style="carbon"] [data-message],[data-mode="dark"] [data-style="carbon"] [data-message]{--un-text-opacity:1;color:rgba(var(--color-danger-500),var(--un-text-opacity));}
1265
+
1266
+ /* Checkbox */
1267
+ [data-style='carbon'] [data-checkbox-icon] {
1268
+ font-size:1.125rem;line-height:1.75rem;--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
1269
+ }[data-mode="dark"][data-style="carbon"] [data-checkbox-icon],[data-mode="dark"] [data-style="carbon"] [data-checkbox-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
1270
+
1271
+ [data-style='carbon']
1272
+ [data-checkbox-root][data-variant='custom']:has(input:checked)
1273
+ [data-checkbox-icon] {
1274
+ --un-text-opacity:1;color:rgba(var(--color-primary-600),var(--un-text-opacity));
1275
+ }[data-mode="dark"][data-style="carbon"] [data-checkbox-root][data-variant="custom"]:has(input:checked) [data-checkbox-icon],[data-mode="dark"] [data-style="carbon"] [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));}
1276
+
1277
+ /* Checkbox label */
1278
+ [data-style='carbon'] [data-field-type='checkbox'] [data-field]:has(:focus-within) > label {
1279
+ --un-text-opacity:1;color:rgba(var(--color-primary-600),var(--un-text-opacity));
1280
+ }[data-mode="dark"][data-style="carbon"] [data-field-type="checkbox"] [data-field]:has(:focus-within)>label,[data-mode="dark"] [data-style="carbon"] [data-field-type="checkbox"] [data-field]:has(:focus-within)>label{--un-text-opacity:1;color:rgba(var(--color-primary-400),var(--un-text-opacity));}
1281
+
1282
+ /* Placeholders */
1283
+ [data-style='carbon'] [data-input-root] input::placeholder,
1284
+ [data-style='carbon'] [data-input-root] textarea::placeholder {
1285
+ --un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));
1286
+ }[data-mode="dark"][data-style="carbon"] [data-input-root] input::placeholder,[data-mode="dark"] [data-style="carbon"] [data-input-root] input::placeholder,[data-mode="dark"][data-style="carbon"] [data-input-root] textarea::placeholder,[data-mode="dark"] [data-style="carbon"] [data-input-root] textarea::placeholder{--un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));}
1287
+
1288
+ /**
1289
+ * Table - Carbon Theme Styles
1290
+ *
1291
+ * Structured header, alternating row backgrounds, no border-radius.
1292
+ */
1293
+
1294
+ /* =============================================================================
1295
+ Header
1296
+ ============================================================================= */
1297
+
1298
+ [data-style='carbon'] [data-table-header] th {
1299
+ border-bottom-width:1px;--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));--un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
1300
+ }[data-mode="dark"][data-style="carbon"] [data-table-header] th,[data-mode="dark"] [data-style="carbon"] [data-table-header] th{--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-300),var(--un-text-opacity));}
1301
+
1302
+ [data-style='carbon'] [data-table-header-cell][data-sortable='true']:hover {
1303
+ --un-bg-opacity:1;background-color:rgba(var(--color-surface-400),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-900),var(--un-text-opacity));
1304
+ }[data-mode="dark"][data-style="carbon"] [data-table-header-cell][data-sortable="true"]:hover,[data-mode="dark"] [data-style="carbon"] [data-table-header-cell][data-sortable="true"]:hover{--un-bg-opacity:1;background-color:rgba(var(--color-surface-600),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-100),var(--un-text-opacity));}
1305
+
1306
+ [data-style='carbon'] [data-table-header-cell][data-sort-order='ascending'],
1307
+ [data-style='carbon'] [data-table-header-cell][data-sort-order='descending'] {
1308
+ --un-text-opacity:1;color:rgba(var(--color-primary-700),var(--un-text-opacity));
1309
+ }[data-mode="dark"][data-style="carbon"] [data-table-header-cell][data-sort-order="ascending"],[data-mode="dark"] [data-style="carbon"] [data-table-header-cell][data-sort-order="ascending"],[data-mode="dark"][data-style="carbon"] [data-table-header-cell][data-sort-order="descending"],[data-mode="dark"] [data-style="carbon"] [data-table-header-cell][data-sort-order="descending"]{--un-text-opacity:1;color:rgba(var(--color-primary-300),var(--un-text-opacity));}
1310
+
1311
+ [data-style='carbon'] [data-table-sort-icon] {
1312
+ --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
1313
+ }[data-mode="dark"][data-style="carbon"] [data-table-sort-icon],[data-mode="dark"] [data-style="carbon"] [data-table-sort-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
1314
+
1315
+ [data-style='carbon'] [data-table-header-cell][data-sort-order='ascending'] [data-table-sort-icon],
1316
+ [data-style='carbon']
1317
+ [data-table-header-cell][data-sort-order='descending']
1318
+ [data-table-sort-icon] {
1319
+ --un-text-opacity:1;color:rgba(var(--color-primary-600),var(--un-text-opacity));
1320
+ }[data-mode="dark"][data-style="carbon"] [data-table-header-cell][data-sort-order="ascending"] [data-table-sort-icon],[data-mode="dark"] [data-style="carbon"] [data-table-header-cell][data-sort-order="ascending"] [data-table-sort-icon],[data-mode="dark"][data-style="carbon"] [data-table-header-cell][data-sort-order="descending"] [data-table-sort-icon],[data-mode="dark"] [data-style="carbon"] [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));}
1321
+
1322
+ /* =============================================================================
1323
+ Caption
1324
+ ============================================================================= */
1325
+
1326
+ [data-style='carbon'] [data-table-caption] {
1327
+ --un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
1328
+ }[data-mode="dark"][data-style="carbon"] [data-table-caption],[data-mode="dark"] [data-style="carbon"] [data-table-caption]{--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
1329
+
1330
+ /* =============================================================================
1331
+ Rows
1332
+ ============================================================================= */
1333
+
1334
+ [data-style='carbon'] [data-table-row] {
1335
+ 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));
1336
+ }[data-mode="dark"][data-style="carbon"] [data-table-row],[data-mode="dark"] [data-style="carbon"] [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));}
1337
+
1338
+ [data-style='carbon'] [data-table-row]:hover {
1339
+ --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));
1340
+ }[data-mode="dark"][data-style="carbon"] [data-table-row]:hover,[data-mode="dark"] [data-style="carbon"] [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));}
1341
+
1342
+ [data-style='carbon'] [data-table-row]:focus {
1343
+ border-width:2px;--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-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;
1344
+ }[data-mode="dark"][data-style="carbon"] [data-table-row]:focus,[data-mode="dark"] [data-style="carbon"] [data-table-row]:focus{--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-800),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-100),var(--un-text-opacity));}
1345
+
1346
+ [data-style='carbon'] [data-table-row][data-selected='true'] {
1347
+ --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));
1348
+ }[data-mode="dark"][data-style="carbon"] [data-table-row][data-selected="true"],[data-mode="dark"] [data-style="carbon"] [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));}
1349
+
1350
+ /* =============================================================================
1351
+ Striped — alternating rows
1352
+ ============================================================================= */
1353
+
1354
+ [data-style='carbon'] [data-striped='true'] [data-table-body] tr:nth-child(even) {
1355
+ --un-bg-opacity:1;background-color:rgba(var(--color-surface-100),var(--un-bg-opacity));
1356
+ }[data-mode="dark"][data-style="carbon"] [data-striped="true"] [data-table-body] tr:nth-child(even),[data-mode="dark"] [data-style="carbon"] [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));}
1357
+
1358
+ [data-style='carbon'] [data-striped='true'] [data-table-body] tr:nth-child(odd) {
1359
+ --un-bg-opacity:1;background-color:rgba(var(--color-surface-50),var(--un-bg-opacity));
1360
+ }[data-mode="dark"][data-style="carbon"] [data-striped="true"] [data-table-body] tr:nth-child(odd),[data-mode="dark"] [data-style="carbon"] [data-striped="true"] [data-table-body] tr:nth-child(odd){--un-bg-opacity:1;background-color:rgba(var(--color-surface-950),var(--un-bg-opacity));}
1361
+
1362
+ /* =============================================================================
1363
+ Empty
1364
+ ============================================================================= */
1365
+
1366
+ [data-style='carbon'] [data-table-empty] {
1367
+ --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
1368
+ }[data-mode="dark"][data-style="carbon"] [data-table-empty],[data-mode="dark"] [data-style="carbon"] [data-table-empty]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
1369
+
1370
+ /* =============================================================================
1371
+ Cell Icon
1372
+ ============================================================================= */
1373
+
1374
+ [data-style='carbon'] [data-table-cell] [data-cell-icon] {
1375
+ --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
1376
+ }[data-mode="dark"][data-style="carbon"] [data-table-cell] [data-cell-icon],[data-mode="dark"] [data-style="carbon"] [data-table-cell] [data-cell-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
1377
+
1378
+ [data-style='carbon'] [data-table-row][data-selected='true'] [data-cell-icon] {
1379
+ --un-text-opacity:1;color:rgba(var(--color-primary-600),var(--un-text-opacity));
1380
+ }[data-mode="dark"][data-style="carbon"] [data-table-row][data-selected="true"] [data-cell-icon],[data-mode="dark"] [data-style="carbon"] [data-table-row][data-selected="true"] [data-cell-icon]{--un-text-opacity:1;color:rgba(var(--color-primary-400),var(--un-text-opacity));}
1381
+
1382
+ /**
1383
+ * SearchFilter - Carbon Theme Styles
1384
+ *
1385
+ * Bottom-border only search input, no border-radius.
1386
+ */
1387
+
1388
+ /* =============================================================================
1389
+ Input
1390
+ ============================================================================= */
1391
+
1392
+ [data-style='carbon'] [data-search-input] {
1393
+ border-bottom-width:2px;border-left-width:0px;border-right-width:0px;border-top-width:0px;--un-border-opacity:1;border-color:rgba(var(--color-surface-500),var(--un-border-opacity));border-radius:0;--un-bg-opacity:1;background-color:rgba(var(--color-surface-100),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
1394
+ }[data-mode="dark"][data-style="carbon"] [data-search-input],[data-mode="dark"] [data-style="carbon"] [data-search-input]{--un-border-opacity:1;border-color:rgba(var(--color-surface-500),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));}
1395
+
1396
+ [data-style='carbon'] [data-search-input]:focus {
1397
+ --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));outline:2px solid transparent;outline-offset:2px;
1398
+ }[data-mode="dark"][data-style="carbon"] [data-search-input]:focus,[data-mode="dark"] [data-style="carbon"] [data-search-input]:focus{--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));}
1399
+
1400
+ [data-style='carbon'] [data-search-input]::placeholder {
1401
+ --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
1402
+ }[data-mode="dark"][data-style="carbon"] [data-search-input]::placeholder,[data-mode="dark"] [data-style="carbon"] [data-search-input]::placeholder{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
1403
+
1404
+ /* =============================================================================
1405
+ Clear Button
1406
+ ============================================================================= */
1407
+
1408
+ [data-style='carbon'] [data-search-clear] {
1409
+ --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
1410
+ }[data-mode="dark"][data-style="carbon"] [data-search-clear],[data-mode="dark"] [data-style="carbon"] [data-search-clear]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
1411
+
1412
+ [data-style='carbon'] [data-search-clear]:hover {
1413
+ --un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
1414
+ }[data-mode="dark"][data-style="carbon"] [data-search-clear]:hover,[data-mode="dark"] [data-style="carbon"] [data-search-clear]:hover{--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
1415
+
1416
+ /* =============================================================================
1417
+ Tags
1418
+ ============================================================================= */
1419
+
1420
+ [data-style='carbon'] [data-search-tag] {
1421
+ border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-400),var(--un-border-opacity));border-radius:0;--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-700),var(--un-text-opacity));
1422
+ }[data-mode="dark"][data-style="carbon"] [data-search-tag],[data-mode="dark"] [data-style="carbon"] [data-search-tag]{--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));}
1423
+
1424
+ [data-style='carbon'] [data-search-tag-remove] {
1425
+ --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
1426
+ }[data-mode="dark"][data-style="carbon"] [data-search-tag-remove],[data-mode="dark"] [data-style="carbon"] [data-search-tag-remove]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
1427
+
1428
+ [data-style='carbon'] [data-search-tag-remove]:hover {
1429
+ --un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
1430
+ }[data-mode="dark"][data-style="carbon"] [data-search-tag-remove]:hover,[data-mode="dark"] [data-style="carbon"] [data-search-tag-remove]:hover{--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
1431
+
1432
+ /**
1433
+ * Range - Carbon Theme Styles
1434
+ *
1435
+ * Flat track and thumb, no border-radius.
1436
+ */
1437
+
1438
+ /* =============================================================================
1439
+ Track
1440
+ ============================================================================= */
1441
+
1442
+ [data-style='carbon'] [data-range-bar] {
1443
+ --un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));
1444
+ }[data-mode="dark"][data-style="carbon"] [data-range-bar],[data-mode="dark"] [data-style="carbon"] [data-range-bar]{--un-bg-opacity:1;background-color:rgba(var(--color-surface-700),var(--un-bg-opacity));}
1445
+
1446
+ [data-style='carbon'] [data-range-selected] {
1447
+ --un-bg-opacity:1;background-color:rgba(var(--color-primary-500),var(--un-bg-opacity));background-image:none;
1448
+ }[data-mode="dark"][data-style="carbon"] [data-range-selected],[data-mode="dark"] [data-style="carbon"] [data-range-selected]{--un-bg-opacity:1;background-color:rgba(var(--color-primary-500),var(--un-bg-opacity));}
1449
+
1450
+ /* =============================================================================
1451
+ Thumb
1452
+ ============================================================================= */
1453
+
1454
+ [data-style='carbon'] [data-range-thumb] {
1455
+ border-width:2px;--un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));border-radius:0;--un-bg-opacity:1;background-color:rgba(var(--color-surface-100),var(--un-bg-opacity));
1456
+ }[data-mode="dark"][data-style="carbon"] [data-range-thumb],[data-mode="dark"] [data-style="carbon"] [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-900),var(--un-bg-opacity));}
1457
+
1458
+ [data-style='carbon'] [data-range-thumb][data-sliding] {
1459
+ --un-bg-opacity:1;background-color:rgba(var(--color-primary-500),var(--un-bg-opacity));
1460
+ }[data-mode="dark"][data-style="carbon"] [data-range-thumb][data-sliding],[data-mode="dark"] [data-style="carbon"] [data-range-thumb][data-sliding]{--un-bg-opacity:1;background-color:rgba(var(--color-primary-500),var(--un-bg-opacity));}
1461
+
1462
+ [data-style='carbon'] [data-range-thumb]:focus-visible {
1463
+ border-width:2px;--un-border-opacity:1;border-color:rgba(var(--color-primary-700),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-primary-500),var(--un-bg-opacity));outline:2px solid transparent;outline-offset:2px;
1464
+ }[data-mode="dark"][data-style="carbon"] [data-range-thumb]:focus-visible,[data-mode="dark"] [data-style="carbon"] [data-range-thumb]:focus-visible{--un-border-opacity:1;border-color:rgba(var(--color-primary-300),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-primary-500),var(--un-bg-opacity));}
1465
+
1466
+ /* =============================================================================
1467
+ Ticks
1468
+ ============================================================================= */
1469
+
1470
+ [data-style='carbon'] [data-range-tick] {
1471
+ --un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
1472
+ }[data-mode="dark"][data-style="carbon"] [data-range-tick],[data-mode="dark"] [data-style="carbon"] [data-range-tick]{--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
1473
+
1474
+ [data-style='carbon'] [data-tick-bar] {
1475
+ --un-border-opacity:1;border-color:rgba(var(--color-surface-400),var(--un-border-opacity));
1476
+ }[data-mode="dark"][data-style="carbon"] [data-tick-bar],[data-mode="dark"] [data-style="carbon"] [data-tick-bar]{--un-border-opacity:1;border-color:rgba(var(--color-surface-600),var(--un-border-opacity));}
1477
+
1478
+ [data-style='carbon'] [data-tick-label] {
1479
+ --un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
1480
+ }[data-mode="dark"][data-style="carbon"] [data-tick-label],[data-mode="dark"] [data-style="carbon"] [data-tick-label]{--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
1481
+
1482
+ /* =============================================================================
1483
+ Disabled
1484
+ ============================================================================= */
1485
+
1486
+ [data-style='carbon'] [data-range][data-disabled] [data-range-thumb] {
1487
+ --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));
1488
+ }[data-mode="dark"][data-style="carbon"] [data-range][data-disabled] [data-range-thumb],[data-mode="dark"] [data-style="carbon"] [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));}
1489
+
1490
+ [data-style='carbon'] [data-range][data-disabled] [data-range-selected] {
1491
+ --un-bg-opacity:1;background-color:rgba(var(--color-surface-400),var(--un-bg-opacity));
1492
+ }[data-mode="dark"][data-style="carbon"] [data-range][data-disabled] [data-range-selected],[data-mode="dark"] [data-style="carbon"] [data-range][data-disabled] [data-range-selected]{--un-bg-opacity:1;background-color:rgba(var(--color-surface-600),var(--un-bg-opacity));}
1493
+
1494
+ /**
1495
+ * Timeline - Carbon Theme Styles
1496
+ *
1497
+ * Square circles, flat connector lines, no border-radius.
1498
+ */
1499
+
1500
+ /* =============================================================================
1501
+ Circle
1502
+ ============================================================================= */
1503
+
1504
+ [data-style='carbon'] [data-timeline-circle] {
1505
+ --un-border-opacity:1;border-color:rgba(var(--color-surface-400),var(--un-border-opacity));border-radius:0;--un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
1506
+ }[data-mode="dark"][data-style="carbon"] [data-timeline-circle],[data-mode="dark"] [data-style="carbon"] [data-timeline-circle]{--un-border-opacity:1;border-color:rgba(var(--color-surface-600),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
1507
+
1508
+ [data-style='carbon'] [data-timeline-item][data-completed] [data-timeline-circle] {
1509
+ --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-200),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-500),var(--un-text-opacity));
1510
+ }[data-mode="dark"][data-style="carbon"] [data-timeline-item][data-completed] [data-timeline-circle],[data-mode="dark"] [data-style="carbon"] [data-timeline-item][data-completed] [data-timeline-circle]{--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-800),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-500),var(--un-text-opacity));}
1511
+
1512
+ [data-style='carbon'] [data-timeline-item][data-active] [data-timeline-circle] {
1513
+ border-width:2px;--un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-500),var(--un-text-opacity));
1514
+ }[data-mode="dark"][data-style="carbon"] [data-timeline-item][data-active] [data-timeline-circle],[data-mode="dark"] [data-style="carbon"] [data-timeline-item][data-active] [data-timeline-circle]{--un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-500),var(--un-text-opacity));}
1515
+
1516
+ /* =============================================================================
1517
+ Connector
1518
+ ============================================================================= */
1519
+
1520
+ [data-style='carbon'] [data-timeline-connector] {
1521
+ --un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));
1522
+ }[data-mode="dark"][data-style="carbon"] [data-timeline-connector],[data-mode="dark"] [data-style="carbon"] [data-timeline-connector]{--un-bg-opacity:1;background-color:rgba(var(--color-surface-700),var(--un-bg-opacity));}
1523
+
1524
+ [data-style='carbon'] [data-timeline-item][data-completed] [data-timeline-connector] {
1525
+ --un-bg-opacity:1;background-color:rgba(var(--color-primary-500),var(--un-bg-opacity));
1526
+ }[data-mode="dark"][data-style="carbon"] [data-timeline-item][data-completed] [data-timeline-connector],[data-mode="dark"] [data-style="carbon"] [data-timeline-item][data-completed] [data-timeline-connector]{--un-bg-opacity:1;background-color:rgba(var(--color-primary-500),var(--un-bg-opacity));}
1527
+
1528
+ /* =============================================================================
1529
+ Body
1530
+ ============================================================================= */
1531
+
1532
+ [data-style='carbon'] [data-timeline-title] {
1533
+ --un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
1534
+ }[data-mode="dark"][data-style="carbon"] [data-timeline-title],[data-mode="dark"] [data-style="carbon"] [data-timeline-title]{--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
1535
+
1536
+ [data-style='carbon'] [data-timeline-description] {
1537
+ --un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
1538
+ }[data-mode="dark"][data-style="carbon"] [data-timeline-description],[data-mode="dark"] [data-style="carbon"] [data-timeline-description]{--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
1539
+
1540
+ /**
1541
+ * FloatingNavigation - Carbon Theme Styles
1542
+ *
1543
+ * Flat, structured borders, no border-radius.
1544
+ */
1545
+
1546
+ /* =============================================================================
1547
+ Container
1548
+ ============================================================================= */
1549
+
1550
+ [data-style='carbon'] [data-floating-nav] {
1551
+ border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-400),var(--un-border-opacity));border-radius:0;--un-bg-opacity:1;background-color:rgba(var(--color-surface-100),var(--un-bg-opacity));background-image:none;
1552
+ }[data-mode="dark"][data-style="carbon"] [data-floating-nav],[data-mode="dark"] [data-style="carbon"] [data-floating-nav]{--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-900),var(--un-bg-opacity));}
1553
+
1554
+ /* =============================================================================
1555
+ Header
1556
+ ============================================================================= */
1557
+
1558
+ [data-style='carbon'] [data-floating-nav-title] {
1559
+ --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
1560
+ }[data-mode="dark"][data-style="carbon"] [data-floating-nav-title],[data-mode="dark"] [data-style="carbon"] [data-floating-nav-title]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
1561
+
1562
+ [data-style='carbon'] [data-floating-nav-pin] {
1563
+ --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
1564
+ }[data-mode="dark"][data-style="carbon"] [data-floating-nav-pin],[data-mode="dark"] [data-style="carbon"] [data-floating-nav-pin]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
1565
+
1566
+ [data-style='carbon'] [data-floating-nav-pin]:hover {
1567
+ --un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
1568
+ }[data-mode="dark"][data-style="carbon"] [data-floating-nav-pin]:hover,[data-mode="dark"] [data-style="carbon"] [data-floating-nav-pin]:hover{--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
1569
+
1570
+ [data-style='carbon'] [data-floating-nav-pin][aria-pressed='true'] {
1571
+ --un-text-opacity:1;color:rgba(var(--color-surface-900),var(--un-text-opacity));
1572
+ }[data-mode="dark"][data-style="carbon"] [data-floating-nav-pin][aria-pressed="true"],[data-mode="dark"] [data-style="carbon"] [data-floating-nav-pin][aria-pressed="true"]{--un-text-opacity:1;color:rgba(var(--color-surface-100),var(--un-text-opacity));}
1573
+
1574
+ /* =============================================================================
1575
+ Items
1576
+ ============================================================================= */
1577
+
1578
+ [data-style='carbon'] [data-floating-nav-item] {
1579
+ border-radius:0;--un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
1580
+ }[data-mode="dark"][data-style="carbon"] [data-floating-nav-item],[data-mode="dark"] [data-style="carbon"] [data-floating-nav-item]{--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
1581
+
1582
+ [data-style='carbon'] [data-floating-nav-item]:hover {
1583
+ --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));
1584
+ }[data-mode="dark"][data-style="carbon"] [data-floating-nav-item]:hover,[data-mode="dark"] [data-style="carbon"] [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));}
1585
+
1586
+ [data-style='carbon'] [data-floating-nav-item][data-active] {
1587
+ --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));
1588
+ }[data-mode="dark"][data-style="carbon"] [data-floating-nav-item][data-active],[data-mode="dark"] [data-style="carbon"] [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));}
1589
+
1590
+ [data-style='carbon'] [data-floating-nav-item]:focus-visible {
1591
+ border-width:2px;--un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));outline:2px solid transparent;outline-offset:2px;
1592
+ }[data-mode="dark"][data-style="carbon"] [data-floating-nav-item]:focus-visible,[data-mode="dark"] [data-style="carbon"] [data-floating-nav-item]:focus-visible{--un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));}
1593
+
1594
+ /* Icon */
1595
+ [data-style='carbon'] [data-floating-nav-icon] {
1596
+ --un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
1597
+ }[data-mode="dark"][data-style="carbon"] [data-floating-nav-icon],[data-mode="dark"] [data-style="carbon"] [data-floating-nav-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
1598
+
1599
+ [data-style='carbon'] [data-floating-nav-item][data-active] [data-floating-nav-icon] {
1600
+ --un-text-opacity:1;color:rgba(var(--color-primary-600),var(--un-text-opacity));
1601
+ }[data-mode="dark"][data-style="carbon"] [data-floating-nav-item][data-active] [data-floating-nav-icon],[data-mode="dark"] [data-style="carbon"] [data-floating-nav-item][data-active] [data-floating-nav-icon]{--un-text-opacity:1;color:rgba(var(--color-primary-400),var(--un-text-opacity));}
1602
+
1603
+ /* =============================================================================
1604
+ Active Indicator
1605
+ ============================================================================= */
1606
+
1607
+ [data-style='carbon'] [data-floating-nav-indicator] {
1608
+ --un-bg-opacity:1;background-color:rgba(var(--color-primary-500),var(--un-bg-opacity));background-image:none;
1609
+ }[data-mode="dark"][data-style="carbon"] [data-floating-nav-indicator],[data-mode="dark"] [data-style="carbon"] [data-floating-nav-indicator]{--un-bg-opacity:1;background-color:rgba(var(--color-primary-500),var(--un-bg-opacity));}
1610
+
1611
+ /**
1612
+ * Grid - Carbon Theme Styles
1613
+ *
1614
+ * Flat tile borders, fill-based selection, no border-radius.
1615
+ */
1616
+
1617
+ /* =============================================================================
1618
+ Grid Tiles
1619
+ ============================================================================= */
1620
+
1621
+ [data-style='carbon'] [data-grid] [data-grid-item] {
1622
+ --un-border-opacity:1;border-color:rgba(var(--color-surface-300),var(--un-border-opacity));border-radius:0;--un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
1623
+ }[data-mode="dark"][data-style="carbon"] [data-grid] [data-grid-item],[data-mode="dark"] [data-style="carbon"] [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));}
1624
+
1625
+ [data-style='carbon'] [data-grid] [data-grid-item]:hover:not(:disabled):not([data-disabled]) {
1626
+ --un-border-opacity:1;border-color:rgba(var(--color-surface-500),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));
1627
+ }[data-mode="dark"][data-style="carbon"] [data-grid] [data-grid-item]:hover:not(:disabled):not([data-disabled]),[data-mode="dark"] [data-style="carbon"] [data-grid] [data-grid-item]:hover:not(:disabled):not([data-disabled]){--un-border-opacity:1;border-color:rgba(var(--color-surface-500),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));}
1628
+
1629
+ [data-style='carbon'] [data-grid] [data-grid-item]:focus:not(:disabled):not([data-disabled]) {
1630
+ --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-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;
1631
+ }[data-mode="dark"][data-style="carbon"] [data-grid] [data-grid-item]:focus:not(:disabled):not([data-disabled]),[data-mode="dark"] [data-style="carbon"] [data-grid] [data-grid-item]:focus:not(:disabled):not([data-disabled]){--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-800),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-100),var(--un-text-opacity));}
1632
+
1633
+ /* Active / selected tile */
1634
+ [data-style='carbon'] [data-grid] [data-grid-item][data-active] {
1635
+ --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-200),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-900),var(--un-text-opacity));
1636
+ }[data-mode="dark"][data-style="carbon"] [data-grid] [data-grid-item][data-active],[data-mode="dark"] [data-style="carbon"] [data-grid] [data-grid-item][data-active]{--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-800),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-100),var(--un-text-opacity));}
1637
+
1638
+ [data-style='carbon'] [data-grid] [data-grid-item][data-active]:hover:not(:disabled) {
1639
+ --un-bg-opacity:1;background-color:rgba(var(--color-primary-300),var(--un-bg-opacity));
1640
+ }[data-mode="dark"][data-style="carbon"] [data-grid] [data-grid-item][data-active]:hover:not(:disabled),[data-mode="dark"] [data-style="carbon"] [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));}
1641
+
1642
+ /* =============================================================================
1643
+ Item Elements
1644
+ ============================================================================= */
1645
+
1646
+ [data-style='carbon'] [data-grid] [data-grid-item] [data-item-icon] {
1647
+ --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
1648
+ }[data-mode="dark"][data-style="carbon"] [data-grid] [data-grid-item] [data-item-icon],[data-mode="dark"] [data-style="carbon"] [data-grid] [data-grid-item] [data-item-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
1649
+
1650
+ [data-style='carbon'] [data-grid] [data-grid-item]:hover:not(:disabled) [data-item-icon] {
1651
+ --un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
1652
+ }[data-mode="dark"][data-style="carbon"] [data-grid] [data-grid-item]:hover:not(:disabled) [data-item-icon],[data-mode="dark"] [data-style="carbon"] [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));}
1653
+
1654
+ [data-style='carbon'] [data-grid] [data-grid-item][data-active] [data-item-icon] {
1655
+ --un-text-opacity:1;color:rgba(var(--color-primary-600),var(--un-text-opacity));
1656
+ }[data-mode="dark"][data-style="carbon"] [data-grid] [data-grid-item][data-active] [data-item-icon],[data-mode="dark"] [data-style="carbon"] [data-grid] [data-grid-item][data-active] [data-item-icon]{--un-text-opacity:1;color:rgba(var(--color-primary-400),var(--un-text-opacity));}
1657
+
1658
+ /**
1659
+ * UploadTarget - Carbon Theme Styles
1660
+ *
1661
+ * Flat drop zone with structured borders, no border-radius.
1662
+ */
1663
+
1664
+ /* =============================================================================
1665
+ Drop Zone
1666
+ ============================================================================= */
1667
+
1668
+ [data-style='carbon'] [data-upload-target] {
1669
+ border-width:2px;--un-border-opacity:1;border-color:rgba(var(--color-surface-400),var(--un-border-opacity));border-radius:0;--un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
1670
+ }[data-mode="dark"][data-style="carbon"] [data-upload-target],[data-mode="dark"] [data-style="carbon"] [data-upload-target]{--un-border-opacity:1;border-color:rgba(var(--color-surface-600),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
1671
+
1672
+ [data-style='carbon'] [data-upload-target]:hover:not([data-disabled]) {
1673
+ --un-border-opacity:1;border-color:rgba(var(--color-surface-500),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));
1674
+ }[data-mode="dark"][data-style="carbon"] [data-upload-target]:hover:not([data-disabled]),[data-mode="dark"] [data-style="carbon"] [data-upload-target]:hover:not([data-disabled]){--un-border-opacity:1;border-color:rgba(var(--color-surface-500),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));}
1675
+
1676
+ [data-style='carbon'] [data-upload-target]:focus-visible:not([data-disabled]) {
1677
+ border-width:2px;--un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));outline:2px solid transparent;outline-offset:2px;
1678
+ }[data-mode="dark"][data-style="carbon"] [data-upload-target]:focus-visible:not([data-disabled]),[data-mode="dark"] [data-style="carbon"] [data-upload-target]:focus-visible:not([data-disabled]){--un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));}
1679
+
1680
+ /* Drag-over highlight */
1681
+ [data-style='carbon'] [data-upload-target][data-dragging] {
1682
+ --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-200),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-700),var(--un-text-opacity));
1683
+ }[data-mode="dark"][data-style="carbon"] [data-upload-target][data-dragging],[data-mode="dark"] [data-style="carbon"] [data-upload-target][data-dragging]{--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-800),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-300),var(--un-text-opacity));}
1684
+
1685
+ /* =============================================================================
1686
+ Upload Icon
1687
+ ============================================================================= */
1688
+
1689
+ [data-style='carbon'] [data-upload-target] [data-upload-icon] {
1690
+ --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
1691
+ }[data-mode="dark"][data-style="carbon"] [data-upload-target] [data-upload-icon],[data-mode="dark"] [data-style="carbon"] [data-upload-target] [data-upload-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
1692
+
1693
+ [data-style='carbon'] [data-upload-target][data-dragging] [data-upload-icon] {
1694
+ --un-text-opacity:1;color:rgba(var(--color-primary-600),var(--un-text-opacity));
1695
+ }[data-mode="dark"][data-style="carbon"] [data-upload-target][data-dragging] [data-upload-icon],[data-mode="dark"] [data-style="carbon"] [data-upload-target][data-dragging] [data-upload-icon]{--un-text-opacity:1;color:rgba(var(--color-primary-400),var(--un-text-opacity));}
1696
+
1697
+ /* =============================================================================
1698
+ Browse Button
1699
+ ============================================================================= */
1700
+
1701
+ [data-style='carbon'] [data-upload-target] [data-upload-button] {
1702
+ border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-400),var(--un-border-opacity));border-radius:0;--un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
1703
+ }[data-mode="dark"][data-style="carbon"] [data-upload-target] [data-upload-button],[data-mode="dark"] [data-style="carbon"] [data-upload-target] [data-upload-button]{--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-300),var(--un-text-opacity));}
1704
+
1705
+ [data-style='carbon'] [data-upload-target] [data-upload-button]:hover:not(:disabled) {
1706
+ --un-bg-opacity:1;background-color:rgba(var(--color-surface-400),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-900),var(--un-text-opacity));
1707
+ }[data-mode="dark"][data-style="carbon"] [data-upload-target] [data-upload-button]:hover:not(:disabled),[data-mode="dark"] [data-style="carbon"] [data-upload-target] [data-upload-button]: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-surface-100),var(--un-text-opacity));}
1708
+
1709
+ /**
1710
+ * UploadProgress - Carbon Theme Styles
1711
+ *
1712
+ * Status colors, flat progress fill, action buttons.
1713
+ */
1714
+
1715
+ /* =============================================================================
1716
+ Header
1717
+ ============================================================================= */
1718
+
1719
+ [data-style='carbon'] [data-upload-header] {
1720
+ --un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
1721
+ }[data-mode="dark"][data-style="carbon"] [data-upload-header],[data-mode="dark"] [data-style="carbon"] [data-upload-header]{--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
1722
+
1723
+ [data-style='carbon'] [data-upload-clear] {
1724
+ border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-400),var(--un-border-opacity));border-radius:0;--un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
1725
+ }[data-mode="dark"][data-style="carbon"] [data-upload-clear],[data-mode="dark"] [data-style="carbon"] [data-upload-clear]{--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-400),var(--un-text-opacity));}
1726
+
1727
+ [data-style='carbon'] [data-upload-clear]:hover {
1728
+ --un-bg-opacity:1;background-color:rgba(var(--color-surface-400),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-900),var(--un-text-opacity));
1729
+ }[data-mode="dark"][data-style="carbon"] [data-upload-clear]:hover,[data-mode="dark"] [data-style="carbon"] [data-upload-clear]:hover{--un-bg-opacity:1;background-color:rgba(var(--color-surface-600),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-100),var(--un-text-opacity));}
1730
+
1731
+ /* =============================================================================
1732
+ File Rows
1733
+ ============================================================================= */
1734
+
1735
+ [data-style='carbon'] [data-upload-file-status] {
1736
+ --un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
1737
+ }[data-mode="dark"][data-style="carbon"] [data-upload-file-status],[data-mode="dark"] [data-style="carbon"] [data-upload-file-status]{--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
1738
+
1739
+ [data-style='carbon'] [data-upload-file-status]:hover {
1740
+ --un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));
1741
+ }[data-mode="dark"][data-style="carbon"] [data-upload-file-status]:hover,[data-mode="dark"] [data-style="carbon"] [data-upload-file-status]:hover{--un-bg-opacity:1;background-color:rgba(var(--color-surface-800),var(--un-bg-opacity));}
1742
+
1743
+ /* =============================================================================
1744
+ File Elements
1745
+ ============================================================================= */
1746
+
1747
+ [data-style='carbon'] [data-upload-file-icon] {
1748
+ --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
1749
+ }[data-mode="dark"][data-style="carbon"] [data-upload-file-icon],[data-mode="dark"] [data-style="carbon"] [data-upload-file-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
1750
+
1751
+ [data-style='carbon'] [data-upload-file-size] {
1752
+ --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
1753
+ }[data-mode="dark"][data-style="carbon"] [data-upload-file-size],[data-mode="dark"] [data-style="carbon"] [data-upload-file-size]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
1754
+
1755
+ /* =============================================================================
1756
+ Progress Bar
1757
+ ============================================================================= */
1758
+
1759
+ [data-style='carbon'] [data-upload-bar] {
1760
+ --un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));
1761
+ }[data-mode="dark"][data-style="carbon"] [data-upload-bar],[data-mode="dark"] [data-style="carbon"] [data-upload-bar]{--un-bg-opacity:1;background-color:rgba(var(--color-surface-700),var(--un-bg-opacity));}
1762
+
1763
+ [data-style='carbon'] [data-upload-fill] {
1764
+ --un-bg-opacity:1;background-color:rgba(var(--color-primary-500),var(--un-bg-opacity));background-image:none;
1765
+ }[data-mode="dark"][data-style="carbon"] [data-upload-fill],[data-mode="dark"] [data-style="carbon"] [data-upload-fill]{--un-bg-opacity:1;background-color:rgba(var(--color-primary-500),var(--un-bg-opacity));}
1766
+
1767
+ /* =============================================================================
1768
+ Status Colors
1769
+ ============================================================================= */
1770
+
1771
+ [data-style='carbon'] [data-upload-file-status][data-status='uploading'] [data-upload-status] {
1772
+ --un-text-opacity:1;color:rgba(var(--color-primary-600),var(--un-text-opacity));
1773
+ }[data-mode="dark"][data-style="carbon"] [data-upload-file-status][data-status="uploading"] [data-upload-status],[data-mode="dark"] [data-style="carbon"] [data-upload-file-status][data-status="uploading"] [data-upload-status]{--un-text-opacity:1;color:rgba(var(--color-primary-400),var(--un-text-opacity));}
1774
+
1775
+ [data-style='carbon'] [data-upload-file-status][data-status='done'] [data-upload-status] {
1776
+ --un-text-opacity:1;color:rgb(34 197 94 / var(--un-text-opacity));
1777
+ }
1778
+
1779
+ [data-style='carbon'] [data-upload-file-status][data-status='error'] [data-upload-status] {
1780
+ --un-text-opacity:1;color:rgb(239 68 68 / var(--un-text-opacity));
1781
+ }
1782
+
1783
+ [data-style='carbon'] [data-upload-file-status][data-status='pending'] [data-upload-status] {
1784
+ --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
1785
+ }[data-mode="dark"][data-style="carbon"] [data-upload-file-status][data-status="pending"] [data-upload-status],[data-mode="dark"] [data-style="carbon"] [data-upload-file-status][data-status="pending"] [data-upload-status]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
1786
+
1787
+ /* Status-based file icon tinting */
1788
+ [data-style='carbon'] [data-upload-file-status][data-status='done'] [data-upload-file-icon] {
1789
+ --un-text-opacity:1;color:rgb(34 197 94 / var(--un-text-opacity));
1790
+ }
1791
+
1792
+ [data-style='carbon'] [data-upload-file-status][data-status='error'] [data-upload-file-icon] {
1793
+ --un-text-opacity:1;color:rgb(239 68 68 / var(--un-text-opacity));
1794
+ }
1795
+
1796
+ /* =============================================================================
1797
+ Action Buttons
1798
+ ============================================================================= */
1799
+
1800
+ [data-style='carbon'] [data-upload-actions] button {
1801
+ border-radius:0;--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
1802
+ }[data-mode="dark"][data-style="carbon"] [data-upload-actions] button,[data-mode="dark"] [data-style="carbon"] [data-upload-actions] button{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
1803
+
1804
+ [data-style='carbon'] [data-upload-actions] button:hover {
1805
+ --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));
1806
+ }[data-mode="dark"][data-style="carbon"] [data-upload-actions] button:hover,[data-mode="dark"] [data-style="carbon"] [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));}
1807
+
1808
+ [data-style='carbon'] [data-upload-file-status][data-status='error'] [data-upload-retry]:hover {
1809
+ --un-text-opacity:1;color:rgba(var(--color-primary-700),var(--un-text-opacity));
1810
+ }[data-mode="dark"][data-style="carbon"] [data-upload-file-status][data-status="error"] [data-upload-retry]:hover,[data-mode="dark"] [data-style="carbon"] [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));}
1811
+
1812
+ /**
1813
+ * TableOfContents - Carbon Theme Styles
1814
+ *
1815
+ * Flat, structured, no border-radius.
1816
+ */
1817
+
1818
+ [data-style='carbon'] [data-toc] [data-toc-label] {
1819
+ --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
1820
+ }[data-mode="dark"][data-style="carbon"] [data-toc] [data-toc-label],[data-mode="dark"] [data-style="carbon"] [data-toc] [data-toc-label]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
1821
+
1822
+ [data-style='carbon'] [data-toc] [data-toc-item] {
1823
+ --un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
1824
+ }[data-mode="dark"][data-style="carbon"] [data-toc] [data-toc-item],[data-mode="dark"] [data-style="carbon"] [data-toc] [data-toc-item]{--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
1825
+
1826
+ [data-style='carbon'] [data-toc] [data-toc-item]:hover,
1827
+ [data-style='carbon'] [data-toc] [data-toc-item][data-toc-focused] {
1828
+ --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;
1829
+ }[data-mode="dark"][data-style="carbon"] [data-toc] [data-toc-item]:hover,[data-mode="dark"] [data-style="carbon"] [data-toc] [data-toc-item]:hover,[data-mode="dark"][data-style="carbon"] [data-toc] [data-toc-item][data-toc-focused],[data-mode="dark"] [data-style="carbon"] [data-toc] [data-toc-item][data-toc-focused]{--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));}
1830
+
1831
+ [data-style='carbon'] [data-toc] [data-toc-item][data-toc-active] {
1832
+ border-left-width:2px;--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));--un-text-opacity:1;color:rgba(var(--color-primary-700),var(--un-text-opacity));
1833
+ }[data-mode="dark"][data-style="carbon"] [data-toc] [data-toc-item][data-toc-active],[data-mode="dark"] [data-style="carbon"] [data-toc] [data-toc-item][data-toc-active]{--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));--un-text-opacity:1;color:rgba(var(--color-primary-300),var(--un-text-opacity));}
1834
+
1835
+ /**
1836
+ * Card - Carbon Theme Styles
1837
+ *
1838
+ * Flat, structured borders, no shadow, no border-radius.
1839
+ */
1840
+
1841
+ /* =============================================================================
1842
+ Base Card Styles
1843
+ ============================================================================= */
1844
+
1845
+ [data-style='carbon'] [data-card] {
1846
+ border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-300),var(--un-border-opacity));border-radius:0;--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));
1847
+ }[data-mode="dark"][data-style="carbon"] [data-card],[data-mode="dark"] [data-style="carbon"] [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));}
1848
+
1849
+ /* Interactive cards */
1850
+ [data-style='carbon'] [data-card][data-card-interactive] {
1851
+ cursor: pointer;
1852
+ transition: border-color 0.2s ease;
1853
+ }
1854
+
1855
+ [data-style='carbon'] [data-card][data-card-interactive]:hover {
1856
+ --un-border-opacity:1;border-color:rgba(var(--color-surface-500),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-100),var(--un-bg-opacity));
1857
+ }[data-mode="dark"][data-style="carbon"] [data-card][data-card-interactive]:hover,[data-mode="dark"] [data-style="carbon"] [data-card][data-card-interactive]:hover{--un-border-opacity:1;border-color:rgba(var(--color-surface-500),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-900),var(--un-bg-opacity));}
1858
+
1859
+ [data-style='carbon'] [data-card][data-card-interactive]:active {
1860
+ --un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));
1861
+ }[data-mode="dark"][data-style="carbon"] [data-card][data-card-interactive]:active,[data-mode="dark"] [data-style="carbon"] [data-card][data-card-interactive]:active{--un-bg-opacity:1;background-color:rgba(var(--color-surface-800),var(--un-bg-opacity));}
1862
+
1863
+ /* =============================================================================
1864
+ Card Sections
1865
+ ============================================================================= */
1866
+
1867
+ [data-style='carbon'] [data-card-header] {
1868
+ border-bottom-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-300),var(--un-border-opacity));
1869
+ }[data-mode="dark"][data-style="carbon"] [data-card-header],[data-mode="dark"] [data-style="carbon"] [data-card-header]{--un-border-opacity:1;border-color:rgba(var(--color-surface-700),var(--un-border-opacity));}
1870
+
1871
+ [data-style='carbon'] [data-card-body] {
1872
+ --un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
1873
+ }[data-mode="dark"][data-style="carbon"] [data-card-body],[data-mode="dark"] [data-style="carbon"] [data-card-body]{--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
1874
+
1875
+ [data-style='carbon'] [data-card-footer] {
1876
+ 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));
1877
+ }[data-mode="dark"][data-style="carbon"] [data-card-footer],[data-mode="dark"] [data-style="carbon"] [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));}
1878
+
1879
+ /* =============================================================================
1880
+ Focus States
1881
+ ============================================================================= */
1882
+
1883
+ [data-style='carbon'] [data-card][data-card-interactive]:focus-visible {
1884
+ border-width:2px;--un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));outline:2px solid transparent;outline-offset:2px;
1885
+ }[data-mode="dark"][data-style="carbon"] [data-card][data-card-interactive]:focus-visible,[data-mode="dark"] [data-style="carbon"] [data-card][data-card-interactive]:focus-visible{--un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));}
1886
+
1887
+ /* =============================================================================
1888
+ Disabled State
1889
+ ============================================================================= */
1890
+
1891
+ [data-style='carbon'] [data-card][data-card-interactive][data-disabled],
1892
+ [data-style='carbon'] [data-card][data-card-interactive]:disabled {
1893
+ cursor:not-allowed;opacity:0.5;
1894
+ }
1895
+
1896
+ /* =============================================================================
1897
+ Variants
1898
+ ============================================================================= */
1899
+
1900
+ /* Primary — solid primary fill */
1901
+ [data-style='carbon'] [data-card][data-variant='primary'] {
1902
+ border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-primary-600),var(--un-border-opacity));border-radius:0;--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));
1903
+ }[data-mode="dark"][data-style="carbon"] [data-card][data-variant="primary"],[data-mode="dark"] [data-style="carbon"] [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));}
1904
+
1905
+ [data-style='carbon'] [data-card][data-variant='primary'] [data-card-header],
1906
+ [data-style='carbon'] [data-card][data-variant='primary'] [data-card-footer] {
1907
+ border-color:rgba(var(--color-primary-400),0.4);
1908
+ }[data-mode="dark"][data-style="carbon"] [data-card][data-variant="primary"] [data-card-header],[data-mode="dark"] [data-style="carbon"] [data-card][data-variant="primary"] [data-card-header],[data-mode="dark"][data-style="carbon"] [data-card][data-variant="primary"] [data-card-footer],[data-mode="dark"] [data-style="carbon"] [data-card][data-variant="primary"] [data-card-footer]{border-color:rgba(var(--color-primary-600),0.4);}
1909
+
1910
+ [data-style='carbon'] [data-card][data-variant='primary'] [data-card-body] {
1911
+ @apply text-on-primary/80;
1912
+ }
1913
+
1914
+ /* Secondary — solid secondary fill */
1915
+ [data-style='carbon'] [data-card][data-variant='secondary'] {
1916
+ border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-secondary-500),var(--un-border-opacity));border-radius:0;--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));
1917
+ }[data-mode="dark"][data-style="carbon"] [data-card][data-variant="secondary"],[data-mode="dark"] [data-style="carbon"] [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));}
1918
+
1919
+ [data-style='carbon'] [data-card][data-variant='secondary'] [data-card-header],
1920
+ [data-style='carbon'] [data-card][data-variant='secondary'] [data-card-footer] {
1921
+ border-color:rgba(var(--color-secondary-300),0.4);
1922
+ }[data-mode="dark"][data-style="carbon"] [data-card][data-variant="secondary"] [data-card-header],[data-mode="dark"] [data-style="carbon"] [data-card][data-variant="secondary"] [data-card-header],[data-mode="dark"][data-style="carbon"] [data-card][data-variant="secondary"] [data-card-footer],[data-mode="dark"] [data-style="carbon"] [data-card][data-variant="secondary"] [data-card-footer]{border-color:rgba(var(--color-secondary-700),0.4);}
1923
+
1924
+ [data-style='carbon'] [data-card][data-variant='secondary'] [data-card-body] {
1925
+ @apply text-on-secondary/80;
1926
+ }
1927
+
1928
+ /* Tertiary — recessed surface */
1929
+ [data-style='carbon'] [data-card][data-variant='tertiary'] {
1930
+ border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-300),var(--un-border-opacity));border-radius:0;--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));
1931
+ }[data-mode="dark"][data-style="carbon"] [data-card][data-variant="tertiary"],[data-mode="dark"] [data-style="carbon"] [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));}
1932
+
1933
+ /**
1934
+ * Message - Carbon Theme Styles
1935
+ *
1936
+ * Flat notification banners, no border-radius.
1937
+ */
1938
+
1939
+ [data-style='carbon'] [data-message-root][data-type='error'] {
1940
+ border-left-width:4px;--un-border-opacity:1;border-color:rgba(var(--color-error-400),var(--un-border-opacity));border-radius:0;--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));
1941
+ }[data-mode="dark"][data-style="carbon"] [data-message-root][data-type="error"],[data-mode="dark"] [data-style="carbon"] [data-message-root][data-type="error"]{--un-border-opacity:1;border-color:rgba(var(--color-error-600),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));}
1942
+ [data-style='carbon'] [data-message-root][data-type='error'] [data-message-icon],
1943
+ [data-style='carbon'] [data-message-root][data-type='error'] [data-message-dismiss] {
1944
+ --un-text-opacity:1;color:rgba(var(--color-error-500),var(--un-text-opacity));
1945
+ }[data-mode="dark"][data-style="carbon"] [data-message-root][data-type="error"] [data-message-icon],[data-mode="dark"] [data-style="carbon"] [data-message-root][data-type="error"] [data-message-icon],[data-mode="dark"][data-style="carbon"] [data-message-root][data-type="error"] [data-message-dismiss],[data-mode="dark"] [data-style="carbon"] [data-message-root][data-type="error"] [data-message-dismiss]{--un-text-opacity:1;color:rgba(var(--color-error-500),var(--un-text-opacity));}
1946
+
1947
+ [data-style='carbon'] [data-message-root][data-type='warning'] {
1948
+ border-left-width:4px;--un-border-opacity:1;border-color:rgba(var(--color-warning-400),var(--un-border-opacity));border-radius:0;--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));
1949
+ }[data-mode="dark"][data-style="carbon"] [data-message-root][data-type="warning"],[data-mode="dark"] [data-style="carbon"] [data-message-root][data-type="warning"]{--un-border-opacity:1;border-color:rgba(var(--color-warning-600),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));}
1950
+ [data-style='carbon'] [data-message-root][data-type='warning'] [data-message-icon],
1951
+ [data-style='carbon'] [data-message-root][data-type='warning'] [data-message-dismiss] {
1952
+ --un-text-opacity:1;color:rgba(var(--color-warning-500),var(--un-text-opacity));
1953
+ }[data-mode="dark"][data-style="carbon"] [data-message-root][data-type="warning"] [data-message-icon],[data-mode="dark"] [data-style="carbon"] [data-message-root][data-type="warning"] [data-message-icon],[data-mode="dark"][data-style="carbon"] [data-message-root][data-type="warning"] [data-message-dismiss],[data-mode="dark"] [data-style="carbon"] [data-message-root][data-type="warning"] [data-message-dismiss]{--un-text-opacity:1;color:rgba(var(--color-warning-500),var(--un-text-opacity));}
1954
+
1955
+ [data-style='carbon'] [data-message-root][data-type='info'] {
1956
+ border-left-width:4px;--un-border-opacity:1;border-color:rgba(var(--color-info-400),var(--un-border-opacity));border-radius:0;--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));
1957
+ }[data-mode="dark"][data-style="carbon"] [data-message-root][data-type="info"],[data-mode="dark"] [data-style="carbon"] [data-message-root][data-type="info"]{--un-border-opacity:1;border-color:rgba(var(--color-info-600),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));}
1958
+ [data-style='carbon'] [data-message-root][data-type='info'] [data-message-icon],
1959
+ [data-style='carbon'] [data-message-root][data-type='info'] [data-message-dismiss] {
1960
+ --un-text-opacity:1;color:rgba(var(--color-info-500),var(--un-text-opacity));
1961
+ }[data-mode="dark"][data-style="carbon"] [data-message-root][data-type="info"] [data-message-icon],[data-mode="dark"] [data-style="carbon"] [data-message-root][data-type="info"] [data-message-icon],[data-mode="dark"][data-style="carbon"] [data-message-root][data-type="info"] [data-message-dismiss],[data-mode="dark"] [data-style="carbon"] [data-message-root][data-type="info"] [data-message-dismiss]{--un-text-opacity:1;color:rgba(var(--color-info-500),var(--un-text-opacity));}
1962
+
1963
+ [data-style='carbon'] [data-message-root][data-type='success'] {
1964
+ border-left-width:4px;--un-border-opacity:1;border-color:rgba(var(--color-success-400),var(--un-border-opacity));border-radius:0;--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));
1965
+ }[data-mode="dark"][data-style="carbon"] [data-message-root][data-type="success"],[data-mode="dark"] [data-style="carbon"] [data-message-root][data-type="success"]{--un-border-opacity:1;border-color:rgba(var(--color-success-600),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));}
1966
+ [data-style='carbon'] [data-message-root][data-type='success'] [data-message-icon],
1967
+ [data-style='carbon'] [data-message-root][data-type='success'] [data-message-dismiss] {
1968
+ --un-text-opacity:1;color:rgba(var(--color-success-500),var(--un-text-opacity));
1969
+ }[data-mode="dark"][data-style="carbon"] [data-message-root][data-type="success"] [data-message-icon],[data-mode="dark"] [data-style="carbon"] [data-message-root][data-type="success"] [data-message-icon],[data-mode="dark"][data-style="carbon"] [data-message-root][data-type="success"] [data-message-dismiss],[data-mode="dark"] [data-style="carbon"] [data-message-root][data-type="success"] [data-message-dismiss]{--un-text-opacity:1;color:rgba(var(--color-success-500),var(--un-text-opacity));}
1970
+
1971
+ /**
1972
+ * StatusList - Carbon Theme Styles
1973
+ */
1974
+
1975
+ /* ── @rokkit/ui StatusList: icon and text colors by status ── */
1976
+
1977
+ [data-style='carbon'] [data-status-item][data-status='pass'] span {
1978
+ --un-text-opacity:1;color:rgba(var(--color-success-500),var(--un-text-opacity));
1979
+ }[data-mode="dark"][data-style="carbon"] [data-status-item][data-status="pass"] span,[data-mode="dark"] [data-style="carbon"] [data-status-item][data-status="pass"] span{--un-text-opacity:1;color:rgba(var(--color-success-500),var(--un-text-opacity));}
1980
+ [data-style='carbon'] [data-status-item][data-status='fail'] span {
1981
+ --un-text-opacity:1;color:rgba(var(--color-error-500),var(--un-text-opacity));
1982
+ }[data-mode="dark"][data-style="carbon"] [data-status-item][data-status="fail"] span,[data-mode="dark"] [data-style="carbon"] [data-status-item][data-status="fail"] span{--un-text-opacity:1;color:rgba(var(--color-error-500),var(--un-text-opacity));}
1983
+ [data-style='carbon'] [data-status-item][data-status='warn'] span {
1984
+ --un-text-opacity:1;color:rgba(var(--color-warning-500),var(--un-text-opacity));
1985
+ }[data-mode="dark"][data-style="carbon"] [data-status-item][data-status="warn"] span,[data-mode="dark"] [data-style="carbon"] [data-status-item][data-status="warn"] span{--un-text-opacity:1;color:rgba(var(--color-warning-500),var(--un-text-opacity));}
1986
+ [data-style='carbon'] [data-status-item][data-status='unknown'] span {
1987
+ --un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));
1988
+ }[data-mode="dark"][data-style="carbon"] [data-status-item][data-status="unknown"] span,[data-mode="dark"] [data-style="carbon"] [data-status-item][data-status="unknown"] span{--un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));}
1989
+
1990
+ [data-style='carbon'] [data-status-item][data-status='pass'] {
1991
+ --un-text-opacity:1;color:rgba(var(--color-success-700),var(--un-text-opacity));
1992
+ }[data-mode="dark"][data-style="carbon"] [data-status-item][data-status="pass"],[data-mode="dark"] [data-style="carbon"] [data-status-item][data-status="pass"]{--un-text-opacity:1;color:rgba(var(--color-success-300),var(--un-text-opacity));}
1993
+ [data-style='carbon'] [data-status-item][data-status='fail'] {
1994
+ --un-text-opacity:1;color:rgba(var(--color-error-700),var(--un-text-opacity));
1995
+ }[data-mode="dark"][data-style="carbon"] [data-status-item][data-status="fail"],[data-mode="dark"] [data-style="carbon"] [data-status-item][data-status="fail"]{--un-text-opacity:1;color:rgba(var(--color-error-300),var(--un-text-opacity));}
1996
+ [data-style='carbon'] [data-status-item][data-status='warn'] {
1997
+ --un-text-opacity:1;color:rgba(var(--color-warning-700),var(--un-text-opacity));
1998
+ }[data-mode="dark"][data-style="carbon"] [data-status-item][data-status="warn"],[data-mode="dark"] [data-style="carbon"] [data-status-item][data-status="warn"]{--un-text-opacity:1;color:rgba(var(--color-warning-300),var(--un-text-opacity));}
1999
+ [data-style='carbon'] [data-status-item][data-status='unknown'] {
2000
+ --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
2001
+ }[data-mode="dark"][data-style="carbon"] [data-status-item][data-status="unknown"],[data-mode="dark"] [data-style="carbon"] [data-status-item][data-status="unknown"]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
2002
+
2003
+ /* ── @rokkit/forms StatusList: group headers by severity ── */
2004
+
2005
+ [data-style='carbon'] [data-status-group][data-severity='error'] [data-status-header] {
2006
+ --un-text-opacity:1;color:rgba(var(--color-error-500),var(--un-text-opacity));
2007
+ }[data-mode="dark"][data-style="carbon"] [data-status-group][data-severity="error"] [data-status-header],[data-mode="dark"] [data-style="carbon"] [data-status-group][data-severity="error"] [data-status-header]{--un-text-opacity:1;color:rgba(var(--color-error-500),var(--un-text-opacity));}
2008
+ [data-style='carbon'] [data-status-group][data-severity='warning'] [data-status-header] {
2009
+ --un-text-opacity:1;color:rgba(var(--color-warning-500),var(--un-text-opacity));
2010
+ }[data-mode="dark"][data-style="carbon"] [data-status-group][data-severity="warning"] [data-status-header],[data-mode="dark"] [data-style="carbon"] [data-status-group][data-severity="warning"] [data-status-header]{--un-text-opacity:1;color:rgba(var(--color-warning-500),var(--un-text-opacity));}
2011
+ [data-style='carbon'] [data-status-group][data-severity='info'] [data-status-header] {
2012
+ --un-text-opacity:1;color:rgba(var(--color-info-500),var(--un-text-opacity));
2013
+ }[data-mode="dark"][data-style="carbon"] [data-status-group][data-severity="info"] [data-status-header],[data-mode="dark"] [data-style="carbon"] [data-status-group][data-severity="info"] [data-status-header]{--un-text-opacity:1;color:rgba(var(--color-info-500),var(--un-text-opacity));}
2014
+ [data-style='carbon'] [data-status-group][data-severity='success'] [data-status-header] {
2015
+ --un-text-opacity:1;color:rgba(var(--color-success-500),var(--un-text-opacity));
2016
+ }[data-mode="dark"][data-style="carbon"] [data-status-group][data-severity="success"] [data-status-header],[data-mode="dark"] [data-style="carbon"] [data-status-group][data-severity="success"] [data-status-header]{--un-text-opacity:1;color:rgba(var(--color-success-500),var(--un-text-opacity));}
2017
+
2018
+ /* ── @rokkit/forms StatusList: item colors ── */
2019
+
2020
+ [data-style='carbon'] [data-status-item][data-status='error'] {
2021
+ --un-text-opacity:1;color:rgba(var(--color-error-700),var(--un-text-opacity));
2022
+ }[data-mode="dark"][data-style="carbon"] [data-status-item][data-status="error"],[data-mode="dark"] [data-style="carbon"] [data-status-item][data-status="error"]{--un-text-opacity:1;color:rgba(var(--color-error-300),var(--un-text-opacity));}
2023
+ [data-style='carbon'] [data-status-item][data-status='warning'] {
2024
+ --un-text-opacity:1;color:rgba(var(--color-warning-700),var(--un-text-opacity));
2025
+ }[data-mode="dark"][data-style="carbon"] [data-status-item][data-status="warning"],[data-mode="dark"] [data-style="carbon"] [data-status-item][data-status="warning"]{--un-text-opacity:1;color:rgba(var(--color-warning-300),var(--un-text-opacity));}
2026
+ [data-style='carbon'] [data-status-item][data-status='info'] {
2027
+ --un-text-opacity:1;color:rgba(var(--color-info-700),var(--un-text-opacity));
2028
+ }[data-mode="dark"][data-style="carbon"] [data-status-item][data-status="info"],[data-mode="dark"] [data-style="carbon"] [data-status-item][data-status="info"]{--un-text-opacity:1;color:rgba(var(--color-info-300),var(--un-text-opacity));}
2029
+ [data-style='carbon'] [data-status-item][data-status='success'] {
2030
+ --un-text-opacity:1;color:rgba(var(--color-success-700),var(--un-text-opacity));
2031
+ }[data-mode="dark"][data-style="carbon"] [data-status-item][data-status="success"],[data-mode="dark"] [data-style="carbon"] [data-status-item][data-status="success"]{--un-text-opacity:1;color:rgba(var(--color-success-300),var(--un-text-opacity));}
2032
+
2033
+ /* Count badge */
2034
+ [data-style='carbon'] [data-status-count] {
2035
+ background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));font-weight:600;
2036
+ }[data-mode="dark"][data-style="carbon"] [data-status-count],[data-mode="dark"] [data-style="carbon"] [data-status-count]{--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
2037
+
2038
+ /**
2039
+ * Chart - Carbon Theme Styles
2040
+ */
2041
+
2042
+ [data-style='carbon'] [data-chart-axis-line],
2043
+ [data-style='carbon'] [data-chart-tick] line {
2044
+ --un-stroke-opacity:1;stroke:rgba(var(--color-surface-300),var(--un-stroke-opacity));
2045
+ }[data-mode="dark"][data-style="carbon"] [data-chart-axis-line],[data-mode="dark"] [data-style="carbon"] [data-chart-axis-line],[data-mode="dark"][data-style="carbon"] [data-chart-tick] line,[data-mode="dark"] [data-style="carbon"] [data-chart-tick] line{--un-stroke-opacity:1;stroke:rgba(var(--color-surface-700),var(--un-stroke-opacity));}
2046
+
2047
+ [data-style='carbon'] [data-chart-tick-label] {
2048
+ --un-fill-opacity:1;fill:rgba(var(--color-surface-500),var(--un-fill-opacity));
2049
+ }[data-mode="dark"][data-style="carbon"] [data-chart-tick-label],[data-mode="dark"] [data-style="carbon"] [data-chart-tick-label]{--un-fill-opacity:1;fill:rgba(var(--color-surface-500),var(--un-fill-opacity));}
2050
+
2051
+ [data-style='carbon'] [data-chart-grid-line] {
2052
+ --un-stroke-opacity:1;stroke:rgba(var(--color-surface-300),var(--un-stroke-opacity));
2053
+ stroke-opacity: 0.5;
2054
+ stroke-dasharray: 2 4;
2055
+ }[data-mode="dark"][data-style="carbon"] [data-chart-grid-line],[data-mode="dark"] [data-style="carbon"] [data-chart-grid-line]{--un-stroke-opacity:1;stroke:rgba(var(--color-surface-700),var(--un-stroke-opacity));}
2056
+
2057
+ [data-style='carbon'] [data-chart-legend-label] {
2058
+ --un-fill-opacity:1;fill:rgba(var(--color-surface-500),var(--un-fill-opacity));
2059
+ }[data-mode="dark"][data-style="carbon"] [data-chart-legend-label],[data-mode="dark"] [data-style="carbon"] [data-chart-legend-label]{--un-fill-opacity:1;fill:rgba(var(--color-surface-500),var(--un-fill-opacity));}
2060
+
2061
+ [data-style='carbon'] [data-chart-legend-item]:hover {
2062
+ --un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
2063
+ }[data-mode="dark"][data-style="carbon"] [data-chart-legend-item]:hover,[data-mode="dark"] [data-style="carbon"] [data-chart-legend-item]:hover{--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
2064
+
2065
+ [data-style='carbon'] [data-plot-element="bar"][data-dimmed],
2066
+ [data-style='carbon'] [data-plot-element="point"][data-dimmed],
2067
+ [data-style='carbon'] [data-plot-element="arc"][data-dimmed],
2068
+ [data-style='carbon'] [data-plot-element="line"][data-dimmed],
2069
+ [data-style='carbon'] [data-plot-element="area"][data-dimmed] {
2070
+ opacity: 0.15;
2071
+ }
2072
+