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

package/dist/material.css

@@ -479,7 +479,10 @@
   background-image:none;
 }
 
-[data-style='material'] [data-tabs][data-position='after'] [data-tabs-list]:focus-within [data-tabs-trigger][data-selected] {
+[data-style='material']
+  [data-tabs][data-position='after']
+  [data-tabs-list]:focus-within
+  [data-tabs-trigger][data-selected] {
   background-image:none;
 }
 
@@ -784,11 +787,15 @@
   background-image:none;
 }
 
-[data-style='material'] [data-tree]:focus-within [data-tree-item-content][data-active='true']:hover:not(:disabled) {
+[data-style='material']
+  [data-tree]:focus-within
+  [data-tree-item-content][data-active='true']:hover:not(:disabled) {
   background-image:none;
 }
 
-[data-style='material'] [data-tree]:not(:focus-within) [data-tree-item-content][data-active='true'] {
+[data-style='material']
+  [data-tree]:not(:focus-within)
+  [data-tree-item-content][data-active='true'] {
   background-image:none;
 }
 
@@ -824,11 +831,17 @@
   --un-bg-opacity:1;background-color:rgba(var(--color-primary-200),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-800),var(--un-text-opacity));
 }[data-mode="dark"][data-style="material"] [data-tree-item-content][data-active="true"] [data-item-badge],[data-mode="dark"] [data-style="material"] [data-tree-item-content][data-active="true"] [data-item-badge]{--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));}
 
-[data-style='material'] [data-tree]:focus-within [data-tree-item-content][data-active='true'] [data-item-badge] {
+[data-style='material']
+  [data-tree]:focus-within
+  [data-tree-item-content][data-active='true']
+  [data-item-badge] {
   background-image:none;
 }
 
-[data-style='material'] [data-tree]:not(:focus-within) [data-tree-item-content][data-active='true'] [data-item-badge] {
+[data-style='material']
+  [data-tree]:not(:focus-within)
+  [data-tree-item-content][data-active='true']
+  [data-item-badge] {
   background-image:none;
 }
 
@@ -948,7 +961,9 @@
 }[data-mode="dark"][data-style="material"] [data-select-option][data-selected="true"]:hover:not(:disabled),[data-mode="dark"] [data-style="material"] [data-select-option][data-selected="true"]:hover:not(:disabled),[data-mode="dark"][data-style="material"] [data-select-option][data-selected="true"]:focus:not(:disabled),[data-mode="dark"] [data-style="material"] [data-select-option][data-selected="true"]:focus:not(:disabled){--un-bg-opacity:1;background-color:rgba(var(--color-primary-700),var(--un-bg-opacity));}
 
 /* Reset rokkit gradients bleeding in from body[data-style='rokkit'] ancestor */
-[data-style='material'] [data-select-dropdown]:focus-within [data-select-option][data-selected='true'] {
+[data-style='material']
+  [data-select-dropdown]:focus-within
+  [data-select-option][data-selected='true'] {
   background-image:none;
 }
 
@@ -1285,8 +1300,8 @@
    ============================================================================= */
 
 [data-style='material'] [data-table-row] {
-  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-800),var(--un-text-opacity));
-}[data-mode="dark"][data-style="material"] [data-table-row],[data-mode="dark"] [data-style="material"] [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-200),var(--un-text-opacity));}
+  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));
+}[data-mode="dark"][data-style="material"] [data-table-row],[data-mode="dark"] [data-style="material"] [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));}
 
 [data-style='material'] [data-table-row]:hover {
   --un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));background-image:none;
@@ -1304,9 +1319,9 @@
    Striped
    ============================================================================= */
 
-[data-style='material'] [data-striped='true'] [data-table-body] tr:nth-child(even) {
+[data-style='material'] [data-table-striped] [data-table-body] tr:nth-child(even) {
   --un-bg-opacity:1;background-color:rgba(var(--color-surface-100),var(--un-bg-opacity));
-}[data-mode="dark"][data-style="material"] [data-striped="true"] [data-table-body] tr:nth-child(even),[data-mode="dark"] [data-style="material"] [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));}
+}[data-mode="dark"][data-style="material"] [data-table-striped] [data-table-body] tr:nth-child(even),[data-mode="dark"] [data-style="material"] [data-table-striped] [data-table-body] tr:nth-child(even){--un-bg-opacity:1;background-color:rgba(var(--color-surface-900),var(--un-bg-opacity));}
 
 /* =============================================================================
    Empty
@@ -1328,6 +1343,25 @@
   --un-text-opacity:1;color:rgba(var(--color-primary-600),var(--un-text-opacity));
 }[data-mode="dark"][data-style="material"] [data-table-row][data-selected="true"] [data-cell-icon],[data-mode="dark"] [data-style="material"] [data-table-row][data-selected="true"] [data-cell-icon]{--un-text-opacity:1;color:rgba(var(--color-primary-400),var(--un-text-opacity));}
 
+/* =============================================================================
+   Responsive Card Layout
+   ============================================================================= */
+
+@media (max-width: 639px) {
+  [data-style='material'] [data-table-responsive] [data-table-row] {
+    border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-300),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));background-image:none;--un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / 0.05));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
+  }[data-mode="dark"] [data-style="material"] [data-table-responsive] [data-table-row]{--un-border-opacity:1;border-color:rgba(var(--color-surface-700),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-800),var(--un-bg-opacity));}
+
+  [data-style='material'] [data-table-responsive] [data-table-cell]::before {
+    --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
+  }[data-mode="dark"] [data-style="material"] [data-table-responsive] [data-table-cell]::before{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
+
+  /* Disable striped alternating bg in card layout */
+  [data-style='material'] [data-table-responsive][data-table-striped] [data-table-body] tr:nth-child(even) {
+    background: unset;
+  }
+}
+
 /**
  * SearchFilter - Material Theme Styles
  *
@@ -1686,7 +1720,6 @@
  * Message - Material Theme Styles
  */
 
