@rokkit/themes 1.0.0-next.145 → 1.0.0-next.147

package/dist/glass.css

@@ -538,23 +538,23 @@
 /* Hover and focus (keyboard navigation) */
 [data-style='glass'] [data-list] [data-list-item]:hover:not(:disabled):not([data-disabled='true']),
 [data-style='glass'] [data-list] [data-list-item]:focus:not(:disabled):not([data-disabled='true']) {
-  background-color:rgba(var(--color-surface-200),0.15);--un-text-opacity:1;color:rgba(var(--color-surface-950),var(--un-text-opacity));outline:2px solid transparent;outline-offset:2px;
+  background-color:rgba(var(--color-surface-200),0.15);background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-950),var(--un-text-opacity));outline:2px solid transparent;outline-offset:2px;
 }[data-mode="dark"][data-style="glass"] [data-list] [data-list-item]:hover:not(:disabled):not([data-disabled="true"]),[data-mode="dark"] [data-style="glass"] [data-list] [data-list-item]:hover:not(:disabled):not([data-disabled="true"]),[data-mode="dark"][data-style="glass"] [data-list] [data-list-item]:focus:not(:disabled):not([data-disabled="true"]),[data-mode="dark"] [data-style="glass"] [data-list] [data-list-item]:focus:not(:disabled):not([data-disabled="true"]){background-color:rgba(var(--color-surface-800),0.15);--un-text-opacity:1;color:rgba(var(--color-surface-50),var(--un-text-opacity));}
 
 /* Active state — muted when list not focused */
 [data-style='glass'] [data-list] [data-list-item][data-active='true'] {
-  background-color:rgba(var(--color-surface-200),0.15);--un-text-opacity:1;color:rgba(var(--color-primary-900),var(--un-text-opacity));
+  background-color:rgba(var(--color-surface-200),0.15);background-image:none;--un-text-opacity:1;color:rgba(var(--color-primary-900),var(--un-text-opacity));
 }[data-mode="dark"][data-style="glass"] [data-list] [data-list-item][data-active="true"],[data-mode="dark"] [data-style="glass"] [data-list] [data-list-item][data-active="true"]{background-color:rgba(var(--color-surface-800),0.15);--un-text-opacity:1;color:rgba(var(--color-primary-100),var(--un-text-opacity));}
 
 /* Active state — full highlight when list has focus */
 [data-style='glass'] [data-list]:focus-within [data-list-item][data-active='true'] {
-  background-color:rgba(var(--color-primary-500),0.3);--un-text-opacity:1;color:rgba(var(--color-primary-900),var(--un-text-opacity));
+  background-color:rgba(var(--color-primary-500),0.3);background-image:none;--un-text-opacity:1;color:rgba(var(--color-primary-900),var(--un-text-opacity));
 }[data-mode="dark"][data-style="glass"] [data-list]:focus-within [data-list-item][data-active="true"],[data-mode="dark"] [data-style="glass"] [data-list]:focus-within [data-list-item][data-active="true"]{background-color:rgba(var(--color-primary-500),0.3);--un-text-opacity:1;color:rgba(var(--color-primary-100),var(--un-text-opacity));}
 
 /* Active + hover/focus */
 [data-style='glass'] [data-list] [data-list-item][data-active='true']:hover:not(:disabled),
 [data-style='glass'] [data-list] [data-list-item][data-active='true']:focus:not(:disabled) {
-  background-color:rgba(var(--color-primary-500),0.4);
+  background-color:rgba(var(--color-primary-500),0.4);background-image:none;
 }[data-mode="dark"][data-style="glass"] [data-list] [data-list-item][data-active="true"]:hover:not(:disabled),[data-mode="dark"] [data-style="glass"] [data-list] [data-list-item][data-active="true"]:hover:not(:disabled),[data-mode="dark"][data-style="glass"] [data-list] [data-list-item][data-active="true"]:focus:not(:disabled),[data-mode="dark"] [data-style="glass"] [data-list] [data-list-item][data-active="true"]:focus:not(:disabled){background-color:rgba(var(--color-primary-500),0.4);}
 
 /* =============================================================================
@@ -583,11 +583,11 @@
 }[data-mode="dark"][data-style="glass"] [data-list] [data-list-item][data-active="true"] [data-item-description],[data-mode="dark"] [data-style="glass"] [data-list] [data-list-item][data-active="true"] [data-item-description]{--un-text-opacity:1;color:rgba(var(--color-primary-300),var(--un-text-opacity));}
 
 [data-style='glass'] [data-list] [data-list-item] [data-item-badge] {
-  background-color:rgba(var(--color-surface-200),0.15);--un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
+  background-color:rgba(var(--color-surface-200),0.15);background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
 }[data-mode="dark"][data-style="glass"] [data-list] [data-list-item] [data-item-badge],[data-mode="dark"] [data-style="glass"] [data-list] [data-list-item] [data-item-badge]{background-color:rgba(var(--color-surface-800),0.15);--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
 
 [data-style='glass'] [data-list] [data-list-item][data-active='true'] [data-item-badge] {
-  background-color:rgba(var(--color-primary-500),0.25);--un-text-opacity:1;color:rgba(var(--color-primary-800),var(--un-text-opacity));
+  background-color:rgba(var(--color-primary-500),0.25);background-image:none;--un-text-opacity:1;color:rgba(var(--color-primary-800),var(--un-text-opacity));
 }[data-mode="dark"][data-style="glass"] [data-list] [data-list-item][data-active="true"] [data-item-badge],[data-mode="dark"] [data-style="glass"] [data-list] [data-list-item][data-active="true"] [data-item-badge]{background-color:rgba(var(--color-primary-500),0.25);--un-text-opacity:1;color:rgba(var(--color-primary-200),var(--un-text-opacity));}
 
 /* =============================================================================
@@ -600,7 +600,7 @@
 
 [data-style='glass'] [data-list] [data-list-group]:hover:not(:disabled),
 [data-style='glass'] [data-list] [data-list-group]:focus:not(:disabled) {
-  background-color:rgba(var(--color-surface-300),0.25);--un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
+  background-color:rgba(var(--color-surface-300),0.25);background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
 }[data-mode="dark"][data-style="glass"] [data-list] [data-list-group]:hover:not(:disabled),[data-mode="dark"] [data-style="glass"] [data-list] [data-list-group]:hover:not(:disabled),[data-mode="dark"][data-style="glass"] [data-list] [data-list-group]:focus:not(:disabled),[data-mode="dark"] [data-style="glass"] [data-list] [data-list-group]:focus:not(:disabled){background-color:rgba(var(--color-surface-700),0.25);--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
 
 /* =============================================================================
@@ -608,7 +608,7 @@
    ============================================================================= */
 
 [data-style='glass'] [data-list] [data-list-separator] {
-  background-color:rgba(var(--color-surface-500),0.2);
+  background-color:rgba(var(--color-surface-500),0.2);background-image:none;
 }[data-mode="dark"][data-style="glass"] [data-list] [data-list-separator],[data-mode="dark"] [data-style="glass"] [data-list] [data-list-separator]{background-color:rgba(var(--color-surface-500),0.2);}
 
 /* =============================================================================
@@ -616,15 +616,15 @@
    ============================================================================= */
 
 [data-style='glass'] [data-list] [data-list-item][data-selected='true'] {
-  background-color:rgba(var(--color-primary-500),0.2);--un-text-opacity:1;color:rgba(var(--color-primary-900),var(--un-text-opacity));
+  background-color:rgba(var(--color-primary-500),0.2);background-image:none;--un-text-opacity:1;color:rgba(var(--color-primary-900),var(--un-text-opacity));
 }[data-mode="dark"][data-style="glass"] [data-list] [data-list-item][data-selected="true"],[data-mode="dark"] [data-style="glass"] [data-list] [data-list-item][data-selected="true"]{background-color:rgba(var(--color-primary-500),0.2);--un-text-opacity:1;color:rgba(var(--color-primary-100),var(--un-text-opacity));}
 
 [data-style='glass'] [data-list]:focus-within [data-list-item][data-selected='true'] {
-  background-color:rgba(var(--color-primary-500),0.3);
+  background-color:rgba(var(--color-primary-500),0.3);background-image:none;
 }[data-mode="dark"][data-style="glass"] [data-list]:focus-within [data-list-item][data-selected="true"],[data-mode="dark"] [data-style="glass"] [data-list]:focus-within [data-list-item][data-selected="true"]{background-color:rgba(var(--color-primary-500),0.3);}
 
 [data-style='glass'] [data-list] [data-list-item][data-selected='true']:hover:not(:disabled) {
-  background-color:rgba(var(--color-primary-500),0.4);
+  background-color:rgba(var(--color-primary-500),0.4);background-image:none;
 }[data-mode="dark"][data-style="glass"] [data-list] [data-list-item][data-selected="true"]:hover:not(:disabled),[data-mode="dark"] [data-style="glass"] [data-list] [data-list-item][data-selected="true"]:hover:not(:disabled){background-color:rgba(var(--color-primary-500),0.4);}
 
 [data-style='glass'] [data-list] [data-list-item][data-selected='true'] [data-item-icon] {
@@ -932,11 +932,11 @@
    ============================================================================= */
 
 [data-style='glass'] [data-menu-trigger] {
-  border-width:1px;border-color:rgba(var(--color-surface-500),0.2);background-color:rgba(var(--color-surface-100),0.7);--un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));--un-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);
+  border-width:1px;border-color:rgba(var(--color-surface-500),0.2);background-color:rgba(var(--color-surface-100),0.7);background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));--un-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);
 }[data-mode="dark"][data-style="glass"] [data-menu-trigger],[data-mode="dark"] [data-style="glass"] [data-menu-trigger]{border-color:rgba(var(--color-surface-500),0.2);background-color:rgba(var(--color-surface-900),0.7);--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
 
 [data-style='glass'] [data-menu-trigger]:hover:not(:disabled) {
-  border-color:rgba(var(--color-surface-500),0.3);background-color:rgba(var(--color-surface-200),0.8);--un-text-opacity:1;color:rgba(var(--color-surface-950),var(--un-text-opacity));
+  border-color:rgba(var(--color-surface-500),0.3);background-color:rgba(var(--color-surface-200),0.8);background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-950),var(--un-text-opacity));
 }[data-mode="dark"][data-style="glass"] [data-menu-trigger]:hover:not(:disabled),[data-mode="dark"] [data-style="glass"] [data-menu-trigger]:hover:not(:disabled){border-color:rgba(var(--color-surface-500),0.3);background-color:rgba(var(--color-surface-800),0.8);--un-text-opacity:1;color:rgba(var(--color-surface-50),var(--un-text-opacity));}
 
 [data-style='glass'] [data-menu-trigger]:focus-visible {
@@ -944,7 +944,7 @@
 }[data-mode="dark"][data-style="glass"] [data-menu-trigger]:focus-visible,[data-mode="dark"] [data-style="glass"] [data-menu-trigger]:focus-visible{--un-ring-color:rgba(var(--color-surface-500),0.4);}
 
 [data-style='glass'] [data-menu][data-open='true'] [data-menu-trigger] {
-  border-color:rgba(var(--color-primary-500),0.5);background-color:rgba(var(--color-primary-500),0.3);
+  border-color:rgba(var(--color-primary-500),0.5);background-color:rgba(var(--color-primary-500),0.3);background-image:none;
 }[data-mode="dark"][data-style="glass"] [data-menu][data-open="true"] [data-menu-trigger],[data-mode="dark"] [data-style="glass"] [data-menu][data-open="true"] [data-menu-trigger]{border-color:rgba(var(--color-primary-500),0.5);background-color:rgba(var(--color-primary-500),0.3);}
 
 /* Trigger elements */
