@quidgest/ui 0.25.0 → 0.27.0

package/dist/ui.css

@@ -1403,13 +1403,13 @@ to ensure consistent appearance across different browsers.
   --q-focus-ring: var(--q-focus-ring-width) solid var(--q-focus-ring-color);
   /* Subtle — Gauge shell, Card elevation low */
   --q-shadow-sm: 0 calc(1px * var(--q-density-scale)) calc(2px * var(--q-density-scale)) 0
-    rgb(0 0 0 / 5%);
+    rgb(var(--q-theme-neutral-dark-rgb) / 5%);
   /* Default elevated — Card medium, Overlay */
   --q-shadow-md:
     0 calc(4px * var(--q-density-scale)) calc(6px * var(--q-density-scale))
-      calc(-1px * var(--q-density-scale)) rgb(0 0 0 / 10%),
+      calc(-1px * var(--q-density-scale)) rgb(var(--q-theme-neutral-dark-rgb) / 10%),
     0 calc(2px * var(--q-density-scale)) calc(4px * var(--q-density-scale))
-      calc(-2px * var(--q-density-scale)) rgb(0 0 0 / 10%);
+      calc(-2px * var(--q-density-scale)) rgb(var(--q-theme-neutral-dark-rgb) / 10%);
   /* Strong — Card elevation high */
   --q-shadow-lg: 0 calc(8px * var(--q-density-scale)) calc(12px * var(--q-density-scale))
     rgb(var(--q-theme-neutral-dark-rgb) / 25%);