-
 [data-style='material'] [data-message-root][data-type='error'] {
   --un-border-opacity:1;border-color:rgba(var(--color-error-300),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-error-100),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-error-900),var(--un-text-opacity));--un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / 0.05));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
 }[data-mode="dark"][data-style="material"] [data-message-root][data-type="error"],[data-mode="dark"] [data-style="material"] [data-message-root][data-type="error"]{--un-border-opacity:1;border-color:rgba(var(--color-error-700),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-error-900),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-error-100),var(--un-text-opacity));}
@@ -1786,6 +1819,48 @@
   --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));font-weight:600;--un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / 0.05));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
 }[data-mode="dark"][data-style="material"] [data-status-count],[data-mode="dark"] [data-style="material"] [data-status-count]{--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));}
 
+/* StepIndicator — Material theme (elevation + subtle depth) */
+
+/* ── Number circles ── */
+
+[data-style='material'] [data-step-item][data-step-state='complete'] [data-step-number] {
+  --un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-primary-500),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-50),var(--un-text-opacity));
+}[data-mode="dark"][data-style="material"] [data-step-item][data-step-state="complete"] [data-step-number],[data-mode="dark"] [data-style="material"] [data-step-item][data-step-state="complete"] [data-step-number]{--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));}
+
+[data-style='material'] [data-step-item][data-step-state='current'] [data-step-number] {
+  --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-primary-700),var(--un-text-opacity));
+  box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary-500, #6366f1) 15%, transparent);
+}[data-mode="dark"][data-style="material"] [data-step-item][data-step-state="current"] [data-step-number],[data-mode="dark"] [data-style="material"] [data-step-item][data-step-state="current"] [data-step-number]{--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-primary-300),var(--un-text-opacity));}
+
+[data-style='material'] [data-step-item][data-step-state='upcoming'] [data-step-number] {
+  --un-border-opacity:1;border-color:rgba(var(--color-surface-300),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-500),var(--un-text-opacity));
+}[data-mode="dark"][data-style="material"] [data-step-item][data-step-state="upcoming"] [data-step-number],[data-mode="dark"] [data-style="material"] [data-step-item][data-step-state="upcoming"] [data-step-number]{--un-border-opacity:1;border-color:rgba(var(--color-surface-700),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-800),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
+
+/* ── Labels ── */
+
+[data-style='material'] [data-step-item][data-step-state='complete'] [data-step-label] {
+  background-image:none;--un-text-opacity:1;color:rgba(var(--color-primary-700),var(--un-text-opacity));
+}[data-mode="dark"][data-style="material"] [data-step-item][data-step-state="complete"] [data-step-label],[data-mode="dark"] [data-style="material"] [data-step-item][data-step-state="complete"] [data-step-label]{--un-text-opacity:1;color:rgba(var(--color-primary-300),var(--un-text-opacity));}
+
+[data-style='material'] [data-step-item][data-step-state='current'] [data-step-label] {
+  background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-900),var(--un-text-opacity));font-weight:600;
+}[data-mode="dark"][data-style="material"] [data-step-item][data-step-state="current"] [data-step-label],[data-mode="dark"] [data-style="material"] [data-step-item][data-step-state="current"] [data-step-label]{--un-text-opacity:1;color:rgba(var(--color-surface-100),var(--un-text-opacity));}
+
+[data-style='material'] [data-step-item][data-step-state='upcoming'] [data-step-label] {
+  background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
+}[data-mode="dark"][data-style="material"] [data-step-item][data-step-state="upcoming"] [data-step-label],[data-mode="dark"] [data-style="material"] [data-step-item][data-step-state="upcoming"] [data-step-label]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
+
+/* ── Connector lines ── */
+
+[data-style='material'] [data-step-item][data-step-state='complete']::after {
+  --un-bg-opacity:1;background-color:rgba(var(--color-primary-500),var(--un-bg-opacity));
+}[data-mode="dark"][data-style="material"] [data-step-item][data-step-state="complete"]::after,[data-mode="dark"] [data-style="material"] [data-step-item][data-step-state="complete"]::after{--un-bg-opacity:1;background-color:rgba(var(--color-primary-500),var(--un-bg-opacity));}
+
+[data-style='material'] [data-step-item][data-step-state='current']::after,
+[data-style='material'] [data-step-item][data-step-state='upcoming']::after {
+  --un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));
+}[data-mode="dark"][data-style="material"] [data-step-item][data-step-state="current"]::after,[data-mode="dark"] [data-style="material"] [data-step-item][data-step-state="current"]::after,[data-mode="dark"][data-style="material"] [data-step-item][data-step-state="upcoming"]::after,[data-mode="dark"] [data-style="material"] [data-step-item][data-step-state="upcoming"]::after{--un-bg-opacity:1;background-color:rgba(var(--color-surface-700),var(--un-bg-opacity));}
+
 /**
  * Chart - Material Theme Styles
  */