@@ -965,7 +965,7 @@
    ============================================================================= */
 
 [data-style='glass'] [data-menu-dropdown] {
-  border-width:1px;border-color:rgba(var(--color-surface-500),0.2);background-color:rgba(var(--color-surface-200),0.5);--un-shadow:var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-backdrop-blur:blur(16px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);
+  border-width:1px;border-color:rgba(var(--color-surface-500),0.2);background-color:rgba(var(--color-surface-200),0.5);background-image:none;--un-shadow:var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-backdrop-blur:blur(16px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);
 }[data-mode="dark"][data-style="glass"] [data-menu-dropdown],[data-mode="dark"] [data-style="glass"] [data-menu-dropdown]{border-color:rgba(var(--color-surface-500),0.2);background-color:rgba(var(--color-surface-800),0.5);}
 
 /* =============================================================================
@@ -978,7 +978,7 @@
 
 [data-style='glass'] [data-menu-item]:hover:not(:disabled),
 [data-style='glass'] [data-menu-item]:focus:not(:disabled) {
-  background-color:rgba(var(--color-surface-200),0.15);--un-text-opacity:1;color:rgba(var(--color-surface-950),var(--un-text-opacity));outline:2px solid transparent;outline-offset:2px;
+  background-color:rgba(var(--color-surface-200),0.15);background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-950),var(--un-text-opacity));outline:2px solid transparent;outline-offset:2px;
 }[data-mode="dark"][data-style="glass"] [data-menu-item]:hover:not(:disabled),[data-mode="dark"] [data-style="glass"] [data-menu-item]:hover:not(:disabled),[data-mode="dark"][data-style="glass"] [data-menu-item]:focus:not(:disabled),[data-mode="dark"] [data-style="glass"] [data-menu-item]:focus:not(:disabled){background-color:rgba(var(--color-surface-800),0.15);--un-text-opacity:1;color:rgba(var(--color-surface-50),var(--un-text-opacity));}
 
 [data-style='glass'] [data-menu-item]:focus-visible {
@@ -1011,9 +1011,60 @@
    ============================================================================= */
 
 [data-style='glass'] [data-menu-separator] {
-  background-color:rgba(var(--color-surface-500),0.2);
+  background-color:rgba(var(--color-surface-500),0.2);background-image:none;
 }[data-mode="dark"][data-style="glass"] [data-menu-separator],[data-mode="dark"] [data-style="glass"] [data-menu-separator]{background-color:rgba(var(--color-surface-500),0.2);}
 