@@ -1702,7 +1702,7 @@ body *::-webkit-scrollbar-track {
   width: calc(100% + 2px);
   height: calc(100% + 2px);
   border-radius: inherit;
-  opacity: 0.1;
+  opacity: 0.12;
 }
 .q-badge__content {
   white-space: normal;
@@ -1733,6 +1733,15 @@ body *::-webkit-scrollbar-track {
 .q-badge .q-icon {
   color: currentcolor;
 }
+.q-badge__content .q-icon__svg,
+.q-badge__content .q-icon__img, .q-badge__remove .q-icon__svg,
+.q-badge__remove .q-icon__img {
+  width: var(--q-icon-size-sm);
+  height: var(--q-icon-size-sm);
+}
+.q-badge__content .q-icon__font, .q-badge__remove .q-icon__font {
+  font-size: var(--q-icon-size-sm);
+}
 .q-badge__remove.q-button {
   padding: var(--q-control-padding-y-sm);
   min-width: -moz-fit-content;
@@ -1766,10 +1775,10 @@ body *::-webkit-scrollbar-track {
 .q-badge--outlined {
   background-color: transparent;
   border-color: var(--q-badge-main-color);
-  color: var(--q-badge-main-color);
+  color: var(--q-badge-text-color);
 }
 .q-badge--tonal {
-  color: var(--q-badge-main-color);
+  color: var(--q-badge-text-color);
 }
 .q-badge--tonal .q-badge__underlay {
   background-color: var(--q-badge-main-color);
@@ -1785,7 +1794,6 @@ body *::-webkit-scrollbar-track {
   border-radius: 9999px;
 }
 .q-badge--disabled {
-  opacity: 0.6;
   pointer-events: none;
 }
 .q-badge--small {
@@ -1832,13 +1840,13 @@ body *::-webkit-scrollbar-track {
   --q-focus-ring: var(--q-focus-ring-width) solid var(--q-focus-ring-color);
   /* Subtle — Gauge shell, Card elevation low */
   --q-shadow-sm: 0 calc(1px * var(--q-density-scale)) calc(2px * var(--q-density-scale)) 0
-    rgb(0 0 0 / 5%);
+    rgb(var(--q-theme-neutral-dark-rgb) / 5%);
   /* Default elevated — Card medium, Overlay */
   --q-shadow-md:
     0 calc(4px * var(--q-density-scale)) calc(6px * var(--q-density-scale))
-      calc(-1px * var(--q-density-scale)) rgb(0 0 0 / 10%),
+      calc(-1px * var(--q-density-scale)) rgb(var(--q-theme-neutral-dark-rgb) / 10%),
     0 calc(2px * var(--q-density-scale)) calc(4px * var(--q-density-scale))
-      calc(-2px * var(--q-density-scale)) rgb(0 0 0 / 10%);
+      calc(-2px * var(--q-density-scale)) rgb(var(--q-theme-neutral-dark-rgb) / 10%);
   /* Strong — Card elevation high */
   --q-shadow-lg: 0 calc(8px * var(--q-density-scale)) calc(12px * var(--q-density-scale))
     rgb(var(--q-theme-neutral-dark-rgb) / 25%);
@@ -1887,13 +1895,13 @@ body *::-webkit-scrollbar-track {
   --q-focus-ring: var(--q-focus-ring-width) solid var(--q-focus-ring-color);
   /* Subtle — Gauge shell, Card elevation low */
   --q-shadow-sm: 0 calc(1px * var(--q-density-scale)) calc(2px * var(--q-density-scale)) 0
-    rgb(0 0 0 / 5%);
+    rgb(var(--q-theme-neutral-dark-rgb) / 5%);
   /* Default elevated — Card medium, Overlay */
   --q-shadow-md:
     0 calc(4px * var(--q-density-scale)) calc(6px * var(--q-density-scale))
-      calc(-1px * var(--q-density-scale)) rgb(0 0 0 / 10%),
+      calc(-1px * var(--q-density-scale)) rgb(var(--q-theme-neutral-dark-rgb) / 10%),
     0 calc(2px * var(--q-density-scale)) calc(4px * var(--q-density-scale))
-      calc(-2px * var(--q-density-scale)) rgb(0 0 0 / 10%);
+      calc(-2px * var(--q-density-scale)) rgb(var(--q-theme-neutral-dark-rgb) / 10%);
   /* Strong — Card elevation high */
   --q-shadow-lg: 0 calc(8px * var(--q-density-scale)) calc(12px * var(--q-density-scale))
     rgb(var(--q-theme-neutral-dark-rgb) / 25%);
@@ -1992,6 +2000,77 @@ body *::-webkit-scrollbar-track {
   transform-origin: 100% 100%;
 }
 
+.q-breadcrumbs__list {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: stretch;
+  min-height: var(--q-interactive-height);
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.q-breadcrumbs__item {
+  display: flex;
+  align-items: stretch;
+  min-width: 0;
+}
+.q-breadcrumbs__item--collapsed .q-breadcrumbs__link {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip-path: inset(50%);
+  white-space: nowrap;
+  border: 0;
+}
+.q-breadcrumbs__separator {
+  display: inline-flex;
+  align-items: center;
+  margin-inline: var(--q-space-1);
+  color: var(--q-theme-neutral-light);
+}
+.q-breadcrumbs__link {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--q-space-1);
+  color: var(--q-theme-neutral-dark);
+  text-decoration: none;
+  border-radius: var(--q-border-radius);
+  min-width: 0;
+}
+.q-breadcrumbs__link:focus-visible {
+  outline: var(--q-focus-ring);
+  outline-offset: var(--q-focus-ring-offset);
+}
+.q-breadcrumbs__link[aria-current=page] {
+  font-weight: var(--q-font-weight-bold);
+  cursor: default;
+}
+.q-breadcrumbs__link:is(a):not([aria-current=page]) {
+  cursor: pointer;
+}
+@media (hover: hover) {
+  .q-breadcrumbs__link:is(a):not([aria-current=page]):hover {
+    color: var(--q-theme-primary);
+    text-decoration: underline;
+  }
+}
+.q-breadcrumbs__label {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.q-breadcrumbs__collapsed-trigger {
+  margin-inline: calc(var(--q-space-1) * -1);
+}
+@media (hover: hover) {
+  .q-breadcrumbs__collapsed-trigger.q-button--text:hover:not(:disabled) {
+    text-decoration: none;
+  }
+}
+
 @keyframes q-button-ripple {
   0% {
     transform: scale(0);
@@ -2007,6 +2086,8 @@ body *::-webkit-scrollbar-track {
   --q-button-main-color-rgb: var(--q-theme-primary-rgb);
   --q-button-on-main-color: var(--q-theme-on-primary);
   --q-button-on-main-color-rgb: var(--q-theme-on-primary-rgb);
+  --q-button-text-color: var(--q-theme-primary);
+  --q-button-hover-text-color: var(--q-theme-primary-dark);
   --q-button-hover-color: var(--q-theme-primary-dark);
   --q-button-hover-color-rgb: var(--q-theme-primary-dark-rgb);
   --q-button-on-hover-color: var(--q-theme-on-primary-dark);
@@ -2037,7 +2118,9 @@ body *::-webkit-scrollbar-track {
   margin: 0;
   text-decoration: none;
   white-space: nowrap;
-  transition-property: color, background-color, border-color, box-shadow, text-decoration-color, fill, stroke;
+  transition-property: color, background-color, border-color, box-shadow, text-decoration-color, fill, stroke, -webkit-text-decoration;
+  transition-property: color, background-color, border-color, box-shadow, text-decoration, text-decoration-color, fill, stroke;
+  transition-property: color, background-color, border-color, box-shadow, text-decoration, text-decoration-color, fill, stroke, -webkit-text-decoration;
   transition-duration: 0.15s;
 }
 .q-button.q-button--labeled {
@@ -2114,7 +2197,7 @@ body *::-webkit-scrollbar-track {
 .q-button--tonal {
   background-color: rgb(var(--q-button-main-color-rgb)/12%);
   border-color: transparent;
-  color: var(--q-button-main-color);
+  color: var(--q-button-text-color);
 }
 @media (hover: hover) {
   .q-button--tonal:hover:not(:disabled) {
@@ -2126,7 +2209,7 @@ body *::-webkit-scrollbar-track {
 .q-button--outlined {
   background-color: transparent;
   border-color: var(--q-button-main-color);
-  color: var(--q-button-main-color);
+  color: var(--q-button-text-color);
 }
 @media (hover: hover) {
   .q-button--outlined:hover:not(:disabled) {
@@ -2138,25 +2221,26 @@ body *::-webkit-scrollbar-track {
 .q-button--ghost {
   background-color: transparent;
   border-color: transparent;
-  color: var(--q-button-main-color);
+  color: var(--q-button-text-color);
 }
 @media (hover: hover) {
   .q-button--ghost:hover:not(:disabled) {
     background-color: rgb(var(--q-button-hover-color-rgb)/6%);
     border-color: transparent;
-    color: var(--q-button-hover-color);
+    color: var(--q-button-hover-text-color);
   }
 }
 .q-button--text {
   background-color: transparent;
   border-color: transparent;
-  color: var(--q-button-main-color);
+  color: var(--q-button-text-color);
 }
 @media (hover: hover) {
   .q-button--text:hover:not(:disabled) {
     background-color: transparent;
     border-color: transparent;
-    color: var(--q-button-hover-color);
+    color: var(--q-button-hover-text-color);
+    text-decoration: underline;
   }
 }
 .q-button--pill {
@@ -2165,6 +2249,8 @@ body *::-webkit-scrollbar-track {
 .q-button--background {
   --q-button-main-color: var(--q-theme-background);
   --q-button-on-main-color: var(--q-theme-on-background);
+  --q-button-text-color: var(--q-theme-background);
+  --q-button-hover-text-color: var(--q-theme-background);
   --q-button-hover-color: var(--q-theme-primary-dark);
   --q-button-on-hover-color: var(--q-theme-on-primary-dark);
 }
@@ -2172,7 +2258,7 @@ body *::-webkit-scrollbar-track {
   cursor: not-allowed;
 }
 .q-button--loading span {
-  visibility: hidden;
+  opacity: 0;
 }
 .q-button--small {
   --q-density-scale: calc(var(--q-density-scale-base) * 0.8);
@@ -2218,13 +2304,13 @@ body *::-webkit-scrollbar-track {
   --q-focus-ring: var(--q-focus-ring-width) solid var(--q-focus-ring-color);
   /* Subtle — Gauge shell, Card elevation low */
   --q-shadow-sm: 0 calc(1px * var(--q-density-scale)) calc(2px * var(--q-density-scale)) 0
-    rgb(0 0 0 / 5%);
+    rgb(var(--q-theme-neutral-dark-rgb) / 5%);
   /* Default elevated — Card medium, Overlay */
   --q-shadow-md:
     0 calc(4px * var(--q-density-scale)) calc(6px * var(--q-density-scale))
-      calc(-1px * var(--q-density-scale)) rgb(0 0 0 / 10%),
+      calc(-1px * var(--q-density-scale)) rgb(var(--q-theme-neutral-dark-rgb) / 10%),
     0 calc(2px * var(--q-density-scale)) calc(4px * var(--q-density-scale))
-      calc(-2px * var(--q-density-scale)) rgb(0 0 0 / 10%);
+      calc(-2px * var(--q-density-scale)) rgb(var(--q-theme-neutral-dark-rgb) / 10%);
   /* Strong — Card elevation high */
   --q-shadow-lg: 0 calc(8px * var(--q-density-scale)) calc(12px * var(--q-density-scale))
     rgb(var(--q-theme-neutral-dark-rgb) / 25%);
@@ -2273,13 +2359,13 @@ body *::-webkit-scrollbar-track {
   --q-focus-ring: var(--q-focus-ring-width) solid var(--q-focus-ring-color);
   /* Subtle — Gauge shell, Card elevation low */
   --q-shadow-sm: 0 calc(1px * var(--q-density-scale)) calc(2px * var(--q-density-scale)) 0
-    rgb(0 0 0 / 5%);
+    rgb(var(--q-theme-neutral-dark-rgb) / 5%);
   /* Default elevated — Card medium, Overlay */
   --q-shadow-md:
     0 calc(4px * var(--q-density-scale)) calc(6px * var(--q-density-scale))
-      calc(-1px * var(--q-density-scale)) rgb(0 0 0 / 10%),
+      calc(-1px * var(--q-density-scale)) rgb(var(--q-theme-neutral-dark-rgb) / 10%),
     0 calc(2px * var(--q-density-scale)) calc(4px * var(--q-density-scale))
-      calc(-2px * var(--q-density-scale)) rgb(0 0 0 / 10%);
+      calc(-2px * var(--q-density-scale)) rgb(var(--q-theme-neutral-dark-rgb) / 10%);
   /* Strong — Card elevation high */
   --q-shadow-lg: 0 calc(8px * var(--q-density-scale)) calc(12px * var(--q-density-scale))
     rgb(var(--q-theme-neutral-dark-rgb) / 25%);
@@ -2580,11 +2666,19 @@ body *::-webkit-scrollbar-track {
   height: var(--q-carousel-indicator-height);
   border-radius: calc(var(--q-space-1) * 0.5);
   background-color: rgba(255, 255, 255, 0.5);
-  cursor: pointer;
   transition: all 0.3s ease;
   overflow: hidden; /* Hide overflow of the progress bar */
 }
 
+.q-carousel__indicator-button {
+  position: absolute;
+  inset: 0;
+  padding: 0;
+  border: 0;
+  background: transparent;
+  cursor: pointer;
+}
+
 .q-carousel__indicator:hover {
   background-color: rgba(255, 255, 255, 0.8);
 }
@@ -2709,8 +2803,12 @@ body *::-webkit-scrollbar-track {
   outline: var(--q-focus-ring);
 }
 
-.q-carousel__control:focus-visible,
-.q-carousel__indicator:focus-visible {
+.q-carousel__control:focus-visible {
+  outline: var(--q-focus-ring);
+}
+
+/* The button fills the item, and the item's overflow clips an outline on the button. */
+.q-carousel__indicator:has(.q-carousel__indicator-button:focus-visible) {
   outline: var(--q-focus-ring);
 }
 
@@ -2721,7 +2819,7 @@ body *::-webkit-scrollbar-track {
   --q-transition-duration: 0.15s;
   display: flex;
   align-items: center;
-  gap: var(--q-space-2);
+  gap: var(--q-space-1);
   width: -moz-fit-content;
   width: fit-content;
   box-sizing: border-box;
@@ -2832,13 +2930,13 @@ body *::-webkit-scrollbar-track {
   --q-focus-ring: var(--q-focus-ring-width) solid var(--q-focus-ring-color);
   /* Subtle — Gauge shell, Card elevation low */
   --q-shadow-sm: 0 calc(1px * var(--q-density-scale)) calc(2px * var(--q-density-scale)) 0
-    rgb(0 0 0 / 5%);
+    rgb(var(--q-theme-neutral-dark-rgb) / 5%);
   /* Default elevated — Card medium, Overlay */
   --q-shadow-md:
     0 calc(4px * var(--q-density-scale)) calc(6px * var(--q-density-scale))
-      calc(-1px * var(--q-density-scale)) rgb(0 0 0 / 10%),
+      calc(-1px * var(--q-density-scale)) rgb(var(--q-theme-neutral-dark-rgb) / 10%),
     0 calc(2px * var(--q-density-scale)) calc(4px * var(--q-density-scale))
-      calc(-2px * var(--q-density-scale)) rgb(0 0 0 / 10%);
+      calc(-2px * var(--q-density-scale)) rgb(var(--q-theme-neutral-dark-rgb) / 10%);
   /* Strong — Card elevation high */
   --q-shadow-lg: 0 calc(8px * var(--q-density-scale)) calc(12px * var(--q-density-scale))
     rgb(var(--q-theme-neutral-dark-rgb) / 25%);
@@ -2887,13 +2985,13 @@ body *::-webkit-scrollbar-track {
   --q-focus-ring: var(--q-focus-ring-width) solid var(--q-focus-ring-color);
   /* Subtle — Gauge shell, Card elevation low */
   --q-shadow-sm: 0 calc(1px * var(--q-density-scale)) calc(2px * var(--q-density-scale)) 0
-    rgb(0 0 0 / 5%);
+    rgb(var(--q-theme-neutral-dark-rgb) / 5%);
   /* Default elevated — Card medium, Overlay */
   --q-shadow-md:
     0 calc(4px * var(--q-density-scale)) calc(6px * var(--q-density-scale))
-      calc(-1px * var(--q-density-scale)) rgb(0 0 0 / 10%),
+      calc(-1px * var(--q-density-scale)) rgb(var(--q-theme-neutral-dark-rgb) / 10%),
     0 calc(2px * var(--q-density-scale)) calc(4px * var(--q-density-scale))
-      calc(-2px * var(--q-density-scale)) rgb(0 0 0 / 10%);
+      calc(-2px * var(--q-density-scale)) rgb(var(--q-theme-neutral-dark-rgb) / 10%);
   /* Strong — Card elevation high */
   --q-shadow-lg: 0 calc(8px * var(--q-density-scale)) calc(12px * var(--q-density-scale))
     rgb(var(--q-theme-neutral-dark-rgb) / 25%);
@@ -3010,6 +3108,11 @@ body *::-webkit-scrollbar-track {
   --q-button-font-size: var(--q-font-size-md);
   padding: var(--q-collapsible-header-padding);
 }
+@media (hover: hover) {
+  .q-collapsible__btn.q-button.q-button--text:hover:not(:disabled) {
+    text-decoration: none;
+  }
+}
 .q-collapsible__btn.q-button .q-button__content {
   gap: 0;
   padding: var(--q-collapsible-btn-padding);
@@ -3233,7 +3336,7 @@ body *::-webkit-scrollbar-track {
   text-align: center;
   font-size: var(--q-font-size-sm);
   font-weight: 600;
-  opacity: 0.7;
+  color: var(--q-theme-neutral);
   padding: var(--q-space-2) 0;
 }
 .q-date-time-picker__calendar .q-date-time-picker__days {
@@ -3247,8 +3350,11 @@ body *::-webkit-scrollbar-track {
   display: flex;
   transition-duration: 0s;
 }
-.q-date-time-picker__calendar .q-date-time-picker__days .q-date-time-picker__day.q-date-time-picker__day--other-month {
-  opacity: 0.5;
+.q-date-time-picker__calendar .q-date-time-picker__days .q-date-time-picker__day.q-date-time-picker__day--other-month:not(.q-date-time-picker__day--selected,
+.q-date-time-picker__day--in-range,
+.q-date-time-picker__day--range-start,
+.q-date-time-picker__day--range-end) {
+  color: var(--q-theme-neutral);
 }
 .q-date-time-picker__calendar .q-date-time-picker__days .q-date-time-picker__day.q-date-time-picker__day--today {
   border-color: var(--q-button-main-color);
@@ -3382,6 +3488,11 @@ body *::-webkit-scrollbar-track {
   top: var(--q-space-2);
   right: var(--q-space-2);
 }
+@media (hover: hover) {
+  .q-dialog__close.q-button.q-button--text:hover:not(:disabled) {
+    text-decoration: none;
+  }
+}
 .q-dialog__underlay {
   background-color: rgb(var(--q-theme-on-background-rgb)/30%);
 }
@@ -3421,12 +3532,12 @@ body *::-webkit-scrollbar-track {
 
 .q-divider {
   --q-divider-thickness: 1px;
-  --q-divider-color: var(--q-theme-neutral-light);
+  --q-divider-color: var(--q-border-color);
   display: flex;
   align-items: center;
   justify-content: center;
   position: relative;
-  color: var(--q-divider-color);
+  color: var(--q-divider-label-color, var(--q-theme-neutral-dark));
   font-size: var(--q-font-size-md);
   /* Horizontal */
   /* Labeled horizontal: lines + label */
@@ -3687,7 +3798,7 @@ body *::-webkit-scrollbar-track {
   display: flex;
   align-items: center;
   gap: var(--q-space-1);
-  color: var(--q-theme-neutral);
+  color: var(--q-theme-neutral-dark);
   min-height: var(--q-file-input-preview-side);
 }
 .q-file-input--highlighted {
@@ -6300,13 +6411,15 @@ body *::-webkit-scrollbar-track {
 .q-input-group__prepend > * + *, .q-input-group__append > * + * {
   margin-left: -1px;
 }
+.q-input-group.q-field:not(.q-field--disabled) > .q-field__control:focus-within {
+  outline: none;
+}
 .q-input-group > .q-field__control {
   display: flex;
   align-items: stretch;
   height: auto;
   border-width: 0;
   padding: 0;
-  outline: none !important;
 }
 .q-input-group > .q-field__control > * + * {
   margin-left: -1px;
@@ -6356,7 +6469,7 @@ body *::-webkit-scrollbar-track {
   --q-line-loader-color: var(--q-theme-primary-rgb);
   width: 100%;
   height: var(--q-line-loader-height);
-  background: linear-gradient(90deg, rgb(var(--q-line-loader-color)/6.7%) 33%, rgb(var(--q-line-loader-color)/100%) 50%, rgb(var(--q-line-loader-color)/6.7%) 66%) #f2f2f2;
+  background: linear-gradient(90deg, rgb(var(--q-line-loader-color)/6.7%) 33%, rgb(var(--q-line-loader-color)/100%) 50%, rgb(var(--q-line-loader-color)/6.7%) 66%) var(--q-theme-neutral-light);
   background-size: 300% 100%;
   animation: l1 1s infinite linear;
 }
@@ -6427,6 +6540,9 @@ body *::-webkit-scrollbar-track {
 .q-list-item:hover, .q-list-item:focus, .q-list-item--highlighted {
   background-color: rgb(var(--q-theme-primary-light-rgb)/50%);
 }
+.q-list-item:hover .q-checkbox:not(.q-checkbox--disabled) .q-checkbox__input, .q-list-item:focus .q-checkbox:not(.q-checkbox--disabled) .q-checkbox__input, .q-list-item--highlighted .q-checkbox:not(.q-checkbox--disabled) .q-checkbox__input {
+  border-color: var(--q-active-color);
+}
 .q-list-item--disabled {
   pointer-events: none;
   opacity: 0.5;
@@ -6435,7 +6551,10 @@ body *::-webkit-scrollbar-track {
   cursor: not-allowed;
 }
 .q-list-item--selected {
-  background-color: var(--q-theme-primary-light) !important;
+  background-color: var(--q-theme-primary-light);
+}
+.q-list-item--selected:hover, .q-list-item--selected:focus {
+  background-color: var(--q-theme-primary-light);
 }
 .q-list-item em {
   font-style: normal;
@@ -6482,7 +6601,7 @@ body *::-webkit-scrollbar-track {
   gap: var(--q-space-1);
   align-items: flex-start;
   color: var(--q-theme-neutral);
-  font-size: 0.75em;
+  font-size: calc(var(--q-font-size-md) * 0.75);
 }
 .q-list-item__description .q-icon {
   color: currentcolor;
@@ -6561,6 +6680,11 @@ body *::-webkit-scrollbar-track {
 .q-obfuscation__action.q-button.q-button--text {
   color: var(--q-theme-primary);
 }
+@media (hover: hover) {
+  .q-obfuscation__action.q-button.q-button--text:hover:not(:disabled) {
+    text-decoration: none;
+  }
+}
 .q-obfuscation__content {
   display: flex;
   align-items: flex-start;
@@ -6583,6 +6707,11 @@ body *::-webkit-scrollbar-track {
 .q-obfuscation .q-obfuscation__label-action.q-button.q-button--text {
   color: var(--q-theme-primary);
 }
+@media (hover: hover) {
+  .q-obfuscation .q-obfuscation__label-action.q-button.q-button--text:hover:not(:disabled) {
+    text-decoration: none;
+  }
+}
 .q-obfuscation .q-obfuscation__label-action.q-button .q-obfuscation__icon.q-icon {
   width: var(--q-icon-size-sm);
   height: var(--q-icon-size-sm);
@@ -6781,7 +6910,7 @@ body *::-webkit-scrollbar-track {
 .q-overlay {
   --q-overlay-bg: var(--q-theme-container);
   --q-overlay-color: var(--q-theme-neutral-dark);
-  --q-overlay-border-color: var(--q-theme-neutral-light);
+  --q-overlay-border-color: var(--q-border-color);
   --q-overlay-arrow-gap: var(--q-space-2);
   --q-overlay-arrow-size: calc(var(--q-overlay-arrow-gap) * 1.4142);
   --q-overlay-arrow-tip-radius: calc(var(--q-space-1) * 0.4);
@@ -6964,13 +7093,13 @@ body *::-webkit-scrollbar-track {
 }
 .q-phone-field__flag-code {
   color: var(--CountryFlagIcon-height, var(--q-theme-neutral-dark));
-  font-size: 0.65em;
+  font-size: calc(var(--q-font-size-md) * 0.65);
   font-weight: var(--q-font-weight-bold);
 }
 .q-phone-field__flag-fallback {
   background-color: rgb(var(--q-theme-neutral-light-rgb)/25%);
   color: var(--q-theme-neutral-dark);
-  font-size: 0.65em;
+  font-size: calc(var(--q-font-size-md) * 0.65);
   font-weight: var(--q-font-weight-bold);
 }
 .q-phone-field__validation-message {
@@ -7163,7 +7292,7 @@ body *::-webkit-scrollbar-track {
   display: inline-flex;
   width: auto;
   flex-direction: column;
-  border: var(--q-border-width) solid rgb(var(--q-theme-neutral-light-rgb)/50%);
+  border: var(--q-border-width) solid var(--q-border-color);
   border-radius: var(--q-border-radius);
   overflow: hidden;
 }
@@ -7180,7 +7309,7 @@ body *::-webkit-scrollbar-track {
   flex-direction: row;
 }
 .q-property-list--side-panel .q-property-list-panel {
-  border-left: var(--q-border-width) solid rgb(var(--q-theme-neutral-light-rgb)/50%);
+  border-left: var(--q-border-width) solid var(--q-border-color);
   width: calc(var(--q-space-1) * 62.5);
   max-height: unset;
 }
@@ -7220,12 +7349,6 @@ body *::-webkit-scrollbar-track {
 .q-property-list__cell {
   padding: var(--q-space-1) var(--q-space-2);
 }
-.q-property-list__cell--label {
-  width: 20%;
-  font-size: var(--q-font-size-sm);
-  text-wrap: nowrap;
-  opacity: 0.8;
-}
 .q-property-list__cell .q-field {
   max-width: 100%;
   width: 100%;
@@ -7245,6 +7368,11 @@ body *::-webkit-scrollbar-track {
   display: flex;
   align-items: center;
 }
+@media (hover: hover) {
+  .q-property-list-group__content .q-button--text:hover:not(:disabled) {
+    text-decoration: none;
+  }
+}
 .q-property-list-group ~ .q-property-list__row .q-property-list__cell-label {
   padding: 0 calc(var(--q-space-1) * 8);
 }
@@ -7255,7 +7383,7 @@ body *::-webkit-scrollbar-track {
   padding: var(--q-space-2) var(--q-space-4);
 }
 .q-property-list tbody td {
-  border-bottom: var(--q-border-width) solid rgb(var(--q-theme-neutral-light-rgb)/50%);
+  border-bottom: var(--q-border-width) solid var(--q-border-color);
 }
 
 .q-radio-group {
@@ -7289,7 +7417,7 @@ body *::-webkit-scrollbar-track {
   box-sizing: border-box;
   height: var(--q-interactive-height);
   min-height: var(--q-interactive-height);
-  gap: calc(var(--q-space-1) * 1.5);
+  gap: var(--q-space-1);
   font-size: var(--q-font-size-md);
   line-height: var(--q-radio-button-circle-size);
   padding-block: calc((var(--q-interactive-height) - var(--q-radio-button-circle-size)) / 2);
@@ -7446,13 +7574,13 @@ body *::-webkit-scrollbar-track {
   --q-focus-ring: var(--q-focus-ring-width) solid var(--q-focus-ring-color);
   /* Subtle — Gauge shell, Card elevation low */
   --q-shadow-sm: 0 calc(1px * var(--q-density-scale)) calc(2px * var(--q-density-scale)) 0
-    rgb(0 0 0 / 5%);
+    rgb(var(--q-theme-neutral-dark-rgb) / 5%);
   /* Default elevated — Card medium, Overlay */
   --q-shadow-md:
     0 calc(4px * var(--q-density-scale)) calc(6px * var(--q-density-scale))
-      calc(-1px * var(--q-density-scale)) rgb(0 0 0 / 10%),
+      calc(-1px * var(--q-density-scale)) rgb(var(--q-theme-neutral-dark-rgb) / 10%),
     0 calc(2px * var(--q-density-scale)) calc(4px * var(--q-density-scale))
-      calc(-2px * var(--q-density-scale)) rgb(0 0 0 / 10%);
+      calc(-2px * var(--q-density-scale)) rgb(var(--q-theme-neutral-dark-rgb) / 10%);
   /* Strong — Card elevation high */
   --q-shadow-lg: 0 calc(8px * var(--q-density-scale)) calc(12px * var(--q-density-scale))
     rgb(var(--q-theme-neutral-dark-rgb) / 25%);
@@ -7501,13 +7629,13 @@ body *::-webkit-scrollbar-track {
   --q-focus-ring: var(--q-focus-ring-width) solid var(--q-focus-ring-color);
   /* Subtle — Gauge shell, Card elevation low */
   --q-shadow-sm: 0 calc(1px * var(--q-density-scale)) calc(2px * var(--q-density-scale)) 0
-    rgb(0 0 0 / 5%);
+    rgb(var(--q-theme-neutral-dark-rgb) / 5%);
   /* Default elevated — Card medium, Overlay */
   --q-shadow-md:
     0 calc(4px * var(--q-density-scale)) calc(6px * var(--q-density-scale))
-      calc(-1px * var(--q-density-scale)) rgb(0 0 0 / 10%),
+      calc(-1px * var(--q-density-scale)) rgb(var(--q-theme-neutral-dark-rgb) / 10%),
     0 calc(2px * var(--q-density-scale)) calc(4px * var(--q-density-scale))
-      calc(-2px * var(--q-density-scale)) rgb(0 0 0 / 10%);
+      calc(-2px * var(--q-density-scale)) rgb(var(--q-theme-neutral-dark-rgb) / 10%);
   /* Strong — Card elevation high */
   --q-shadow-lg: 0 calc(8px * var(--q-density-scale)) calc(12px * var(--q-density-scale))
     rgb(var(--q-theme-neutral-dark-rgb) / 25%);
@@ -7546,7 +7674,7 @@ body *::-webkit-scrollbar-track {
   margin: 0;
   margin-top: var(--q-space-1);
   display: flex;
-  align-items: flex-start;
+  align-items: center;
   width: -moz-fit-content;
   width: fit-content;
   gap: var(--q-space-1);
@@ -7565,7 +7693,7 @@ body *::-webkit-scrollbar-track {
 .q-section--minor-border-top {
   background-color: transparent;
   border: none;
-  border-top: var(--q-border-width) solid var(--q-theme-neutral-light);
+  border-top: var(--q-border-width) solid var(--q-border-color);
   border-radius: 0;
   margin-top: var(--q-space-2);
   padding: var(--q-space-1) 0;
@@ -7581,7 +7709,7 @@ body *::-webkit-scrollbar-track {
   margin-top: var(--q-space-1);
 }
 .q-section--title-background {
-  padding: 0 !important;
+  padding: 0;
 }
 .q-section--title-background::before {
   position: absolute;
@@ -7793,9 +7921,12 @@ body *::-webkit-scrollbar-track {
   border-radius: 0;
   border-width: 0;
   border-bottom-width: var(--q-border-width);
-  border-bottom-color: var(--q-sidebar-border-color) !important;
+  border-bottom-color: var(--q-sidebar-border-color);
   font-size: calc(var(--q-font-size-sm) * 0.8);
 }
+.q-sidebar__item.q-button:hover:not(:disabled) {
+  border-bottom-color: var(--q-sidebar-border-color);
+}
 .q-sidebar__item.q-button .q-icon {
   font-size: var(--q-icon-size-lg);
 }
@@ -8026,72 +8157,818 @@ body *::-webkit-scrollbar-track {
     transform: rotate(1turn);
   }
 }
-.q-switch {
-  --q-switch-inner-padding: calc(var(--q-space-1) * 0.5);
-  --q-switch-border-radius: 9999px;
-  --q-switch-transition-duration: 0.15s;
-  --q-switch-transition-easing: ease-out;
-  --q-switch-label-padding-v: calc(var(--q-space-1) * 2.5);
-  --q-switch-label-padding-h: calc(var(--q-space-1) * 3.75);
-  --q-switch-font-size: var(--q-font-size-sm);
-  --q-switch-label-block-size: calc(
-    var(--q-switch-label-padding-v) * 2 + var(--q-switch-font-size)
-  );
-  --q-switch-drawn-height: calc(
-    var(--q-switch-inner-padding) * 2 + var(--q-switch-label-block-size)
-  );
-  --q-switch-hit-padding-block: max(
-    0px,
-    calc((var(--q-interactive-height) - var(--q-switch-drawn-height)) / 2)
-  );
-  --q-switch-shadow-color-primary: rgb(var(--q-theme-on-background-rgb) / 20%);
-  --q-switch-shadow-color-secondary: rgb(var(--q-theme-on-background-rgb) / 10%);
-  --q-switch-shadow-blur-base: calc(var(--q-space-1) * 0.75);
-  --q-switch-shadow-offset-y: calc(var(--q-space-1) * 0.25);
-  --q-switch-shadow-spread: calc(var(--q-space-1) * 0.5);
-  --q-switch-shadow-color-primary-hover: rgb(var(--q-theme-on-background-rgb) / 30%);
-  --q-switch-shadow-color-secondary-hover: rgb(var(--q-theme-on-background-rgb) / 15%);
-  --q-switch-shadow-blur-hover: calc(var(--q-space-1) * 1.5);
-  --q-switch-shadow-offset-y-hover: calc(var(--q-space-1) * 0.5);
-  --q-switch-shadow-spread-hover: var(--q-space-1);
-  --q-switch-disabled-opacity: 0.5;
-  --q-switch-hover-background-opacity: 0.5;
-  --q-switch-checked-background: var(--q-theme-primary);
-  --q-switch-on-checked-background: var(--q-theme-on-primary);
-  --q-switch-unchecked-background: rgb(var(--q-theme-neutral-light-rgb) / 50%);
-  --q-switch-on-unchecked-background: var(--q-theme-neutral);
+.q-steps {
+  --q-steps-indicator-size: calc(var(--q-space-1) * 8);
+  --q-steps-arrow-size: var(--q-space-3);
+  --q-steps-connector-width: calc(var(--q-space-1) * 0.5);
+  --q-steps-connector-gap: calc(var(--q-space-1) * 1.5);
+  display: flex;
+  flex-direction: column;
+  gap: var(--q-space-4);
+}
+.q-steps .q-step__indicator-content .q-icon,
+.q-steps .q-steps__panel-header-icon .q-icon,
+.q-steps .q-step__badge .q-icon {
+  color: currentcolor;
+  fill: currentcolor;
+}
+.q-steps .q-step__indicator-content .q-icon *,
+.q-steps .q-steps__panel-header-icon .q-icon *,
+.q-steps .q-step__badge .q-icon * {
+  fill: currentcolor;
+}
+.q-steps .q-step__badge {
+  position: absolute;
+  top: var(--q-space-2);
+  z-index: 2;
+  box-sizing: border-box;
+  min-height: 0;
+  aspect-ratio: 1;
+  border: var(--q-border-width) solid var(--q-theme-background);
+}
+.q-steps .q-step__badge .q-icon {
+  transform: scale(1.3);
+}
+.q-steps__list {
+  display: flex;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+.q-steps__content {
+  min-width: 0;
+}
+.q-steps__body {
+  display: flex;
+  flex-direction: column;
+  gap: var(--q-space-2);
+  min-width: 0;
+}
+.q-steps__nav {
+  display: flex;
+  align-items: center;
+  gap: var(--q-space-2);
+}
+.q-steps--horizontal {
+  --q-steps-visible-count: 4;
+}
+@media (max-width: 768px) {
+  .q-steps--horizontal {
+    --q-steps-visible-count: 3;
+  }
+}
+@media (max-width: 576px) {
+  .q-steps--horizontal .q-step:not(.q-step--active) .q-step__labels {
+    display: none;
+  }
+}
+@media (min-width: 1400px) {
+  .q-steps--horizontal {
+    --q-steps-visible-count: 5;
+  }
+}
+.q-steps--horizontal .q-steps__list {
+  width: 100%;
+}
+.q-steps--horizontal .q-steps__overflow {
+  width: 100%;
+}
+.q-steps--horizontal .q-steps__track {
+  display: flex;
+  flex-direction: row;
+  align-items: stretch;
+}
+.q-steps--horizontal .q-step {
+  display: flex;
+  flex: 1 0 calc(100% / var(--q-steps-visible-count));
+  min-width: 0;
+}
+.q-steps--horizontal .q-step__header {
+  width: 100%;
+}
+.q-steps--horizontal .q-steps__panel {
+  border: var(--q-border-width) solid var(--q-border-color);
+  border-radius: var(--q-border-radius);
+  overflow: hidden;
+}
+.q-steps--horizontal .q-steps__panel-header {
+  display: flex;
+  align-items: center;
+  gap: var(--q-space-2);
+  padding: var(--q-space-3) var(--q-space-4);
+  background-color: var(--q-theme-primary);
+  color: var(--q-theme-on-primary);
+  font-weight: var(--q-font-weight-bold);
+}
+.q-steps--horizontal .q-steps__panel-header-icon {
   display: inline-flex;
   align-items: center;
+  justify-content: center;
+}
+.q-steps--horizontal .q-steps__content {
+  padding: var(--q-space-4);
+}
+.q-steps--vertical .q-steps__list {
+  flex-direction: column;
+  gap: 0;
+}
+.q-steps--vertical .q-step {
+  display: flex;
+  flex-direction: column;
+}
+.q-steps--circle .q-step__header {
   position: relative;
-  white-space: nowrap;
-  box-sizing: border-box;
-  height: var(--q-interactive-height);
-  min-height: var(--q-interactive-height);
-  padding: var(--q-switch-hit-padding-block) 0;
+  display: flex;
+  align-items: flex-start;
+  gap: var(--q-space-3);
+  margin: 0;
+  padding: var(--q-space-2);
+  border: 0;
+  border-radius: var(--q-border-radius);
   background: transparent;
-  border-radius: var(--q-switch-border-radius);
+  color: inherit;
+  font: inherit;
+  text-align: start;
   cursor: pointer;
 }
-.q-switch--small {
-  --q-density-scale: calc(var(--q-density-scale-base) * 0.8);
-  --q-space-1: calc(var(--q-space-1-base) * var(--q-density-scale));
-  --q-space-2: calc(var(--q-space-2-base) * var(--q-density-scale));
-  --q-space-3: calc(var(--q-space-3-base) * var(--q-density-scale));
-  --q-space-4: calc(var(--q-space-4-base) * var(--q-density-scale));
-  --q-space-5: calc(var(--q-space-5-base) * var(--q-density-scale));
-  --q-space-6: calc(var(--q-space-6-base) * var(--q-density-scale));
-  --q-control-height-sm: calc(var(--q-control-height-sm-base) * var(--q-density-scale));
-  --q-control-height-md: calc(var(--q-control-height-md-base) * var(--q-density-scale));
-  --q-control-height-lg: calc(var(--q-control-height-lg-base) * var(--q-density-scale));
-  --q-interactive-height: var(--q-control-height-md);
-  --q-control-padding-x-sm: calc(var(--q-control-padding-x-sm-base) * var(--q-density-scale));
-  --q-control-padding-x-md: calc(var(--q-control-padding-x-md-base) * var(--q-density-scale));
-  --q-control-padding-x-lg: calc(var(--q-control-padding-x-lg-base) * var(--q-density-scale));
-  --q-control-padding-y-sm: calc(var(--q-control-padding-y-sm-base) * var(--q-density-scale));
-  --q-control-padding-y-md: calc(var(--q-control-padding-y-md-base) * var(--q-density-scale));
-  --q-control-padding-y-lg: calc(var(--q-control-padding-y-lg-base) * var(--q-density-scale));
-  --q-font-size-sm: calc(var(--q-font-size-sm-base) * var(--q-density-scale));
-  --q-font-size-md: calc(var(--q-font-size-md-base) * var(--q-density-scale));
+.q-steps--circle .q-step__header:disabled {
+  cursor: not-allowed;
+}
+.q-steps--circle .q-step__header:focus-visible {
+  outline: var(--q-focus-ring);
+}
+.q-steps--circle .q-step__indicator {
+  position: relative;
+  z-index: 1;
+  display: inline-flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  width: var(--q-steps-indicator-size);
+  height: var(--q-steps-indicator-size);
+  border: var(--q-border-width) solid transparent;
+  border-radius: 50%;
+  background-color: var(--q-theme-neutral);
+  color: var(--q-theme-on-primary);
+  font-weight: var(--q-font-weight-bold);
+  line-height: 1;
+}
+.q-steps--circle .q-step__indicator-content {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+.q-steps--circle .q-step__labels {
+  display: flex;
+  flex-direction: column;
+  gap: calc(var(--q-space-1) * 0.5);
+  min-width: 0;
+}
+.q-steps--circle .q-step__title {
+  display: inline-flex;
+  align-items: baseline;
+  gap: calc(var(--q-space-1) * 0.5);
+  font-weight: var(--q-font-weight-bold);
+  color: var(--q-theme-on-background);
+}
+.q-steps--circle .q-step__caption {
+  font-size: var(--q-font-size-sm);
+  color: var(--q-theme-neutral);
+}
+.q-steps--circle .q-step__header:not(.q-step--active, .q-step--visited) .q-step__title {
+  color: var(--q-theme-neutral);
+}
+.q-steps--circle .q-step--active .q-step__indicator {
+  background-color: var(--q-theme-primary);
+  border-color: var(--q-theme-primary);
+  color: var(--q-theme-on-primary);
+  box-shadow: var(--q-shadow-sm);
+}
+.q-steps--circle .q-step--active .q-step__title {
+  color: var(--q-theme-on-background);
+}
+.q-steps--circle .q-step--visited .q-step__indicator {
+  background-color: var(--q-theme-background);
+  border-color: var(--q-theme-primary);
+  color: var(--q-theme-primary);
+}
+@media (hover: hover) {
+  .q-steps--circle .q-step__header:not(.q-step--active, .q-step--visited):hover:not(:disabled) .q-step__indicator {
+    background-color: var(--q-theme-neutral-dark);
+  }
+  .q-steps--circle .q-step__header.q-step--active:hover:not(:disabled) .q-step__indicator {
+    background-color: var(--q-theme-primary-dark);
+    border-color: var(--q-theme-primary-dark);
+  }
+  .q-steps--circle .q-step__header.q-step--visited:hover:not(:disabled) .q-step__indicator {
+    background-color: var(--q-theme-primary-dark);
+    border-color: var(--q-theme-primary-dark);
+    color: var(--q-theme-on-primary-dark);
+  }
+}
+.q-steps--circle.q-steps--horizontal .q-steps__track {
+  align-items: flex-start;
+}
+.q-steps--circle.q-steps--horizontal .q-step__header {
+  position: relative;
+  flex-direction: column;
+  align-items: center;
+  text-align: center;
+}
+.q-steps--circle.q-steps--horizontal .q-step__badge {
+  inset-inline-start: calc(50% + var(--q-steps-indicator-size) * 0.5);
+  transform: translate(-50%, -30%);
+}
+.q-steps--circle.q-steps--horizontal .q-step:not(:last-child) .q-step__header::after {
+  content: "";
+  position: absolute;
+  top: calc(var(--q-space-2) + var(--q-steps-indicator-size) * 0.5);
+  inset-inline-start: calc(50% + var(--q-steps-indicator-size) * 0.5 + var(--q-steps-connector-gap));
+  width: calc(100% - var(--q-steps-indicator-size) - var(--q-steps-connector-gap) * 2);
+  height: var(--q-steps-connector-width);
+  background-color: var(--q-theme-neutral);
+}
+.q-steps--circle.q-steps--horizontal .q-step--next-reached:not(:last-child) .q-step__header::after {
+  background-color: var(--q-theme-primary);
+}
+.q-steps--circle.q-steps--horizontal .q-step__labels {
+  align-items: center;
+  text-align: center;
+}
+.q-steps--circle.q-steps--vertical {
+  --q-steps-row-gap: var(--q-space-2);
+}
+.q-steps--circle.q-steps--vertical .q-step {
+  position: relative;
+}
+.q-steps--circle.q-steps--vertical .q-step__header {
+  align-items: flex-start;
+}
+.q-steps--circle.q-steps--vertical .q-step__badge {
+  inset-inline-start: calc(var(--q-space-2) + var(--q-steps-indicator-size));
+  transform: translate(-50%, -40%);
+}
+.q-steps--circle.q-steps--vertical .q-step:not(.q-step--last, .q-step--active) {
+  margin-block-end: var(--q-steps-row-gap);
+}
+.q-steps--circle.q-steps--vertical .q-step:not(.q-step--last)::before {
+  content: "";
+  position: absolute;
+  top: calc(var(--q-space-2) + var(--q-steps-indicator-size) + var(--q-steps-connector-gap));
+  inset-inline-start: calc(var(--q-space-2) + var(--q-steps-indicator-size) * 0.5 - var(--q-steps-connector-width) * 0.5);
+  bottom: calc(var(--q-steps-connector-gap) - var(--q-space-2) - var(--q-steps-row-gap));
+  width: var(--q-steps-connector-width);
+  background-color: var(--q-theme-neutral);
+}
+.q-steps--circle.q-steps--vertical .q-step--next-reached:not(.q-step--last)::before {
+  background-color: var(--q-theme-primary);
+}
+.q-steps--circle.q-steps--vertical .q-step--active:not(.q-step--last)::before {
+  bottom: 0;
+}
+.q-steps--circle.q-steps--vertical .q-steps__body {
+  position: relative;
+  padding-inline-start: calc(var(--q-steps-indicator-size) + var(--q-space-5));
+  padding-block-start: var(--q-steps-row-gap);
+}
+.q-steps--circle.q-steps--vertical .q-steps__body:not(:last-child) {
+  margin-block-end: var(--q-steps-row-gap);
+}
+.q-steps--circle.q-steps--vertical .q-steps__body:not(:last-child)::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  bottom: calc(var(--q-steps-connector-gap) - var(--q-space-2) - var(--q-steps-row-gap));
+  inset-inline-start: calc(var(--q-space-2) + var(--q-steps-indicator-size) * 0.5 - var(--q-steps-connector-width) * 0.5);
+  width: var(--q-steps-connector-width);
+  background-color: var(--q-theme-neutral);
+}
+.q-steps--circle.q-steps--vertical .q-steps__body.q-step--next-reached::before {
+  background-color: var(--q-theme-primary);
+}
+.q-steps--dot {
+  --q-steps-dot-size: var(--q-space-2);
+  --q-steps-dot-size-active: var(--q-space-3);
+  --q-steps-indicator-size: var(--q-steps-dot-size-active);
+  --q-steps-dot-current-size: var(--q-steps-dot-size);
+}
+.q-steps--dot .q-step__header {
+  display: flex;
+  align-items: flex-start;
+  gap: var(--q-space-3);
+  margin: 0;
+  padding: var(--q-space-2);
+  border: 0;
+  border-radius: var(--q-border-radius);
+  background: transparent;
+  color: inherit;
+  font: inherit;
+  text-align: start;
+  cursor: pointer;
+}
+.q-steps--dot .q-step__header:disabled {
+  cursor: not-allowed;
+}
+.q-steps--dot .q-step__header:focus-visible {
+  outline: var(--q-focus-ring);
+}
+.q-steps--dot .q-step__indicator {
+  position: relative;
+  z-index: 1;
+  display: inline-flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  width: var(--q-steps-indicator-size);
+  height: var(--q-steps-indicator-size);
+}
+.q-steps--dot .q-step__indicator::after {
+  content: "";
+  width: var(--q-steps-dot-size);
+  height: var(--q-steps-dot-size);
+  border-radius: 50%;
+  background-color: var(--q-theme-neutral);
+  transition: width var(--q-transition-duration) var(--q-transition-timing-function), height var(--q-transition-duration) var(--q-transition-timing-function), background-color var(--q-transition-duration) var(--q-transition-timing-function);
+}
+.q-steps--dot .q-step__labels {
+  display: flex;
+  flex-direction: column;
+  gap: calc(var(--q-space-1) * 0.5);
+  min-width: 0;
+}
+.q-steps--dot .q-step__title {
+  display: inline-flex;
+  align-items: baseline;
+  gap: calc(var(--q-space-1) * 0.5);
+  font-weight: var(--q-font-weight-bold);
+  color: var(--q-theme-on-background);
+  line-height: var(--q-line-height-md);
+}
+.q-steps--dot .q-step__caption {
+  font-size: var(--q-font-size-sm);
+  color: var(--q-theme-neutral);
+}
+.q-steps--dot .q-step__header:not(.q-step--active, .q-step--visited) .q-step__title {
+  color: var(--q-theme-neutral);
+}
+.q-steps--dot .q-step__header.q-step--active {
+  --q-steps-dot-current-size: var(--q-steps-dot-size-active);
+}
+.q-steps--dot .q-step--active .q-step__indicator::after {
+  width: var(--q-steps-dot-size-active);
+  height: var(--q-steps-dot-size-active);
+  background-color: var(--q-theme-primary);
+}
+.q-steps--dot .q-step--visited .q-step__indicator::after {
+  background-color: var(--q-theme-primary);
+}
+.q-steps--dot .q-step--completed .q-step__indicator::after {
+  background-color: var(--q-theme-success);
+}
+@media (hover: hover) {
+  .q-steps--dot .q-step__header:not(.q-step--active, .q-step--visited):hover:not(:disabled) .q-step__indicator::after {
+    background-color: var(--q-theme-neutral-dark);
+  }
+  .q-steps--dot .q-step__header.q-step--active:hover:not(:disabled) .q-step__indicator::after,
+  .q-steps--dot .q-step__header.q-step--visited:hover:not(:disabled) .q-step__indicator::after {
+    background-color: var(--q-theme-primary-dark);
+  }
+  .q-steps--dot .q-step__header.q-step--completed:hover:not(:disabled) .q-step__indicator::after {
+    background-color: var(--q-theme-success-dark);
+  }
+}
+.q-steps--dot.q-steps--horizontal .q-steps__track {
+  align-items: flex-start;
+}
+.q-steps--dot.q-steps--horizontal .q-step__header {
+  position: relative;
+  flex-direction: column;
+  align-items: center;
+  text-align: center;
+}
+.q-steps--dot.q-steps--horizontal .q-step__badge {
+  top: calc(var(--q-space-2) + (var(--q-steps-indicator-size) - var(--q-steps-dot-current-size)) * 0.5);
+  inset-inline-start: calc(50% + var(--q-steps-dot-current-size) * 0.5);
+  transform: translate(-50%, -50%);
+}
+.q-steps--dot.q-steps--horizontal .q-step:not(:last-child) .q-step__header::after {
+  content: "";
+  position: absolute;
+  top: calc(var(--q-space-2) + var(--q-steps-indicator-size) * 0.5);
+  inset-inline-start: calc(50% + var(--q-steps-indicator-size) * 0.5 + var(--q-steps-connector-gap));
+  width: calc(100% - var(--q-steps-indicator-size) - var(--q-steps-connector-gap) * 2);
+  height: var(--q-steps-connector-width);
+  background-color: var(--q-theme-neutral);
+}
+.q-steps--dot.q-steps--horizontal .q-step--next-reached:not(:last-child) .q-step__header::after {
+  background-color: var(--q-theme-primary);
+}
+.q-steps--dot.q-steps--horizontal .q-step__labels {
+  align-items: center;
+  text-align: center;
+}
+.q-steps--dot.q-steps--vertical {
+  --q-steps-row-gap: var(--q-space-2);
+  --q-steps-indicator-row-height: var(--q-line-height-md);
+}
+.q-steps--dot.q-steps--vertical .q-step {
+  position: relative;
+}
+.q-steps--dot.q-steps--vertical .q-step__header {
+  align-items: flex-start;
+}
+.q-steps--dot.q-steps--vertical .q-step__indicator {
+  height: var(--q-steps-indicator-row-height);
+}
+.q-steps--dot.q-steps--vertical .q-step__badge {
+  top: calc(var(--q-space-2) + (var(--q-steps-indicator-row-height) - var(--q-steps-dot-current-size)) * 0.5);
+  inset-inline-start: calc(var(--q-space-2) + (var(--q-steps-indicator-size) + var(--q-steps-dot-current-size)) * 0.5);
+  transform: translate(-50%, -50%);
+}
+.q-steps--dot.q-steps--vertical .q-step:not(.q-step--last, .q-step--active) {
+  margin-block-end: var(--q-steps-row-gap);
+}
+.q-steps--dot.q-steps--vertical .q-step:not(.q-step--last)::before {
+  content: "";
+  position: absolute;
+  top: calc(var(--q-space-2) + (var(--q-steps-indicator-row-height) + var(--q-steps-dot-size-active)) * 0.5 + var(--q-steps-connector-gap));
+  inset-inline-start: calc(var(--q-space-2) + var(--q-steps-indicator-size) * 0.5 - var(--q-steps-connector-width) * 0.5);
+  bottom: calc(var(--q-steps-connector-gap) - var(--q-space-2) - var(--q-steps-row-gap) - (var(--q-steps-indicator-row-height) - var(--q-steps-dot-size-active)) * 0.5);
+  width: var(--q-steps-connector-width);
+  background-color: var(--q-theme-neutral);
+}
+.q-steps--dot.q-steps--vertical .q-step--next-reached:not(.q-step--last)::before {
+  background-color: var(--q-theme-primary);
+}
+.q-steps--dot.q-steps--vertical .q-step--active:not(.q-step--last)::before {
+  bottom: 0;
+}
+.q-steps--dot.q-steps--vertical .q-steps__body {
+  position: relative;
+  padding-inline-start: calc(var(--q-steps-indicator-size) + var(--q-space-5));
+  padding-block-start: var(--q-steps-row-gap);
+}
+.q-steps--dot.q-steps--vertical .q-steps__body:not(:last-child) {
+  margin-block-end: var(--q-steps-row-gap);
+}
+.q-steps--dot.q-steps--vertical .q-steps__body:not(:last-child)::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  bottom: calc(var(--q-steps-connector-gap) - var(--q-space-2) - var(--q-steps-row-gap) - (var(--q-steps-indicator-row-height) - var(--q-steps-dot-size-active)) * 0.5);
+  inset-inline-start: calc(var(--q-space-2) + var(--q-steps-indicator-size) * 0.5 - var(--q-steps-connector-width) * 0.5);
+  width: var(--q-steps-connector-width);
+  background-color: var(--q-theme-neutral);
+}
+.q-steps--dot.q-steps--vertical .q-steps__body.q-step--next-reached::before {
+  background-color: var(--q-theme-primary);
+}
+.q-steps--boxed .q-step__header {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: var(--q-space-1);
+  margin: 0;
+  padding: var(--q-space-3) var(--q-space-2);
+  border: var(--q-border-width) solid transparent;
+  border-radius: var(--q-border-radius);
+  background-color: rgb(var(--q-theme-neutral-rgb)/12%);
+  color: var(--q-theme-neutral-dark);
+  font: inherit;
+  text-align: center;
+  cursor: pointer;
+  box-shadow: none;
+}
+.q-steps--boxed .q-step__header:disabled {
+  cursor: not-allowed;
+}
+.q-steps--boxed .q-step__header:focus-visible {
+  outline: var(--q-focus-ring);
+}
+.q-steps--boxed .q-step__badge {
+  top: var(--q-space-1);
+}
+.q-steps--boxed .q-step__indicator {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  font-size: var(--q-space-5);
+  font-weight: var(--q-font-weight-bold);
+  line-height: 1;
+  color: inherit;
+}
+.q-steps--boxed .q-step__indicator-content {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+.q-steps--boxed .q-step__labels {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: calc(var(--q-space-1) * 0.5);
+}
+.q-steps--boxed .q-step__title {
+  display: inline-flex;
+  align-items: baseline;
+  gap: calc(var(--q-space-1) * 0.5);
+  font-weight: var(--q-font-weight-bold);
+  color: inherit;
+}
+.q-steps--boxed .q-step__caption {
+  font-size: var(--q-font-size-sm);
+  color: inherit;
+  opacity: 0.9;
+}
+.q-steps--boxed .q-step__header.q-step--active {
+  background-color: var(--q-theme-primary);
+  border-color: var(--q-theme-primary);
+  color: var(--q-theme-on-primary);
+  box-shadow: var(--q-shadow-md);
+}
+.q-steps--boxed .q-step__header.q-step--visited {
+  background-color: rgb(var(--q-theme-primary-rgb)/12%);
+  color: var(--q-theme-primary);
+}
+@media (hover: hover) {
+  .q-steps--boxed .q-step__header:not(.q-step--active, .q-step--visited):hover:not(:disabled) {
+    background-color: var(--q-theme-neutral-dark);
+    color: var(--q-theme-on-neutral-dark);
+  }
+  .q-steps--boxed .q-step__header.q-step--active:hover:not(:disabled) {
+    background-color: var(--q-theme-primary-dark);
+    border-color: var(--q-theme-primary-dark);
+  }
+  .q-steps--boxed .q-step__header.q-step--visited:hover:not(:disabled) {
+    background-color: var(--q-theme-primary-dark);
+    border-color: var(--q-theme-primary-dark);
+    color: var(--q-theme-on-primary-dark);
+  }
+}
+.q-steps--boxed.q-steps--horizontal .q-steps__track {
+  gap: var(--q-space-2);
+}
+.q-steps--boxed.q-steps--horizontal .q-step__badge {
+  inset-inline-end: var(--q-space-1);
+}
+.q-steps--boxed.q-steps--vertical .q-steps__list {
+  gap: var(--q-space-2);
+}
+.q-steps--boxed.q-steps--vertical .q-step__header {
+  width: 100%;
+  flex-direction: row;
+  justify-content: flex-start;
+  text-align: start;
+  gap: var(--q-space-3);
+  padding-inline: var(--q-space-5) var(--q-space-4);
+}
+.q-steps--boxed.q-steps--vertical .q-step__indicator {
+  flex-shrink: 0;
+  width: var(--q-steps-indicator-size);
+  height: var(--q-steps-indicator-size);
+}
+.q-steps--boxed.q-steps--vertical .q-step__badge {
+  position: static;
+  order: -1;
+  flex-shrink: 0;
+  transform: none;
+}
+.q-steps--boxed.q-steps--vertical .q-step__labels {
+  align-items: flex-start;
+}
+.q-steps--boxed.q-steps--vertical .q-steps__body {
+  padding-block: var(--q-space-2);
+}
+.q-steps--arrow .q-step__header {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: var(--q-space-1);
+  margin: 0;
+  padding: var(--q-space-3) var(--q-space-4);
+  border: 0;
+  border-radius: var(--q-border-radius);
+  background-color: rgb(var(--q-theme-neutral-rgb)/12%);
+  color: var(--q-theme-neutral-dark);
+  font: inherit;
+  text-align: center;
+  cursor: pointer;
+}
+.q-steps--arrow .q-step__header:disabled {
+  cursor: not-allowed;
+}
+.q-steps--arrow .q-step__header:focus-visible {
+  outline: none;
+}
+.q-steps--arrow .q-step__indicator {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  font-size: var(--q-space-5);
+  font-weight: var(--q-font-weight-bold);
+  line-height: 1;
+  color: inherit;
+}
+.q-steps--arrow .q-step__indicator-content {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+.q-steps--arrow .q-step__labels {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: calc(var(--q-space-1) * 0.5);
+}
+.q-steps--arrow .q-step__title {
+  display: inline-flex;
+  align-items: baseline;
+  gap: calc(var(--q-space-1) * 0.5);
+  font-weight: var(--q-font-weight-bold);
+  color: inherit;
+}
+.q-steps--arrow .q-step__caption {
+  font-size: var(--q-font-size-sm);
+  color: inherit;
+  opacity: 0.9;
+}
+.q-steps--arrow .q-step__header.q-step--active {
+  background-color: var(--q-theme-primary);
+  color: var(--q-theme-on-primary);
+}
+.q-steps--arrow .q-step__header.q-step--visited {
+  background-color: rgb(var(--q-theme-primary-rgb)/12%);
+  color: var(--q-theme-primary);
+}
+@media (hover: hover) {
+  .q-steps--arrow .q-step__header:not(.q-step--active, .q-step--visited):hover:not(:disabled) {
+    background-color: var(--q-theme-neutral-dark);
+    color: var(--q-theme-on-neutral-dark);
+  }
+  .q-steps--arrow .q-step__header.q-step--active:hover:not(:disabled) {
+    background-color: var(--q-theme-primary-dark);
+  }
+  .q-steps--arrow .q-step__header.q-step--visited:hover:not(:disabled) {
+    background-color: var(--q-theme-primary-dark);
+    color: var(--q-theme-on-primary-dark);
+  }
+}
+.q-steps--arrow .q-step:has(.q-step__header:focus-visible) {
+  outline: var(--q-focus-ring);
+  border-radius: var(--q-border-radius);
+}
+.q-steps--arrow.q-steps--horizontal .q-steps__track {
+  gap: 0;
+}
+.q-steps--arrow.q-steps--horizontal .q-step__header {
+  position: relative;
+  min-width: 0;
+  clip-path: polygon(0 0, calc(100% - var(--q-steps-arrow-size)) 0, 100% 50%, calc(100% - var(--q-steps-arrow-size)) 100%, 0 100%, var(--q-steps-arrow-size) 50%);
+  padding-inline: calc(var(--q-space-4) + var(--q-steps-arrow-size));
+  margin-inline-end: calc(var(--q-steps-arrow-size) * -0.5);
+}
+.q-steps--arrow.q-steps--horizontal .q-step__badge {
+  top: var(--q-space-1);
+  inset-inline-end: var(--q-steps-arrow-size);
+}
+.q-steps--arrow.q-steps--horizontal .q-steps__track > .q-step:first-child .q-step__header {
+  clip-path: polygon(0 0, calc(100% - var(--q-steps-arrow-size)) 0, 100% 50%, calc(100% - var(--q-steps-arrow-size)) 100%, 0 100%);
+  padding-inline-start: var(--q-space-3);
+}
+.q-steps--arrow.q-steps--horizontal .q-steps__track > .q-step:last-child .q-step__header {
+  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, var(--q-steps-arrow-size) 50%);
+  padding-inline-end: var(--q-space-3);
+  margin-inline-end: 0;
+}
+.q-steps--arrow.q-steps--vertical .q-steps__list {
+  gap: 0;
+}
+.q-steps--arrow.q-steps--vertical .q-step__header {
+  width: 100%;
+  flex-direction: row;
+  justify-content: flex-start;
+  text-align: start;
+  gap: var(--q-space-3);
+  clip-path: polygon(0 0, calc(50% - var(--q-steps-arrow-size)) 0, 50% var(--q-steps-arrow-size), calc(50% + var(--q-steps-arrow-size)) 0, 100% 0, 100% calc(100% - var(--q-steps-arrow-size)), calc(50% + var(--q-steps-arrow-size)) calc(100% - var(--q-steps-arrow-size)), 50% 100%, calc(50% - var(--q-steps-arrow-size)) calc(100% - var(--q-steps-arrow-size)), 0 calc(100% - var(--q-steps-arrow-size)));
+  padding-inline-start: var(--q-space-5);
+  padding-block: var(--q-space-3) calc(var(--q-space-3) + var(--q-steps-arrow-size));
+  margin-block-end: calc(var(--q-steps-arrow-size) * -0.5);
+}
+.q-steps--arrow.q-steps--vertical .q-step__indicator {
+  flex-shrink: 0;
+  width: var(--q-steps-indicator-size);
+  height: var(--q-steps-indicator-size);
+}
+.q-steps--arrow.q-steps--vertical .q-step__badge {
+  position: static;
+  order: -1;
+  flex-shrink: 0;
+  transform: none;
+}
+.q-steps--arrow.q-steps--vertical .q-step:first-child .q-step__header {
+  clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--q-steps-arrow-size)), calc(50% + var(--q-steps-arrow-size)) calc(100% - var(--q-steps-arrow-size)), 50% 100%, calc(50% - var(--q-steps-arrow-size)) calc(100% - var(--q-steps-arrow-size)), 0 calc(100% - var(--q-steps-arrow-size)));
+}
+.q-steps--arrow.q-steps--vertical .q-step--last .q-step__header {
+  clip-path: polygon(0 0, calc(50% - var(--q-steps-arrow-size)) 0, 50% var(--q-steps-arrow-size), calc(50% + var(--q-steps-arrow-size)) 0, 100% 0, 100% 100%, 0 100%);
+  padding-block-end: var(--q-space-3);
+  margin-block-end: 0;
+}
+.q-steps--arrow.q-steps--vertical .q-step__labels {
+  align-items: flex-start;
+}
+.q-steps--arrow.q-steps--vertical .q-steps__body {
+  padding-block: var(--q-space-2);
+}
+
+.q-step__indicator {
+  transition: background-color var(--q-transition-duration) var(--q-transition-timing-function), box-shadow var(--q-transition-duration) var(--q-transition-timing-function), color var(--q-transition-duration) var(--q-transition-timing-function);
+}
+.q-step__title, .q-step__caption {
+  transition: color var(--q-transition-duration) var(--q-transition-timing-function);
+}
+.q-step__header {
+  transition: background-color var(--q-transition-duration) var(--q-transition-timing-function), box-shadow var(--q-transition-duration) var(--q-transition-timing-function), color var(--q-transition-duration) var(--q-transition-timing-function), opacity var(--q-transition-duration) var(--q-transition-timing-function);
+}
+.q-step__header::after {
+  transition: background-color var(--q-transition-duration) var(--q-transition-timing-function);
+}
+.q-step::before {
+  transition: background-color var(--q-transition-duration) var(--q-transition-timing-function);
+}
+.q-step--disabled .q-step__header {
+  opacity: 0.6;
+}
+
+.q-switch {
+  --q-switch-inner-padding: calc(var(--q-space-1) * 0.5);
+  --q-switch-border-radius: 9999px;
+  --q-switch-transition-duration: 0.15s;
+  --q-switch-transition-easing: ease-out;
+  --q-switch-label-padding-v: calc(var(--q-space-1) * 2.5);
+  --q-switch-label-padding-h: calc(var(--q-space-1) * 3.75);
+  --q-switch-font-size: var(--q-font-size-sm);
+  --q-switch-label-block-size: calc(
+    var(--q-switch-label-padding-v) * 2 + var(--q-switch-font-size)
+  );
+  --q-switch-drawn-height: calc(
+    var(--q-switch-inner-padding) * 2 + var(--q-switch-label-block-size)
+  );
+  --q-switch-hit-padding-block: max(
+    0px,
+    calc((var(--q-interactive-height) - var(--q-switch-drawn-height)) / 2)
+  );
+  --q-switch-shadow-color-primary: rgb(var(--q-theme-on-background-rgb) / 20%);
+  --q-switch-shadow-color-secondary: rgb(var(--q-theme-on-background-rgb) / 10%);
+  --q-switch-shadow-blur-base: calc(var(--q-space-1) * 0.75);
+  --q-switch-shadow-offset-y: calc(var(--q-space-1) * 0.25);
+  --q-switch-shadow-spread: calc(var(--q-space-1) * 0.5);
+  --q-switch-shadow-color-primary-hover: rgb(var(--q-theme-on-background-rgb) / 30%);
+  --q-switch-shadow-color-secondary-hover: rgb(var(--q-theme-on-background-rgb) / 15%);
+  --q-switch-shadow-blur-hover: calc(var(--q-space-1) * 1.5);
+  --q-switch-shadow-offset-y-hover: calc(var(--q-space-1) * 0.5);
+  --q-switch-shadow-spread-hover: var(--q-space-1);
+  --q-switch-disabled-opacity: 0.5;
+  --q-switch-hover-background-opacity: 0.5;
+  --q-switch-checked-background: var(--q-theme-primary);
+  --q-switch-on-checked-background: var(--q-theme-on-primary);
+  --q-switch-unchecked-background: rgb(var(--q-theme-neutral-light-rgb) / 50%);
+  --q-switch-on-unchecked-background: var(--q-theme-neutral);
+  display: inline-flex;
+  align-items: center;
+  position: relative;
+  white-space: nowrap;
+  box-sizing: border-box;
+  height: var(--q-interactive-height);
+  min-height: var(--q-interactive-height);
+  padding: var(--q-switch-hit-padding-block) 0;
+  background: transparent;
+  border-radius: var(--q-switch-border-radius);
+  cursor: pointer;
+}
+.q-switch--small {
+  --q-density-scale: calc(var(--q-density-scale-base) * 0.8);
+  --q-space-1: calc(var(--q-space-1-base) * var(--q-density-scale));
+  --q-space-2: calc(var(--q-space-2-base) * var(--q-density-scale));
+  --q-space-3: calc(var(--q-space-3-base) * var(--q-density-scale));
+  --q-space-4: calc(var(--q-space-4-base) * var(--q-density-scale));
+  --q-space-5: calc(var(--q-space-5-base) * var(--q-density-scale));
+  --q-space-6: calc(var(--q-space-6-base) * var(--q-density-scale));
+  --q-control-height-sm: calc(var(--q-control-height-sm-base) * var(--q-density-scale));
+  --q-control-height-md: calc(var(--q-control-height-md-base) * var(--q-density-scale));
+  --q-control-height-lg: calc(var(--q-control-height-lg-base) * var(--q-density-scale));
+  --q-interactive-height: var(--q-control-height-md);
+  --q-control-padding-x-sm: calc(var(--q-control-padding-x-sm-base) * var(--q-density-scale));
+  --q-control-padding-x-md: calc(var(--q-control-padding-x-md-base) * var(--q-density-scale));
+  --q-control-padding-x-lg: calc(var(--q-control-padding-x-lg-base) * var(--q-density-scale));
+  --q-control-padding-y-sm: calc(var(--q-control-padding-y-sm-base) * var(--q-density-scale));
+  --q-control-padding-y-md: calc(var(--q-control-padding-y-md-base) * var(--q-density-scale));
+  --q-control-padding-y-lg: calc(var(--q-control-padding-y-lg-base) * var(--q-density-scale));
+  --q-font-size-sm: calc(var(--q-font-size-sm-base) * var(--q-density-scale));
+  --q-font-size-md: calc(var(--q-font-size-md-base) * var(--q-density-scale));
   --q-font-size-lg: calc(var(--q-font-size-lg-base) * var(--q-density-scale));
   --q-line-height-sm: calc(var(--q-line-height-sm-base) * var(--q-density-scale));
   --q-line-height-md: calc(var(--q-line-height-md-base) * var(--q-density-scale));
@@ -8116,13 +8993,13 @@ body *::-webkit-scrollbar-track {
   --q-focus-ring: var(--q-focus-ring-width) solid var(--q-focus-ring-color);
   /* Subtle — Gauge shell, Card elevation low */
   --q-shadow-sm: 0 calc(1px * var(--q-density-scale)) calc(2px * var(--q-density-scale)) 0
-    rgb(0 0 0 / 5%);
+    rgb(var(--q-theme-neutral-dark-rgb) / 5%);
   /* Default elevated — Card medium, Overlay */
   --q-shadow-md:
     0 calc(4px * var(--q-density-scale)) calc(6px * var(--q-density-scale))
-      calc(-1px * var(--q-density-scale)) rgb(0 0 0 / 10%),
+      calc(-1px * var(--q-density-scale)) rgb(var(--q-theme-neutral-dark-rgb) / 10%),
     0 calc(2px * var(--q-density-scale)) calc(4px * var(--q-density-scale))
-      calc(-2px * var(--q-density-scale)) rgb(0 0 0 / 10%);
+      calc(-2px * var(--q-density-scale)) rgb(var(--q-theme-neutral-dark-rgb) / 10%);
   /* Strong — Card elevation high */
   --q-shadow-lg: 0 calc(8px * var(--q-density-scale)) calc(12px * var(--q-density-scale))
     rgb(var(--q-theme-neutral-dark-rgb) / 25%);
@@ -8171,13 +9048,13 @@ body *::-webkit-scrollbar-track {
   --q-focus-ring: var(--q-focus-ring-width) solid var(--q-focus-ring-color);
   /* Subtle — Gauge shell, Card elevation low */
   --q-shadow-sm: 0 calc(1px * var(--q-density-scale)) calc(2px * var(--q-density-scale)) 0
-    rgb(0 0 0 / 5%);
+    rgb(var(--q-theme-neutral-dark-rgb) / 5%);
   /* Default elevated — Card medium, Overlay */
   --q-shadow-md:
     0 calc(4px * var(--q-density-scale)) calc(6px * var(--q-density-scale))
-      calc(-1px * var(--q-density-scale)) rgb(0 0 0 / 10%),
+      calc(-1px * var(--q-density-scale)) rgb(var(--q-theme-neutral-dark-rgb) / 10%),
     0 calc(2px * var(--q-density-scale)) calc(4px * var(--q-density-scale))
-      calc(-2px * var(--q-density-scale)) rgb(0 0 0 / 10%);
+      calc(-2px * var(--q-density-scale)) rgb(var(--q-theme-neutral-dark-rgb) / 10%);
   /* Strong — Card elevation high */
   --q-shadow-lg: 0 calc(8px * var(--q-density-scale)) calc(12px * var(--q-density-scale))
     rgb(var(--q-theme-neutral-dark-rgb) / 25%);
@@ -8564,6 +9441,11 @@ body *::-webkit-scrollbar-track {
 .q-tab.q-button.q-button--text {
   color: var(--q-theme-neutral-dark);
 }
+@media (hover: hover) {
+  .q-tab.q-button.q-button--text:hover:not(:disabled) {
+    text-decoration: none;
+  }
+}
 .q-tab--active.q-button.q-button--text {
   color: var(--q-theme-primary);
   cursor: default;
@@ -8731,6 +9613,8 @@ body *::-webkit-scrollbar-track {
 .q-toast {
   --q-toast-main-color: var(--q-theme-info);
   --q-toast-on-main-color: var(--q-theme-on-info);
+  --q-toast-text-color: var(--q-theme-info-dark);
+  --q-toast-tonal-text-color: var(--q-theme-info-dark);
   --q-toast-tonal-color: var(--q-theme-info-light);
   --q-toast-width: calc(8 * 5em + 7 * var(--q-space-1));
   max-width: var(--q-toast-width);
@@ -8772,12 +9656,20 @@ body *::-webkit-scrollbar-track {
 .q-toast--tonal {
   background-color: var(--q-toast-tonal-color);
   border-color: transparent;
-  color: var(--q-toast-hover-color);
+  color: var(--q-toast-tonal-text-color);
+}
+.q-toast--tonal .q-toast__dismiss.q-button {
+  color: var(--q-toast-tonal-text-color);
+}
+@media (hover: hover) {
+  .q-toast--tonal .q-toast__dismiss.q-button:hover:not(:disabled) {
+    color: var(--q-toast-tonal-text-color);
+  }
 }
 .q-toast--outlined {
   background-color: transparent;
   border-color: var(--q-toast-main-color);
-  color: var(--q-toast-main-color);
+  color: var(--q-toast-text-color);
 }
 
 .q-toast-stack-enter-active {