@@ -1813,11 +1888,11 @@
   --un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
 }[data-mode="dark"][data-style="material"] [data-chart-legend-item]:hover,[data-mode="dark"] [data-style="material"] [data-chart-legend-item]:hover{--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
 
-[data-style='material'] [data-plot-element="bar"][data-dimmed],
-[data-style='material'] [data-plot-element="point"][data-dimmed],
-[data-style='material'] [data-plot-element="arc"][data-dimmed],
-[data-style='material'] [data-plot-element="line"][data-dimmed],
-[data-style='material'] [data-plot-element="area"][data-dimmed] {
+[data-style='material'] [data-plot-element='bar'][data-dimmed],
+[data-style='material'] [data-plot-element='point'][data-dimmed],
+[data-style='material'] [data-plot-element='arc'][data-dimmed],
+[data-style='material'] [data-plot-element='line'][data-dimmed],
+[data-style='material'] [data-plot-element='area'][data-dimmed] {
   opacity: 0.15;
 }
 
@@ -1835,8 +1910,10 @@
   --un-outline-color-opacity:1;outline-color:rgba(var(--color-secondary-500),var(--un-outline-color-opacity));
 }[data-mode="dark"][data-style="material"] [data-swatch-item][data-selected],[data-mode="dark"] [data-style="material"] [data-swatch-item][data-selected]{--un-outline-color-opacity:1;outline-color:rgba(var(--color-secondary-500),var(--un-outline-color-opacity));}
 
-[data-style='material'] [data-swatch-item]:hover:not(:disabled):not([data-disabled]):not([data-selected]),
-[data-style='material'] [data-swatch-item]:focus-visible:not(:disabled):not([data-disabled]):not([data-selected]) {
+[data-style='material']
+  [data-swatch-item]:hover:not(:disabled):not([data-disabled]):not([data-selected]),
+[data-style='material']
+  [data-swatch-item]:focus-visible:not(:disabled):not([data-disabled]):not([data-selected]) {
   --un-outline-color-opacity:1;outline-color:rgba(var(--color-primary-400),var(--un-outline-color-opacity));
 }[data-mode="dark"][data-style="material"] [data-swatch-item]:hover:not(:disabled):not([data-disabled]):not([data-selected]),[data-mode="dark"] [data-style="material"] [data-swatch-item]:hover:not(:disabled):not([data-disabled]):not([data-selected]),[data-mode="dark"][data-style="material"] [data-swatch-item]:focus-visible:not(:disabled):not([data-disabled]):not([data-selected]),[data-mode="dark"] [data-style="material"] [data-swatch-item]:focus-visible:not(:disabled):not([data-disabled]):not([data-selected]){--un-outline-color-opacity:1;outline-color:rgba(var(--color-primary-600),var(--un-outline-color-opacity));}
 

package/dist/minimal.css

@@ -304,7 +304,9 @@
 [data-style='minimal'] [data-tabs-trigger] {
   border-bottom-width:3px;border-bottom-color:transparent;background-color:transparent;--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
   font-weight: 400;
-  transition: color 150ms ease, border-color 150ms ease;
+  transition:
+    color 150ms ease,
+    border-color 150ms ease;
 }[data-mode="dark"][data-style="minimal"] [data-tabs-trigger],[data-mode="dark"] [data-style="minimal"] [data-tabs-trigger]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
 
 [data-style='minimal'] [data-tabs-trigger]:hover:not(:disabled):not([data-disabled]) {
@@ -337,7 +339,7 @@
 
 /* Horizontal after (tabs below content): top border */
 [data-style='minimal'] [data-tabs][data-position='after'] [data-tabs-trigger] {
-  border-bottom-width:0px;border-top-width:3px;border-top-color:transparent;
+  border-top-width:3px;border-bottom-width:0px;border-top-color:transparent;
 }
 
 [data-style='minimal']
@@ -360,7 +362,7 @@
 
 /* Vertical before (tabs on left): right border */
 [data-style='minimal'] [data-tabs][data-orientation='vertical'] [data-tabs-trigger] {
-  border-bottom-width:0px;border-right-width:3px;border-right-color:transparent;border-radius:0;border-top-left-radius:0.25rem;border-bottom-left-radius:0.25rem;
+  border-right-width:3px;border-bottom-width:0px;border-right-color:transparent;border-radius:0;border-top-left-radius:0.25rem;border-bottom-left-radius:0.25rem;
 }
 
 [data-style='minimal']
@@ -378,19 +380,19 @@
 [data-style='minimal']
   [data-tabs][data-orientation='vertical'][data-position='after']
   [data-tabs-trigger] {
-  border-top-width:0px;border-bottom-width:0px;border-right-width:0px;border-left-width:3px;border-left-color:transparent;border-radius:0;border-top-right-radius:0.25rem;border-bottom-right-radius:0.25rem;
+  border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:3px;border-left-color:transparent;border-radius:0;border-top-right-radius:0.25rem;border-bottom-right-radius:0.25rem;
 }
 
 [data-style='minimal']
   [data-tabs][data-orientation='vertical'][data-position='after']
   [data-tabs-trigger]:hover:not(:disabled):not([data-disabled]) {
-  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));
+  border-top-width:0px;border-right-width:0px;border-bottom-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));
 }[data-mode="dark"][data-style="minimal"] [data-tabs][data-orientation="vertical"][data-position="after"] [data-tabs-trigger]:hover:not(:disabled):not([data-disabled]),[data-mode="dark"] [data-style="minimal"] [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));}
 
 [data-style='minimal']
   [data-tabs][data-orientation='vertical'][data-position='after']
   [data-tabs-trigger][data-selected] {
-  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-800),var(--un-border-left-opacity));
+  border-top-width:0px;border-right-width:0px;border-bottom-width:0px;--un-border-opacity:1;--un-border-left-opacity:var(--un-border-opacity);border-left-color:rgba(var(--color-surface-800),var(--un-border-left-opacity));
   font-weight: 600;
 }[data-mode="dark"][data-style="minimal"] [data-tabs][data-orientation="vertical"][data-position="after"] [data-tabs-trigger][data-selected],[data-mode="dark"] [data-style="minimal"] [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-surface-200),var(--un-border-left-opacity));}
 