+/**
+ * Dropdown - Glass Theme Styles
+ *
+ * Glassmorphism with blur and transparency.
+ */
+
+[data-style='glass'] [data-dropdown-trigger] {
+  border-width:1px;border-color:rgba(var(--color-surface-500),0.2);background-color:rgba(var(--color-surface-100),0.7);background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));--un-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);
+}[data-mode="dark"][data-style="glass"] [data-dropdown-trigger],[data-mode="dark"] [data-style="glass"] [data-dropdown-trigger]{border-color:rgba(var(--color-surface-500),0.2);background-color:rgba(var(--color-surface-900),0.7);--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
+
+[data-style='glass'] [data-dropdown-trigger]:hover:not(:disabled) {
+  border-color:rgba(var(--color-surface-500),0.3);background-color:rgba(var(--color-surface-200),0.8);background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-950),var(--un-text-opacity));
+}[data-mode="dark"][data-style="glass"] [data-dropdown-trigger]:hover:not(:disabled),[data-mode="dark"] [data-style="glass"] [data-dropdown-trigger]:hover:not(:disabled){border-color:rgba(var(--color-surface-500),0.3);background-color:rgba(var(--color-surface-800),0.8);--un-text-opacity:1;color:rgba(var(--color-surface-50),var(--un-text-opacity));}
+
+[data-style='glass'] [data-dropdown-trigger]:focus-visible {
+  outline:2px solid transparent;outline-offset:2px;--un-ring-width:1px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:rgba(var(--color-surface-500),0.4);
+}[data-mode="dark"][data-style="glass"] [data-dropdown-trigger]:focus-visible,[data-mode="dark"] [data-style="glass"] [data-dropdown-trigger]:focus-visible{--un-ring-color:rgba(var(--color-surface-500),0.4);}
+
+[data-style='glass'] [data-dropdown][data-open='true'] [data-dropdown-trigger] {
+  border-color:rgba(var(--color-primary-500),0.5);background-color:rgba(var(--color-primary-500),0.3);background-image:none;
+}[data-mode="dark"][data-style="glass"] [data-dropdown][data-open="true"] [data-dropdown-trigger],[data-mode="dark"] [data-style="glass"] [data-dropdown][data-open="true"] [data-dropdown-trigger]{border-color:rgba(var(--color-primary-500),0.5);background-color:rgba(var(--color-primary-500),0.3);}
+
+[data-style='glass'] [data-dropdown-trigger] [data-dropdown-icon] {
+  --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
+}[data-mode="dark"][data-style="glass"] [data-dropdown-trigger] [data-dropdown-icon],[data-mode="dark"] [data-style="glass"] [data-dropdown-trigger] [data-dropdown-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
+
+[data-style='glass'] [data-dropdown-trigger] [data-dropdown-arrow] {
+  --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
+}[data-mode="dark"][data-style="glass"] [data-dropdown-trigger] [data-dropdown-arrow],[data-mode="dark"] [data-style="glass"] [data-dropdown-trigger] [data-dropdown-arrow]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
+
+[data-style='glass'] [data-dropdown-panel] {
+  border-width:1px;border-color:rgba(var(--color-surface-500),0.2);background-color:rgba(var(--color-surface-200),0.5);background-image:none;--un-shadow:var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-backdrop-blur:blur(16px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);
+}[data-mode="dark"][data-style="glass"] [data-dropdown-panel],[data-mode="dark"] [data-style="glass"] [data-dropdown-panel]{border-color:rgba(var(--color-surface-500),0.2);background-color:rgba(var(--color-surface-800),0.5);}
+
+[data-style='glass'] [data-dropdown-option] {
+  --un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
+}[data-mode="dark"][data-style="glass"] [data-dropdown-option],[data-mode="dark"] [data-style="glass"] [data-dropdown-option]{--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
+
+[data-style='glass'] [data-dropdown-option]:hover:not(:disabled),
+[data-style='glass'] [data-dropdown-option]:focus:not(:disabled) {
+  background-color:rgba(var(--color-surface-200),0.15);background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-950),var(--un-text-opacity));outline:2px solid transparent;outline-offset:2px;
+}[data-mode="dark"][data-style="glass"] [data-dropdown-option]:hover:not(:disabled),[data-mode="dark"] [data-style="glass"] [data-dropdown-option]:hover:not(:disabled),[data-mode="dark"][data-style="glass"] [data-dropdown-option]:focus:not(:disabled),[data-mode="dark"] [data-style="glass"] [data-dropdown-option]:focus:not(:disabled){background-color:rgba(var(--color-surface-800),0.15);--un-text-opacity:1;color:rgba(var(--color-surface-50),var(--un-text-opacity));}
+
+[data-style='glass'] [data-dropdown-option][data-active='true'] {
+  background-color:rgba(var(--color-primary-500),0.2);background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-950),var(--un-text-opacity));
+}[data-mode="dark"][data-style="glass"] [data-dropdown-option][data-active="true"],[data-mode="dark"] [data-style="glass"] [data-dropdown-option][data-active="true"]{background-color:rgba(var(--color-primary-500),0.2);--un-text-opacity:1;color:rgba(var(--color-surface-50),var(--un-text-opacity));}
+
+[data-style='glass'] [data-dropdown-separator] {
+  background-color:rgba(var(--color-surface-500),0.2);background-image:none;
+}[data-mode="dark"][data-style="glass"] [data-dropdown-separator],[data-mode="dark"] [data-style="glass"] [data-dropdown-separator]{background-color:rgba(var(--color-surface-500),0.2);}
+
 /**
  * FloatingAction - Glass Theme Styles
  *
@@ -1417,3 +1468,211 @@
   --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-900),var(--un-text-opacity));
 }[data-mode="dark"][data-style="glass"] [data-toc] [data-toc-item][data-toc-active],[data-mode="dark"] [data-style="glass"] [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-100),var(--un-text-opacity));}
 
+/**
+ * Card - Glass Theme Styles
+ *
+ * Glassmorphism styling with blur and transparency.
+ */
+
+/* =============================================================================
+   Base Card Styles
+   ============================================================================= */
+
+[data-style='glass'] [data-card] {
+  border-width:1px;border-color:rgba(var(--color-surface-500),0.2);background-color:rgba(var(--color-surface-200),0.6);--un-text-opacity:1;color:rgba(var(--color-surface-900),var(--un-text-opacity));--un-shadow:var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);
+}[data-mode="dark"][data-style="glass"] [data-card],[data-mode="dark"] [data-style="glass"] [data-card]{border-color:rgba(var(--color-surface-500),0.2);background-color:rgba(var(--color-surface-800),0.6);--un-text-opacity:1;color:rgba(var(--color-surface-100),var(--un-text-opacity));}
+
+/* Interactive cards (buttons) */
+[data-style='glass'] [data-card][data-card-interactive] {
+  cursor: pointer;
+  transition:
+    transform 0.2s ease,
+    box-shadow 0.2s ease,
+    background-color 0.2s ease;
+}
+
+[data-style='glass'] [data-card][data-card-interactive]:hover {
+  background-color:rgba(var(--color-surface-200),0.8);--un-shadow:var(--un-shadow-inset) 0 20px 25px -5px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 8px 10px -6px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
+  transform: translateY(-2px);
+}[data-mode="dark"][data-style="glass"] [data-card][data-card-interactive]:hover,[data-mode="dark"] [data-style="glass"] [data-card][data-card-interactive]:hover{background-color:rgba(var(--color-surface-800),0.8);}
+
+[data-style='glass'] [data-card][data-card-interactive]:active {
+  --un-shadow:var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
+  transform: translateY(0);
+}
+
+/* =============================================================================
+   Card Sections
+   ============================================================================= */
+
+[data-style='glass'] [data-card-header] {
+  border-bottom-width:1px;border-color:rgba(var(--color-surface-500),0.2);
+}[data-mode="dark"][data-style="glass"] [data-card-header],[data-mode="dark"] [data-style="glass"] [data-card-header]{border-color:rgba(var(--color-surface-500),0.2);}
+
+[data-style='glass'] [data-card-body] {
+  --un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
+}[data-mode="dark"][data-style="glass"] [data-card-body],[data-mode="dark"] [data-style="glass"] [data-card-body]{--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
+
+[data-style='glass'] [data-card-footer] {
+  border-top-width:1px;border-color:rgba(var(--color-surface-500),0.2);--un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
+}[data-mode="dark"][data-style="glass"] [data-card-footer],[data-mode="dark"] [data-style="glass"] [data-card-footer]{border-color:rgba(var(--color-surface-500),0.2);--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
+
+/* =============================================================================
+   Focus States
+   ============================================================================= */
+
+[data-style='glass'] [data-card][data-card-interactive]:focus-visible {
+  outline:2px solid transparent;outline-offset:2px;--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:rgba(var(--color-surface-500),0.4);
+}[data-mode="dark"][data-style="glass"] [data-card][data-card-interactive]:focus-visible,[data-mode="dark"] [data-style="glass"] [data-card][data-card-interactive]:focus-visible{--un-ring-color:rgba(var(--color-surface-500),0.4);}
+
+/* =============================================================================
+   Disabled State
+   ============================================================================= */
+
+[data-style='glass'] [data-card][data-card-interactive][data-disabled],
+[data-style='glass'] [data-card][data-card-interactive]:disabled {
+  cursor:not-allowed;opacity:0.5;
+  transform: none;
+}
+
+/* =============================================================================
+   Variants
+   ============================================================================= */
+
+/* Primary — tinted primary glass */
+[data-style='glass'] [data-card][data-variant='primary'] {
+  border-width:1px;border-color:rgba(var(--color-primary-500),0.3);background-color:rgba(var(--color-primary-400),0.4);--un-text-opacity:1;color:rgba(var(--color-surface-50),var(--un-text-opacity));--un-shadow:var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);
+}[data-mode="dark"][data-style="glass"] [data-card][data-variant="primary"],[data-mode="dark"] [data-style="glass"] [data-card][data-variant="primary"]{border-color:rgba(var(--color-primary-500),0.3);background-color:rgba(var(--color-primary-600),0.4);}
+
+[data-style='glass'] [data-card][data-variant='primary'] [data-card-header],
+[data-style='glass'] [data-card][data-variant='primary'] [data-card-footer] {
+  border-color:rgba(var(--color-primary-400),0.2);
+}[data-mode="dark"][data-style="glass"] [data-card][data-variant="primary"] [data-card-header],[data-mode="dark"] [data-style="glass"] [data-card][data-variant="primary"] [data-card-header],[data-mode="dark"][data-style="glass"] [data-card][data-variant="primary"] [data-card-footer],[data-mode="dark"] [data-style="glass"] [data-card][data-variant="primary"] [data-card-footer]{border-color:rgba(var(--color-primary-600),0.2);}
+
+[data-style='glass'] [data-card][data-variant='primary'] [data-card-body] {
+  @apply text-on-primary/80;
+}
+
+/* Secondary — tinted secondary glass */
+[data-style='glass'] [data-card][data-variant='secondary'] {
+  border-width:1px;border-color:rgba(var(--color-secondary-500),0.3);background-color:rgba(var(--color-secondary-400),0.4);--un-text-opacity:1;color:rgba(var(--color-surface-50),var(--un-text-opacity));--un-shadow:var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);
+}[data-mode="dark"][data-style="glass"] [data-card][data-variant="secondary"],[data-mode="dark"] [data-style="glass"] [data-card][data-variant="secondary"]{border-color:rgba(var(--color-secondary-500),0.3);background-color:rgba(var(--color-secondary-600),0.4);}
+
+[data-style='glass'] [data-card][data-variant='secondary'] [data-card-header],
+[data-style='glass'] [data-card][data-variant='secondary'] [data-card-footer] {
+  border-color:rgba(var(--color-secondary-400),0.2);
+}[data-mode="dark"][data-style="glass"] [data-card][data-variant="secondary"] [data-card-header],[data-mode="dark"] [data-style="glass"] [data-card][data-variant="secondary"] [data-card-header],[data-mode="dark"][data-style="glass"] [data-card][data-variant="secondary"] [data-card-footer],[data-mode="dark"] [data-style="glass"] [data-card][data-variant="secondary"] [data-card-footer]{border-color:rgba(var(--color-secondary-600),0.2);}
+
+[data-style='glass'] [data-card][data-variant='secondary'] [data-card-body] {
+  @apply text-on-secondary/80;
+}
+
+/* Tertiary — barely-there frosted glass */
+[data-style='glass'] [data-card][data-variant='tertiary'] {
+  border-width:1px;border-color:rgba(var(--color-surface-500),0.1);background-color:rgba(var(--color-surface-300),0.3);--un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));--un-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);
+}[data-mode="dark"][data-style="glass"] [data-card][data-variant="tertiary"],[data-mode="dark"] [data-style="glass"] [data-card][data-variant="tertiary"]{border-color:rgba(var(--color-surface-500),0.1);background-color:rgba(var(--color-surface-700),0.3);--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
+
+/**
+ * Message - Glass Theme Styles
+ */
+
+
+[data-style='glass'] [data-message-root][data-type='error'] {
+  border-color:rgba(var(--color-error-400),0.4);background-color:rgba(var(--color-error-200),0.5);--un-text-opacity:1;color:rgba(var(--color-error-800),var(--un-text-opacity));--un-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);
+}[data-mode="dark"][data-style="glass"] [data-message-root][data-type="error"],[data-mode="dark"] [data-style="glass"] [data-message-root][data-type="error"]{border-color:rgba(var(--color-error-600),0.4);background-color:rgba(var(--color-error-800),0.5);--un-text-opacity:1;color:rgba(var(--color-error-200),var(--un-text-opacity));}
+[data-style='glass'] [data-message-root][data-type='error'] [data-message-icon],
+[data-style='glass'] [data-message-root][data-type='error'] [data-message-dismiss] {
+  --un-text-opacity:1;color:rgba(var(--color-error-600),var(--un-text-opacity));
+}[data-mode="dark"][data-style="glass"] [data-message-root][data-type="error"] [data-message-icon],[data-mode="dark"] [data-style="glass"] [data-message-root][data-type="error"] [data-message-icon],[data-mode="dark"][data-style="glass"] [data-message-root][data-type="error"] [data-message-dismiss],[data-mode="dark"] [data-style="glass"] [data-message-root][data-type="error"] [data-message-dismiss]{--un-text-opacity:1;color:rgba(var(--color-error-400),var(--un-text-opacity));}
+
+[data-style='glass'] [data-message-root][data-type='warning'] {
+  border-color:rgba(var(--color-warning-400),0.4);background-color:rgba(var(--color-warning-200),0.5);--un-text-opacity:1;color:rgba(var(--color-warning-800),var(--un-text-opacity));--un-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);
+}[data-mode="dark"][data-style="glass"] [data-message-root][data-type="warning"],[data-mode="dark"] [data-style="glass"] [data-message-root][data-type="warning"]{border-color:rgba(var(--color-warning-600),0.4);background-color:rgba(var(--color-warning-800),0.5);--un-text-opacity:1;color:rgba(var(--color-warning-200),var(--un-text-opacity));}
+[data-style='glass'] [data-message-root][data-type='warning'] [data-message-icon],
+[data-style='glass'] [data-message-root][data-type='warning'] [data-message-dismiss] {
+  --un-text-opacity:1;color:rgba(var(--color-warning-600),var(--un-text-opacity));
+}[data-mode="dark"][data-style="glass"] [data-message-root][data-type="warning"] [data-message-icon],[data-mode="dark"] [data-style="glass"] [data-message-root][data-type="warning"] [data-message-icon],[data-mode="dark"][data-style="glass"] [data-message-root][data-type="warning"] [data-message-dismiss],[data-mode="dark"] [data-style="glass"] [data-message-root][data-type="warning"] [data-message-dismiss]{--un-text-opacity:1;color:rgba(var(--color-warning-400),var(--un-text-opacity));}
+
+[data-style='glass'] [data-message-root][data-type='info'] {
+  border-color:rgba(var(--color-info-400),0.4);background-color:rgba(var(--color-info-200),0.5);--un-text-opacity:1;color:rgba(var(--color-info-800),var(--un-text-opacity));--un-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);
+}[data-mode="dark"][data-style="glass"] [data-message-root][data-type="info"],[data-mode="dark"] [data-style="glass"] [data-message-root][data-type="info"]{border-color:rgba(var(--color-info-600),0.4);background-color:rgba(var(--color-info-800),0.5);--un-text-opacity:1;color:rgba(var(--color-info-200),var(--un-text-opacity));}
+[data-style='glass'] [data-message-root][data-type='info'] [data-message-icon],
+[data-style='glass'] [data-message-root][data-type='info'] [data-message-dismiss] {
+  --un-text-opacity:1;color:rgba(var(--color-info-600),var(--un-text-opacity));
+}[data-mode="dark"][data-style="glass"] [data-message-root][data-type="info"] [data-message-icon],[data-mode="dark"] [data-style="glass"] [data-message-root][data-type="info"] [data-message-icon],[data-mode="dark"][data-style="glass"] [data-message-root][data-type="info"] [data-message-dismiss],[data-mode="dark"] [data-style="glass"] [data-message-root][data-type="info"] [data-message-dismiss]{--un-text-opacity:1;color:rgba(var(--color-info-400),var(--un-text-opacity));}
+
+[data-style='glass'] [data-message-root][data-type='success'] {
+  border-color:rgba(var(--color-success-400),0.4);background-color:rgba(var(--color-success-200),0.5);--un-text-opacity:1;color:rgba(var(--color-success-800),var(--un-text-opacity));--un-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);
+}[data-mode="dark"][data-style="glass"] [data-message-root][data-type="success"],[data-mode="dark"] [data-style="glass"] [data-message-root][data-type="success"]{border-color:rgba(var(--color-success-600),0.4);background-color:rgba(var(--color-success-800),0.5);--un-text-opacity:1;color:rgba(var(--color-success-200),var(--un-text-opacity));}
+[data-style='glass'] [data-message-root][data-type='success'] [data-message-icon],
+[data-style='glass'] [data-message-root][data-type='success'] [data-message-dismiss] {
+  --un-text-opacity:1;color:rgba(var(--color-success-600),var(--un-text-opacity));
+}[data-mode="dark"][data-style="glass"] [data-message-root][data-type="success"] [data-message-icon],[data-mode="dark"] [data-style="glass"] [data-message-root][data-type="success"] [data-message-icon],[data-mode="dark"][data-style="glass"] [data-message-root][data-type="success"] [data-message-dismiss],[data-mode="dark"] [data-style="glass"] [data-message-root][data-type="success"] [data-message-dismiss]{--un-text-opacity:1;color:rgba(var(--color-success-400),var(--un-text-opacity));}
+
+/**
+ * StatusList - Glass Theme Styles
+ */
+
+/* ── @rokkit/ui StatusList: icon and text colors by status ── */
+
+[data-style='glass'] [data-status-item][data-status='pass'] span {
+  --un-text-opacity:1;color:rgba(var(--color-success-600),var(--un-text-opacity));
+}[data-mode="dark"][data-style="glass"] [data-status-item][data-status="pass"] span,[data-mode="dark"] [data-style="glass"] [data-status-item][data-status="pass"] span{--un-text-opacity:1;color:rgba(var(--color-success-400),var(--un-text-opacity));}
+[data-style='glass'] [data-status-item][data-status='fail'] span {
+  --un-text-opacity:1;color:rgba(var(--color-error-600),var(--un-text-opacity));
+}[data-mode="dark"][data-style="glass"] [data-status-item][data-status="fail"] span,[data-mode="dark"] [data-style="glass"] [data-status-item][data-status="fail"] span{--un-text-opacity:1;color:rgba(var(--color-error-400),var(--un-text-opacity));}
+[data-style='glass'] [data-status-item][data-status='warn'] span {
+  --un-text-opacity:1;color:rgba(var(--color-warning-600),var(--un-text-opacity));
+}[data-mode="dark"][data-style="glass"] [data-status-item][data-status="warn"] span,[data-mode="dark"] [data-style="glass"] [data-status-item][data-status="warn"] span{--un-text-opacity:1;color:rgba(var(--color-warning-400),var(--un-text-opacity));}
+[data-style='glass'] [data-status-item][data-status='unknown'] span {
+  --un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));
+}[data-mode="dark"][data-style="glass"] [data-status-item][data-status="unknown"] span,[data-mode="dark"] [data-style="glass"] [data-status-item][data-status="unknown"] span{--un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));}
+
+[data-style='glass'] [data-status-item][data-status='pass'] {
+  --un-text-opacity:1;color:rgba(var(--color-success-700),var(--un-text-opacity));
+}[data-mode="dark"][data-style="glass"] [data-status-item][data-status="pass"],[data-mode="dark"] [data-style="glass"] [data-status-item][data-status="pass"]{--un-text-opacity:1;color:rgba(var(--color-success-300),var(--un-text-opacity));}
+[data-style='glass'] [data-status-item][data-status='fail'] {
+  --un-text-opacity:1;color:rgba(var(--color-error-700),var(--un-text-opacity));
+}[data-mode="dark"][data-style="glass"] [data-status-item][data-status="fail"],[data-mode="dark"] [data-style="glass"] [data-status-item][data-status="fail"]{--un-text-opacity:1;color:rgba(var(--color-error-300),var(--un-text-opacity));}
+[data-style='glass'] [data-status-item][data-status='warn'] {
+  --un-text-opacity:1;color:rgba(var(--color-warning-700),var(--un-text-opacity));
+}[data-mode="dark"][data-style="glass"] [data-status-item][data-status="warn"],[data-mode="dark"] [data-style="glass"] [data-status-item][data-status="warn"]{--un-text-opacity:1;color:rgba(var(--color-warning-300),var(--un-text-opacity));}
+[data-style='glass'] [data-status-item][data-status='unknown'] {
+  --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
+}[data-mode="dark"][data-style="glass"] [data-status-item][data-status="unknown"],[data-mode="dark"] [data-style="glass"] [data-status-item][data-status="unknown"]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
+
+/* ── @rokkit/forms StatusList: group headers by severity ── */
+
+[data-style='glass'] [data-status-group][data-severity='error'] [data-status-header] {
+  --un-text-opacity:1;color:rgba(var(--color-error-600),var(--un-text-opacity));
+}[data-mode="dark"][data-style="glass"] [data-status-group][data-severity="error"] [data-status-header],[data-mode="dark"] [data-style="glass"] [data-status-group][data-severity="error"] [data-status-header]{--un-text-opacity:1;color:rgba(var(--color-error-400),var(--un-text-opacity));}
+[data-style='glass'] [data-status-group][data-severity='warning'] [data-status-header] {
+  --un-text-opacity:1;color:rgba(var(--color-warning-600),var(--un-text-opacity));
+}[data-mode="dark"][data-style="glass"] [data-status-group][data-severity="warning"] [data-status-header],[data-mode="dark"] [data-style="glass"] [data-status-group][data-severity="warning"] [data-status-header]{--un-text-opacity:1;color:rgba(var(--color-warning-400),var(--un-text-opacity));}
+[data-style='glass'] [data-status-group][data-severity='info'] [data-status-header] {
+  --un-text-opacity:1;color:rgba(var(--color-info-600),var(--un-text-opacity));
+}[data-mode="dark"][data-style="glass"] [data-status-group][data-severity="info"] [data-status-header],[data-mode="dark"] [data-style="glass"] [data-status-group][data-severity="info"] [data-status-header]{--un-text-opacity:1;color:rgba(var(--color-info-400),var(--un-text-opacity));}
+[data-style='glass'] [data-status-group][data-severity='success'] [data-status-header] {
+  --un-text-opacity:1;color:rgba(var(--color-success-600),var(--un-text-opacity));
+}[data-mode="dark"][data-style="glass"] [data-status-group][data-severity="success"] [data-status-header],[data-mode="dark"] [data-style="glass"] [data-status-group][data-severity="success"] [data-status-header]{--un-text-opacity:1;color:rgba(var(--color-success-400),var(--un-text-opacity));}
+
+/* ── @rokkit/forms StatusList: item colors ── */
+
+[data-style='glass'] [data-status-item][data-status='error'] {
+  --un-text-opacity:1;color:rgba(var(--color-error-700),var(--un-text-opacity));
+}[data-mode="dark"][data-style="glass"] [data-status-item][data-status="error"],[data-mode="dark"] [data-style="glass"] [data-status-item][data-status="error"]{--un-text-opacity:1;color:rgba(var(--color-error-300),var(--un-text-opacity));}
+[data-style='glass'] [data-status-item][data-status='warning'] {
+  --un-text-opacity:1;color:rgba(var(--color-warning-700),var(--un-text-opacity));
+}[data-mode="dark"][data-style="glass"] [data-status-item][data-status="warning"],[data-mode="dark"] [data-style="glass"] [data-status-item][data-status="warning"]{--un-text-opacity:1;color:rgba(var(--color-warning-300),var(--un-text-opacity));}
+[data-style='glass'] [data-status-item][data-status='info'] {
+  --un-text-opacity:1;color:rgba(var(--color-info-700),var(--un-text-opacity));
+}[data-mode="dark"][data-style="glass"] [data-status-item][data-status="info"],[data-mode="dark"] [data-style="glass"] [data-status-item][data-status="info"]{--un-text-opacity:1;color:rgba(var(--color-info-300),var(--un-text-opacity));}
+[data-style='glass'] [data-status-item][data-status='success'] {
+  --un-text-opacity:1;color:rgba(var(--color-success-700),var(--un-text-opacity));
+}[data-mode="dark"][data-style="glass"] [data-status-item][data-status="success"],[data-mode="dark"] [data-style="glass"] [data-status-item][data-status="success"]{--un-text-opacity:1;color:rgba(var(--color-success-300),var(--un-text-opacity));}
+
+/* Count badge */
+[data-style='glass'] [data-status-count] {
+  background-color:rgba(var(--color-surface-200),0.6);--un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));font-weight:600;--un-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);
+}[data-mode="dark"][data-style="glass"] [data-status-count],[data-mode="dark"] [data-style="glass"] [data-status-count]{background-color:rgba(var(--color-surface-800),0.6);--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
+