@@ -503,7 +505,8 @@
 /**
  * List - Minimal Theme Styles
  *
- * Clean, understated list with subtle borders and hover states.
+ * Clean, understated list with subtle left-border accents.
+ * Hover is text-only (no border); active/selected uses secondary accent border.
  */
 
 /* =============================================================================
@@ -527,31 +530,31 @@
   --un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
 }[data-mode="dark"][data-style="minimal"] [data-list] a[data-list-item],[data-mode="dark"] [data-style="minimal"] [data-list] a[data-list-item],[data-mode="dark"][data-style="minimal"] [data-list] button[data-list-item],[data-mode="dark"] [data-style="minimal"] [data-list] button[data-list-item]{--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
 
-/* Hover and focus (keyboard navigation) */
+/* Hover and focus — text brightening only, no border */
 [data-style='minimal']
   [data-list]
   [data-list-item]:hover:not(:disabled):not([data-disabled='true']),
 [data-style='minimal']
   [data-list]
   [data-list-item]:focus:not(:disabled):not([data-disabled='true']) {
-  border-left-width:2px;--un-border-opacity:1;--un-border-left-opacity:var(--un-border-opacity);border-left-color:rgba(var(--color-secondary-400),var(--un-border-left-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;
-}[data-mode="dark"][data-style="minimal"] [data-list] [data-list-item]:hover:not(:disabled):not([data-disabled="true"]),[data-mode="dark"] [data-style="minimal"] [data-list] [data-list-item]:hover:not(:disabled):not([data-disabled="true"]),[data-mode="dark"][data-style="minimal"] [data-list] [data-list-item]:focus:not(:disabled):not([data-disabled="true"]),[data-mode="dark"] [data-style="minimal"] [data-list] [data-list-item]:focus:not(:disabled):not([data-disabled="true"]){--un-border-opacity:1;--un-border-left-opacity:var(--un-border-opacity);border-left-color:rgba(var(--color-secondary-600),var(--un-border-left-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-100),var(--un-text-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;
+}[data-mode="dark"][data-style="minimal"] [data-list] [data-list-item]:hover:not(:disabled):not([data-disabled="true"]),[data-mode="dark"] [data-style="minimal"] [data-list] [data-list-item]:hover:not(:disabled):not([data-disabled="true"]),[data-mode="dark"][data-style="minimal"] [data-list] [data-list-item]:focus:not(:disabled):not([data-disabled="true"]),[data-mode="dark"] [data-style="minimal"] [data-list] [data-list-item]:focus:not(:disabled):not([data-disabled="true"]){--un-text-opacity:1;color:rgba(var(--color-surface-100),var(--un-text-opacity));}
 
 /* Active state — muted when list not focused */
 [data-style='minimal'] [data-list] [data-list-item][data-active='true'] {
-  border-left-width:2px;--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-surface-800),var(--un-text-opacity));
-}[data-mode="dark"][data-style="minimal"] [data-list] [data-list-item][data-active="true"],[data-mode="dark"] [data-style="minimal"] [data-list] [data-list-item][data-active="true"]{--un-border-opacity:1;border-color:rgba(var(--color-primary-600),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
+  border-left-width:2px;--un-border-opacity:1;border-color:rgba(var(--color-secondary-300),var(--un-border-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
+}[data-mode="dark"][data-style="minimal"] [data-list] [data-list-item][data-active="true"],[data-mode="dark"] [data-style="minimal"] [data-list] [data-list-item][data-active="true"]{--un-border-opacity:1;border-color:rgba(var(--color-secondary-700),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
 
 /* Active state — full highlight when list has focus */
 [data-style='minimal'] [data-list]:focus-within [data-list-item][data-active='true'] {
-  border-left-width:2px;--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));
-}[data-mode="dark"][data-style="minimal"] [data-list]:focus-within [data-list-item][data-active="true"],[data-mode="dark"] [data-style="minimal"] [data-list]:focus-within [data-list-item][data-active="true"]{--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));}
+  border-left-width:2px;--un-border-opacity:1;border-color:rgba(var(--color-secondary-400),var(--un-border-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-secondary-700),var(--un-text-opacity));
+}[data-mode="dark"][data-style="minimal"] [data-list]:focus-within [data-list-item][data-active="true"],[data-mode="dark"] [data-style="minimal"] [data-list]:focus-within [data-list-item][data-active="true"]{--un-border-opacity:1;border-color:rgba(var(--color-secondary-600),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-secondary-300),var(--un-text-opacity));}
 
 /* Active + hover/focus */
 [data-style='minimal'] [data-list] [data-list-item][data-active='true']:hover:not(:disabled),
 [data-style='minimal'] [data-list] [data-list-item][data-active='true']:focus:not(:disabled) {
-  background-image:none;--un-text-opacity:1;color:rgba(var(--color-primary-800),var(--un-text-opacity));
-}[data-mode="dark"][data-style="minimal"] [data-list] [data-list-item][data-active="true"]:hover:not(:disabled),[data-mode="dark"] [data-style="minimal"] [data-list] [data-list-item][data-active="true"]:hover:not(:disabled),[data-mode="dark"][data-style="minimal"] [data-list] [data-list-item][data-active="true"]:focus:not(:disabled),[data-mode="dark"] [data-style="minimal"] [data-list] [data-list-item][data-active="true"]:focus:not(:disabled){--un-text-opacity:1;color:rgba(var(--color-primary-200),var(--un-text-opacity));}
+  background-image:none;--un-text-opacity:1;color:rgba(var(--color-secondary-800),var(--un-text-opacity));
+}[data-mode="dark"][data-style="minimal"] [data-list] [data-list-item][data-active="true"]:hover:not(:disabled),[data-mode="dark"] [data-style="minimal"] [data-list] [data-list-item][data-active="true"]:hover:not(:disabled),[data-mode="dark"][data-style="minimal"] [data-list] [data-list-item][data-active="true"]:focus:not(:disabled),[data-mode="dark"] [data-style="minimal"] [data-list] [data-list-item][data-active="true"]:focus:not(:disabled){--un-text-opacity:1;color:rgba(var(--color-secondary-200),var(--un-text-opacity));}
 
 /* =============================================================================
    Item Elements
@@ -567,24 +570,24 @@
 }[data-mode="dark"][data-style="minimal"] [data-list] [data-list-item]:hover:not(:disabled) [data-item-icon],[data-mode="dark"] [data-style="minimal"] [data-list] [data-list-item]:hover:not(:disabled) [data-item-icon],[data-mode="dark"][data-style="minimal"] [data-list] [data-list-item]:focus:not(:disabled) [data-item-icon],[data-mode="dark"] [data-style="minimal"] [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));}
 
 [data-style='minimal'] [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));
-}[data-mode="dark"][data-style="minimal"] [data-list] [data-list-item][data-active="true"] [data-item-icon],[data-mode="dark"] [data-style="minimal"] [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));}
+  --un-text-opacity:1;color:rgba(var(--color-secondary-500),var(--un-text-opacity));
+}[data-mode="dark"][data-style="minimal"] [data-list] [data-list-item][data-active="true"] [data-item-icon],[data-mode="dark"] [data-style="minimal"] [data-list] [data-list-item][data-active="true"] [data-item-icon]{--un-text-opacity:1;color:rgba(var(--color-secondary-500),var(--un-text-opacity));}
 
 [data-style='minimal'] [data-list] [data-list-item] [data-item-description] {
   --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
 }[data-mode="dark"][data-style="minimal"] [data-list] [data-list-item] [data-item-description],[data-mode="dark"] [data-style="minimal"] [data-list] [data-list-item] [data-item-description]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
 
 [data-style='minimal'] [data-list] [data-list-item][data-active='true'] [data-item-description] {
-  --un-text-opacity:1;color:rgba(var(--color-primary-600),var(--un-text-opacity));
-}[data-mode="dark"][data-style="minimal"] [data-list] [data-list-item][data-active="true"] [data-item-description],[data-mode="dark"] [data-style="minimal"] [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));}
+  --un-text-opacity:1;color:rgba(var(--color-secondary-600),var(--un-text-opacity));
+}[data-mode="dark"][data-style="minimal"] [data-list] [data-list-item][data-active="true"] [data-item-description],[data-mode="dark"] [data-style="minimal"] [data-list] [data-list-item][data-active="true"] [data-item-description]{--un-text-opacity:1;color:rgba(var(--color-secondary-400),var(--un-text-opacity));}
 
 [data-style='minimal'] [data-list] [data-list-item] [data-item-badge] {
   border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-400),var(--un-border-opacity));background-color:transparent;background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
 }[data-mode="dark"][data-style="minimal"] [data-list] [data-list-item] [data-item-badge],[data-mode="dark"] [data-style="minimal"] [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));}
 
 [data-style='minimal'] [data-list] [data-list-item][data-active='true'] [data-item-badge] {
-  --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));
-}[data-mode="dark"][data-style="minimal"] [data-list] [data-list-item][data-active="true"] [data-item-badge],[data-mode="dark"] [data-style="minimal"] [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));}
+  --un-border-opacity:1;border-color:rgba(var(--color-secondary-400),var(--un-border-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-secondary-700),var(--un-text-opacity));
+}[data-mode="dark"][data-style="minimal"] [data-list] [data-list-item][data-active="true"] [data-item-badge],[data-mode="dark"] [data-style="minimal"] [data-list] [data-list-item][data-active="true"] [data-item-badge]{--un-border-opacity:1;border-color:rgba(var(--color-secondary-600),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-secondary-300),var(--un-text-opacity));}
 
 /* =============================================================================
    Groups
@@ -594,10 +597,11 @@
   --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
 }[data-mode="dark"][data-style="minimal"] [data-list] [data-list-group],[data-mode="dark"] [data-style="minimal"] [data-list] [data-list-group]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
 
+/* Group hover — text-only, no border */
 [data-style='minimal'] [data-list] [data-list-group]:hover:not(:disabled),
 [data-style='minimal'] [data-list] [data-list-group]:focus:not(:disabled) {
-  border-left-width:2px;--un-border-opacity:1;--un-border-left-opacity:var(--un-border-opacity);border-left-color:rgba(var(--color-secondary-400),var(--un-border-left-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
-}[data-mode="dark"][data-style="minimal"] [data-list] [data-list-group]:hover:not(:disabled),[data-mode="dark"] [data-style="minimal"] [data-list] [data-list-group]:hover:not(:disabled),[data-mode="dark"][data-style="minimal"] [data-list] [data-list-group]:focus:not(:disabled),[data-mode="dark"] [data-style="minimal"] [data-list] [data-list-group]:focus:not(:disabled){--un-border-opacity:1;--un-border-left-opacity:var(--un-border-opacity);border-left-color:rgba(var(--color-secondary-600),var(--un-border-left-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
+  background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
+}[data-mode="dark"][data-style="minimal"] [data-list] [data-list-group]:hover:not(:disabled),[data-mode="dark"] [data-style="minimal"] [data-list] [data-list-group]:hover:not(:disabled),[data-mode="dark"][data-style="minimal"] [data-list] [data-list-group]:focus:not(:disabled),[data-mode="dark"] [data-style="minimal"] [data-list] [data-list-group]:focus:not(:disabled){--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
 
 /* =============================================================================
    Separator
@@ -612,20 +616,20 @@
    ============================================================================= */
 
 [data-style='minimal'] [data-list] [data-list-item][data-selected='true'] {
-  border-left-width:2px;--un-border-opacity:1;border-color:rgba(var(--color-primary-300),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-700),var(--un-text-opacity));
-}[data-mode="dark"][data-style="minimal"] [data-list] [data-list-item][data-selected="true"],[data-mode="dark"] [data-style="minimal"] [data-list] [data-list-item][data-selected="true"]{--un-border-opacity:1;border-color:rgba(var(--color-primary-700),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-300),var(--un-text-opacity));}
+  border-left-width:2px;--un-border-opacity:1;border-color:rgba(var(--color-secondary-300),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-secondary-700),var(--un-text-opacity));
+}[data-mode="dark"][data-style="minimal"] [data-list] [data-list-item][data-selected="true"],[data-mode="dark"] [data-style="minimal"] [data-list] [data-list-item][data-selected="true"]{--un-border-opacity:1;border-color:rgba(var(--color-secondary-700),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-secondary-300),var(--un-text-opacity));}
 
 [data-style='minimal'] [data-list]:focus-within [data-list-item][data-selected='true'] {
-  border-left-width:2px;--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));
-}[data-mode="dark"][data-style="minimal"] [data-list]:focus-within [data-list-item][data-selected="true"],[data-mode="dark"] [data-style="minimal"] [data-list]:focus-within [data-list-item][data-selected="true"]{--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));}
+  border-left-width:2px;--un-border-opacity:1;border-color:rgba(var(--color-secondary-400),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-secondary-700),var(--un-text-opacity));
+}[data-mode="dark"][data-style="minimal"] [data-list]:focus-within [data-list-item][data-selected="true"],[data-mode="dark"] [data-style="minimal"] [data-list]:focus-within [data-list-item][data-selected="true"]{--un-border-opacity:1;border-color:rgba(var(--color-secondary-600),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-secondary-300),var(--un-text-opacity));}
 
 [data-style='minimal'] [data-list] [data-list-item][data-selected='true']:hover:not(:disabled) {
-  --un-text-opacity:1;color:rgba(var(--color-primary-800),var(--un-text-opacity));
-}[data-mode="dark"][data-style="minimal"] [data-list] [data-list-item][data-selected="true"]:hover:not(:disabled),[data-mode="dark"] [data-style="minimal"] [data-list] [data-list-item][data-selected="true"]:hover:not(:disabled){--un-text-opacity:1;color:rgba(var(--color-primary-200),var(--un-text-opacity));}
+  --un-text-opacity:1;color:rgba(var(--color-secondary-800),var(--un-text-opacity));
+}[data-mode="dark"][data-style="minimal"] [data-list] [data-list-item][data-selected="true"]:hover:not(:disabled),[data-mode="dark"] [data-style="minimal"] [data-list] [data-list-item][data-selected="true"]:hover:not(:disabled){--un-text-opacity:1;color:rgba(var(--color-secondary-200),var(--un-text-opacity));}
 
 [data-style='minimal'] [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));
-}[data-mode="dark"][data-style="minimal"] [data-list] [data-list-item][data-selected="true"] [data-item-icon],[data-mode="dark"] [data-style="minimal"] [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));}
+  --un-text-opacity:1;color:rgba(var(--color-secondary-500),var(--un-text-opacity));
+}[data-mode="dark"][data-style="minimal"] [data-list] [data-list-item][data-selected="true"] [data-item-icon],[data-mode="dark"] [data-style="minimal"] [data-list] [data-list-item][data-selected="true"] [data-item-icon]{--un-text-opacity:1;color:rgba(var(--color-secondary-500),var(--un-text-opacity));}
 
 /**
  * Tree - Minimal Theme Styles
@@ -685,7 +689,9 @@
   background-image:none;
 }
 
-[data-style='minimal'] [data-tree]:focus-within [data-tree-item-content][data-active='true']:hover:not(:disabled) {
+[data-style='minimal']
+  [data-tree]:focus-within
+  [data-tree-item-content][data-active='true']:hover:not(:disabled) {
   background-image:none;
 }
 
@@ -725,11 +731,17 @@
   --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));
 }[data-mode="dark"][data-style="minimal"] [data-tree-item-content][data-active="true"] [data-item-badge],[data-mode="dark"] [data-style="minimal"] [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));}
 
-[data-style='minimal'] [data-tree]:focus-within [data-tree-item-content][data-active='true'] [data-item-badge] {
+[data-style='minimal']
+  [data-tree]:focus-within
+  [data-tree-item-content][data-active='true']
+  [data-item-badge] {
   background-image:none;
 }
 
-[data-style='minimal'] [data-tree]:not(:focus-within) [data-tree-item-content][data-active='true'] [data-item-badge] {
+[data-style='minimal']
+  [data-tree]:not(:focus-within)
+  [data-tree-item-content][data-active='true']
+  [data-item-badge] {
   background-image:none;
 }
 
@@ -1313,8 +1325,8 @@
    ============================================================================= */
 
 [data-style='minimal'] [data-table-header] th {
-  border-bottom-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-400),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
-}[data-mode="dark"][data-style="minimal"] [data-table-header] th,[data-mode="dark"] [data-style="minimal"] [data-table-header] th{--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));}
+  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-200),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
+}[data-mode="dark"][data-style="minimal"] [data-table-header] th,[data-mode="dark"] [data-style="minimal"] [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-800),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
 
 [data-style='minimal'] [data-table-header-cell][data-sortable='true']:hover {
   --un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
@@ -1368,9 +1380,9 @@
    Striped
    ============================================================================= */
 
-[data-style='minimal'] [data-striped='true'] [data-table-body] tr:nth-child(even) {
+[data-style='minimal'] [data-table-striped] [data-table-body] tr:nth-child(even) {
   --un-bg-opacity:1;background-color:rgba(var(--color-surface-100),var(--un-bg-opacity));
-}[data-mode="dark"][data-style="minimal"] [data-striped="true"] [data-table-body] tr:nth-child(even),[data-mode="dark"] [data-style="minimal"] [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));}
+}[data-mode="dark"][data-style="minimal"] [data-table-striped] [data-table-body] tr:nth-child(even),[data-mode="dark"] [data-style="minimal"] [data-table-striped] [data-table-body] tr:nth-child(even){--un-bg-opacity:1;background-color:rgba(var(--color-surface-900),var(--un-bg-opacity));}
 
 /* =============================================================================
    Empty
@@ -1392,6 +1404,25 @@
   --un-text-opacity:1;color:rgba(var(--color-primary-600),var(--un-text-opacity));
 }[data-mode="dark"][data-style="minimal"] [data-table-row][data-selected="true"] [data-cell-icon],[data-mode="dark"] [data-style="minimal"] [data-table-row][data-selected="true"] [data-cell-icon]{--un-text-opacity:1;color:rgba(var(--color-primary-400),var(--un-text-opacity));}
 
+/* =============================================================================
+   Responsive Card Layout
+   ============================================================================= */
+
+@media (max-width: 639px) {
+  [data-style='minimal'] [data-table-responsive] [data-table-row] {
+    border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-300),var(--un-border-opacity));background-image:none;
+  }[data-mode="dark"] [data-style="minimal"] [data-table-responsive] [data-table-row]{--un-border-opacity:1;border-color:rgba(var(--color-surface-700),var(--un-border-opacity));}
+
+  [data-style='minimal'] [data-table-responsive] [data-table-cell]::before {
+    --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
+  }[data-mode="dark"] [data-style="minimal"] [data-table-responsive] [data-table-cell]::before{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
+
+  /* Disable striped alternating bg in card layout */
+  [data-style='minimal'] [data-table-responsive][data-table-striped] [data-table-body] tr:nth-child(even) {
+    background: unset;
+  }
+}
+
 /**
  * SearchFilter - Minimal Theme Styles
  *
@@ -1744,7 +1775,6 @@
  * Message - Minimal Theme Styles
  */
 
-
 [data-style='minimal'] [data-message-root][data-type='error'] {
   --un-border-opacity:1;border-color:rgba(var(--color-error-300),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-error-100),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-error-800),var(--un-text-opacity));
 }[data-mode="dark"][data-style="minimal"] [data-message-root][data-type="error"],[data-mode="dark"] [data-style="minimal"] [data-message-root][data-type="error"]{--un-border-opacity:1;border-color:rgba(var(--color-error-700),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-error-900),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-error-200),var(--un-text-opacity));}
@@ -1844,6 +1874,47 @@
   background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));font-weight:600;
 }[data-mode="dark"][data-style="minimal"] [data-status-count],[data-mode="dark"] [data-style="minimal"] [data-status-count]{--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
 
+/* StepIndicator — Minimal theme (flat, border-only) */
+
+/* ── Number circles ── */
+
+[data-style='minimal'] [data-step-item][data-step-state='complete'] [data-step-number] {
+  --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-400),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-50),var(--un-text-opacity));
+}[data-mode="dark"][data-style="minimal"] [data-step-item][data-step-state="complete"] [data-step-number],[data-mode="dark"] [data-style="minimal"] [data-step-item][data-step-state="complete"] [data-step-number]{--un-border-opacity:1;border-color:rgba(var(--color-primary-600),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-primary-600),var(--un-bg-opacity));}
+
+[data-style='minimal'] [data-step-item][data-step-state='current'] [data-step-number] {
+  --un-border-opacity:1;border-color:rgba(var(--color-primary-400),var(--un-border-opacity));background-color:transparent;background-image:none;--un-text-opacity:1;color:rgba(var(--color-primary-700),var(--un-text-opacity));
+}[data-mode="dark"][data-style="minimal"] [data-step-item][data-step-state="current"] [data-step-number],[data-mode="dark"] [data-style="minimal"] [data-step-item][data-step-state="current"] [data-step-number]{--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));}
+
+[data-style='minimal'] [data-step-item][data-step-state='upcoming'] [data-step-number] {
+  --un-border-opacity:1;border-color:rgba(var(--color-surface-300),var(--un-border-opacity));background-color:transparent;background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
+}[data-mode="dark"][data-style="minimal"] [data-step-item][data-step-state="upcoming"] [data-step-number],[data-mode="dark"] [data-style="minimal"] [data-step-item][data-step-state="upcoming"] [data-step-number]{--un-border-opacity:1;border-color:rgba(var(--color-surface-700),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
+
+/* ── Labels ── */
+
+[data-style='minimal'] [data-step-item][data-step-state='complete'] [data-step-label] {
+  background-image:none;--un-text-opacity:1;color:rgba(var(--color-primary-700),var(--un-text-opacity));
+}[data-mode="dark"][data-style="minimal"] [data-step-item][data-step-state="complete"] [data-step-label],[data-mode="dark"] [data-style="minimal"] [data-step-item][data-step-state="complete"] [data-step-label]{--un-text-opacity:1;color:rgba(var(--color-primary-300),var(--un-text-opacity));}
+
+[data-style='minimal'] [data-step-item][data-step-state='current'] [data-step-label] {
+  background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));font-weight:600;
+}[data-mode="dark"][data-style="minimal"] [data-step-item][data-step-state="current"] [data-step-label],[data-mode="dark"] [data-style="minimal"] [data-step-item][data-step-state="current"] [data-step-label]{--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
+
+[data-style='minimal'] [data-step-item][data-step-state='upcoming'] [data-step-label] {
+  background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
+}[data-mode="dark"][data-style="minimal"] [data-step-item][data-step-state="upcoming"] [data-step-label],[data-mode="dark"] [data-style="minimal"] [data-step-item][data-step-state="upcoming"] [data-step-label]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
+
+/* ── Connector lines ── */
+
+[data-style='minimal'] [data-step-item][data-step-state='complete']::after {
+  --un-bg-opacity:1;background-color:rgba(var(--color-primary-400),var(--un-bg-opacity));
+}[data-mode="dark"][data-style="minimal"] [data-step-item][data-step-state="complete"]::after,[data-mode="dark"] [data-style="minimal"] [data-step-item][data-step-state="complete"]::after{--un-bg-opacity:1;background-color:rgba(var(--color-primary-600),var(--un-bg-opacity));}
+
+[data-style='minimal'] [data-step-item][data-step-state='current']::after,
+[data-style='minimal'] [data-step-item][data-step-state='upcoming']::after {
+  --un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));
+}[data-mode="dark"][data-style="minimal"] [data-step-item][data-step-state="current"]::after,[data-mode="dark"] [data-style="minimal"] [data-step-item][data-step-state="current"]::after,[data-mode="dark"][data-style="minimal"] [data-step-item][data-step-state="upcoming"]::after,[data-mode="dark"] [data-style="minimal"] [data-step-item][data-step-state="upcoming"]::after{--un-bg-opacity:1;background-color:rgba(var(--color-surface-700),var(--un-bg-opacity));}
+
 /**
  * Chart - Minimal Theme Styles
  */
@@ -1871,11 +1942,11 @@
   --un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
 }[data-mode="dark"][data-style="minimal"] [data-chart-legend-item]:hover,[data-mode="dark"] [data-style="minimal"] [data-chart-legend-item]:hover{--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
 
-[data-style='minimal'] [data-plot-element="bar"][data-dimmed],
-[data-style='minimal'] [data-plot-element="point"][data-dimmed],
-[data-style='minimal'] [data-plot-element="arc"][data-dimmed],
-[data-style='minimal'] [data-plot-element="line"][data-dimmed],
-[data-style='minimal'] [data-plot-element="area"][data-dimmed] {
+[data-style='minimal'] [data-plot-element='bar'][data-dimmed],
+[data-style='minimal'] [data-plot-element='point'][data-dimmed],
+[data-style='minimal'] [data-plot-element='arc'][data-dimmed],
+[data-style='minimal'] [data-plot-element='line'][data-dimmed],
+[data-style='minimal'] [data-plot-element='area'][data-dimmed] {
   opacity: 0.15;
 }
 
@@ -1893,8 +1964,10 @@
   --un-outline-color-opacity:1;outline-color:rgba(var(--color-secondary-500),var(--un-outline-color-opacity));
 }[data-mode="dark"][data-style="minimal"] [data-swatch-item][data-selected],[data-mode="dark"] [data-style="minimal"] [data-swatch-item][data-selected]{--un-outline-color-opacity:1;outline-color:rgba(var(--color-secondary-500),var(--un-outline-color-opacity));}
 
-[data-style='minimal'] [data-swatch-item]:hover:not(:disabled):not([data-disabled]):not([data-selected]),
-[data-style='minimal'] [data-swatch-item]:focus-visible:not(:disabled):not([data-disabled]):not([data-selected]) {
+[data-style='minimal']
+  [data-swatch-item]:hover:not(:disabled):not([data-disabled]):not([data-selected]),
+[data-style='minimal']
+  [data-swatch-item]:focus-visible:not(:disabled):not([data-disabled]):not([data-selected]) {
   --un-outline-color-opacity:1;outline-color:rgba(var(--color-primary-400),var(--un-outline-color-opacity));
 }[data-mode="dark"][data-style="minimal"] [data-swatch-item]:hover:not(:disabled):not([data-disabled]):not([data-selected]),[data-mode="dark"] [data-style="minimal"] [data-swatch-item]:hover:not(:disabled):not([data-disabled]):not([data-selected]),[data-mode="dark"][data-style="minimal"] [data-swatch-item]:focus-visible:not(:disabled):not([data-disabled]):not([data-selected]),[data-mode="dark"] [data-style="minimal"] [data-swatch-item]:focus-visible:not(:disabled):not([data-disabled]):not([data-selected]){--un-outline-color-opacity:1;outline-color:rgba(var(--color-primary-600),var(--un-outline-color-opacity));}