/* Copied, not linked, from github.com/ambrosehuan/workbench at commit 45603a1aa9ea0d1a6f1c600b2634822a5acc17be (2026-10-25),
   file project/components/bundle.css. Do not edit by hand: re-copy from Workbench and update the commit above. */

/* Workbench v2 bundle.css — Apple look, Workbench words.
   Every value comes from a token var(--...) except geometry with no token. */

:root {
  color-scheme: light dark;
}

/* Brand switch: <html data-brand="alai">. Colours only; layout and parts stay Workbench. */
html:root[data-brand="alai"] {
  --tint: var(--alai-tint);
  --tint-text: var(--alai-tint-text);
  --tint-fill: var(--alai-tint-fill);
  --on-tint: var(--alai-on-tint);
  --tint-bg: var(--alai-tint-bg);
  --font-sans: var(--font-brand);
}

/* Brand switch: <html data-brand="sensz">. The product look for SensZ EYE, SensZ.AI and ALIX. Colours and font only. */
html:root[data-brand="sensz"] {
  --tint: var(--sensz-tint);
  --tint-text: var(--sensz-tint-text);
  --tint-fill: var(--sensz-tint-fill);
  --on-tint: var(--sensz-on-tint);
  --tint-bg: var(--sensz-tint-bg);
  --font-sans: var(--font-brand);
}

body {
  margin: 0;
  background: var(--bg);
  color: var(--label);
  font-family: var(--font-sans, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif);
  font-size: 17px;
  line-height: 22px;
  -webkit-font-smoothing: antialiased;
}

/* Layout helpers */
.wb-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-12);
  align-items: center;
}

.wb-stack {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
}

.wb-muted {
  color: var(--label-2);
}

.wb-code {
  font-family: ui-monospace, Menlo, Consolas, monospace;
  font-size: 13px;
  line-height: 18px;
  background: var(--code-bg);
  border-radius: var(--radius-sm);
  padding: 2px var(--space-4);
}

/* Focus rings */
:where(.wb-btn, .wb-input, .wb-select, .wb-textarea, .wb-switch, .wb-segment, .wb-pin, a):focus-visible {
  outline: 2px solid var(--tint);
  outline-offset: 2px;
}

/* Motion and press states */
.wb-btn,
.wb-cell,
.wb-segment {
  transition: opacity 120ms ease, transform 120ms ease;
}

.wb-btn:active,
.wb-cell:active,
.wb-segment:active {
  opacity: 0.6;
}

/* Icons via CSS masks */
.wb-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  vertical-align: -0.15em;
  flex-shrink: 0;
}

.wb-icon-chevron-right {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'/%3E%3C/svg%3E");
}

.wb-icon-chevron-left {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='15 18 9 12 15 6'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='15 18 9 12 15 6'/%3E%3C/svg%3E");
}

.wb-icon-check {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
}

.wb-icon-clear {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath fill-rule='evenodd' d='M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zm3.707 7.707a1 1 0 0 0-1.414-1.414L12 10.586 9.707 8.293a1 1 0 0 0-1.414 1.414L10.586 12l-2.293 2.293a1 1 0 1 0 1.414 1.414L12 13.414l2.293 2.293a1 1 0 0 0 1.414-1.414L13.414 12l2.293-2.293z' clip-rule='evenodd'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath fill-rule='evenodd' d='M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zm3.707 7.707a1 1 0 0 0-1.414-1.414L12 10.586 9.707 8.293a1 1 0 0 0-1.414 1.414L10.586 12l-2.293 2.293a1 1 0 1 0 1.414 1.414L12 13.414l2.293 2.293a1 1 0 0 0 1.414-1.414L13.414 12l2.293-2.293z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.wb-icon-search {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");
}

/* Button */
.wb-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-8);
  font-family: inherit;
  font-size: 17px;
  line-height: 22px;
  font-weight: 600;
  min-height: var(--tap-min);
  padding: 0 var(--space-20);
  border-radius: var(--radius-pill);
  border: none;
  cursor: pointer;
  text-decoration: none;
  box-sizing: border-box;
  background: var(--fill);
  color: var(--label);
}

.wb-btn:active {
  background: var(--fill-strong);
}

.wb-btn-sm {
  min-height: 34px;
  padding: 0 var(--space-12);
  font-size: 15px;
  line-height: 20px;
}

.wb-btn-filled {
  background: var(--tint-fill);
  color: var(--on-tint);
}

.wb-btn-filled:active {
  background: var(--tint-fill);
  opacity: 0.75;
}

.wb-btn-tinted {
  background: var(--tint-bg);
  color: var(--tint-text);
}

.wb-btn-tinted:active {
  background: var(--tint-bg);
  opacity: 0.75;
}

.wb-btn-plain {
  background: transparent;
  color: var(--tint-text);
  padding: 0 var(--space-8);
}

.wb-btn-plain:active {
  background: transparent;
  opacity: 0.6;
}

.wb-btn-destructive {
  background: transparent;
  color: var(--lost);
}

.wb-btn-destructive:active {
  background: var(--lost-bg);
}

.wb-btn:disabled,
.wb-btn[aria-disabled="true"] {
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
}

.wb-pin {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: inherit;
  font-size: 13px;
  line-height: 18px;
  min-height: 28px;
  padding: 0 var(--space-12);
  border-radius: var(--radius-pill);
  border: none;
  background: var(--fill);
  color: var(--label-2);
  cursor: pointer;
}

.wb-pin[aria-pressed="true"] {
  background: var(--tint-fill);
  color: var(--on-tint);
}

/* Field */
.wb-field {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  min-width: 0;
}

.wb-field label {
  font-size: 13px;
  line-height: 18px;
  color: var(--label-2);
}

.wb-input,
.wb-select,
.wb-textarea {
  font-family: inherit;
  font-size: 17px;
  line-height: 22px;
  min-height: var(--tap-min);
  padding: var(--space-8) var(--space-12);
  border-radius: var(--radius-md);
  border: 1px solid var(--control-border);
  background: var(--fill);
  color: var(--label);
  box-sizing: border-box;
}

.wb-select {
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2386868B' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right var(--space-12) center;
  background-size: 16px;
  padding-right: var(--space-32);
}

.wb-input[aria-invalid="true"],
.wb-select[aria-invalid="true"],
.wb-textarea[aria-invalid="true"] {
  border-color: var(--lost);
}

.wb-field-error {
  font-size: 13px;
  line-height: 18px;
  color: var(--lost);
}

/* SearchField */
.wb-search {
  display: inline-flex;
  align-items: center;
  gap: var(--space-8);
  height: 36px;
  padding: 0 var(--space-12);
  border-radius: var(--radius-pill);
  background: var(--fill);
  box-sizing: border-box;
  color: var(--label-2);
}

.wb-search input {
  flex: 1;
  font-family: inherit;
  font-size: 17px;
  line-height: 22px;
  border: none;
  background: transparent;
  color: var(--label);
  outline: none;
  min-width: 0;
}

.wb-search input::placeholder {
  color: var(--label-2);
}

.wb-search-clear {
  border: none;
  background: transparent;
  color: var(--label-2);
  padding: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
}

/* Switch */
.wb-switch {
  appearance: none;
  width: 51px;
  height: 31px;
  border-radius: var(--radius-pill);
  background: var(--fill-strong);
  position: relative;
  cursor: pointer;
  outline: none;
  border: none;
  box-sizing: border-box;
  transition: background-color 200ms ease;
  flex-shrink: 0;
}

.wb-switch::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 27px;
  height: 27px;
  border-radius: var(--radius-pill);
  background: #FFFFFF;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  transition: transform 200ms ease;
}

.wb-switch:checked {
  background: var(--won);
}

.wb-switch:checked::after {
  transform: translateX(20px);
}

.wb-switch:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

/* SegmentedControl */
.wb-segmented {
  display: inline-flex;
  align-items: center;
  background: var(--fill);
  padding: 2px;
  border-radius: var(--radius-pill);
  box-sizing: border-box;
  height: 32px;
}

.wb-segment {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-4);
  font-family: inherit;
  font-size: 13px;
  line-height: 18px;
  font-weight: 500;
  padding: 0 var(--space-12);
  height: 28px;
  border-radius: var(--radius-pill);
  border: none;
  background: transparent;
  color: var(--label);
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
}

.wb-segment[aria-selected="true"] {
  background: var(--tint-fill);
  color: var(--on-tint);
  font-weight: 600;
}

.wb-segment[aria-selected="true"] .wb-count {
  background: rgba(255, 255, 255, 0.24);
  color: var(--on-tint);
}

@media (max-width: 480px) {
  .wb-segmented { display: flex; width: 100%; }
  .wb-segmented > * { flex: 1 1 auto; min-width: 0; padding-left: var(--space-4); padding-right: var(--space-4); overflow: hidden; text-overflow: ellipsis; }
}

.wb-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 var(--space-4);
  border-radius: var(--radius-pill);
  background: var(--fill-strong);
  color: var(--label-2);
  font-size: 11px;
  line-height: 14px;
}

/* List (Settings style) */
.wb-list {
  display: flex;
  flex-direction: column;
  margin: var(--space-16) 0;
}

.wb-list-header {
  font-size: 13px;
  line-height: 18px;
  color: var(--label-2);
  padding: var(--space-8) var(--space-16);
}

.wb-list-footer {
  font-size: 13px;
  line-height: 18px;
  color: var(--label-2);
  padding: var(--space-8) var(--space-16);
}

.wb-list-section {
  background: var(--surface);
  border-radius: var(--radius-lg);
  overflow: hidden;
}

.wb-cell {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: var(--row-min);
  padding: 11px var(--space-16);
  box-sizing: border-box;
  position: relative;
  text-decoration: none;
  color: var(--label);
  font-size: 17px;
  line-height: 22px;
}

.wb-cell + .wb-cell::before {
  content: "";
  position: absolute;
  top: 0;
  left: var(--space-16);
  right: 0;
  height: 1px;
  background: var(--separator);
}

.wb-cell-content {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.wb-cell-title {
  font-size: 17px;
  line-height: 22px;
  color: var(--label);
}

.wb-cell-subtitle {
  font-size: 15px;
  line-height: 20px;
  color: var(--label-2);
}

.wb-cell-value {
  color: var(--label-2);
}

.wb-cell-destructive {
  color: var(--lost);
}

.wb-cell[aria-selected="true"] .wb-icon-check {
  color: var(--tint);
}

/* Panel */
.wb-panel {
  background: var(--surface);
  border-radius: var(--radius-lg);
  padding: var(--space-16);
  box-sizing: border-box;
}

.wb-panel h2,
.wb-panel-title {
  font-size: 20px;
  line-height: 25px;
  font-weight: 600;
  margin: 0 0 var(--space-12);
}

.wb-empty {
  color: var(--label-2);
  padding: var(--space-24);
  text-align: center;
  font-size: 16px;
  line-height: 21px;
}

/* StatTile */
.wb-stats {
  display: flex;
  gap: var(--space-16);
  flex-wrap: wrap;
}

.wb-stat {
  background: var(--surface);
  border-radius: var(--radius-lg);
  padding: var(--space-16);
  flex: 1 1 160px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.wb-stat-label {
  font-size: 13px;
  line-height: 18px;
  color: var(--label-2);
}

.wb-stat-num {
  font-family: ui-rounded, system-ui, -apple-system, sans-serif;
  font-size: 34px;
  line-height: 41px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: var(--label);
}

/* DataTable */
.wb-table-wrap {
  overflow-x: auto;
}

.wb-table {
  width: 100%;
  border-collapse: collapse;
}

.wb-table th {
  text-align: left;
  padding: var(--space-8) var(--space-16);
  font-size: 13px;
  line-height: 18px;
  font-weight: 600;
  color: var(--label-2);
  border-bottom: 1px solid var(--separator);
}

.wb-table td {
  text-align: left;
  padding: var(--space-12) var(--space-16);
  font-size: 15px;
  line-height: 20px;
  color: var(--label);
  border-bottom: 1px solid var(--separator);
  min-height: var(--row-min);
}

.wb-table td.wb-num {
  font-variant-numeric: tabular-nums;
  text-align: right;
}

.wb-table tr.is-pinned td {
  background: var(--tint-bg);
}

/* KanbanBoard */
.wb-kanban {
  display: flex;
  gap: var(--space-12);
  overflow-x: auto;
  padding: var(--space-16);
}

.wb-col {
  background: var(--fill);
  border-radius: var(--radius-lg);
  padding: var(--space-8);
  flex: 1 1 0;
  min-width: var(--column-min);
  display: flex;
  flex-direction: column;
}

.wb-col-head {
  padding: var(--space-8) var(--space-8);
  font-size: 17px;
  line-height: 22px;
  font-weight: 600;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.wb-col-head .wb-count {
  color: var(--label-2);
}

.wb-col-body {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
  overflow-y: auto;
  padding: var(--space-4) 0;
}

.wb-col-body.drag-over {
  background: var(--tint-bg);
  border-radius: var(--radius-md);
}

.wb-card {
  position: relative;
  background: var(--surface);
  border-radius: var(--radius-md);
  padding: var(--space-12);
  cursor: grab;
  box-sizing: border-box;
}

@media (prefers-color-scheme: dark) {
  .wb-card {
    background: var(--surface-raised);
  }
}

.wb-card.is-pinned {
  background: var(--tint-bg);
  outline: 2px solid var(--tint);
}

.wb-card.dragging {
  opacity: 0.4;
}

.wb-card-name {
  font-size: 17px;
  line-height: 22px;
  font-weight: 600;
}

.wb-card-value {
  font-size: 15px;
  line-height: 20px;
  font-variant-numeric: tabular-nums;
  margin: var(--space-4) 0;
}

.wb-card-meta {
  font-size: 13px;
  line-height: 18px;
  color: var(--label-2);
}

/* Badge */
.wb-badge {
  display: inline-flex;
  align-items: center;
  gap: var(--space-4);
  padding: 2px var(--space-8);
  border-radius: var(--radius-pill);
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  white-space: nowrap;
}

.wb-badge-open {
  background: var(--info-bg);
  color: var(--info);
}

.wb-badge-won {
  background: var(--won-bg);
  color: var(--won);
}

.wb-badge-warn {
  background: var(--warn-bg);
  color: var(--warn);
}

.wb-badge-lost {
  background: var(--lost-bg);
  color: var(--lost);
}

.wb-badge-neutral {
  background: var(--fill);
  color: var(--label-2);
}

.wb-badge-sm {
  font-size: 11px;
  line-height: 13px;
  padding: 1px var(--space-4);
  text-transform: uppercase;
}

/* Banner */
.wb-banner {
  display: flex;
  align-items: flex-start;
  gap: var(--space-12);
  border-radius: var(--radius-lg);
  padding: var(--space-12) var(--space-16);
  font-size: 15px;
  line-height: 20px;
}

.wb-banner-warn {
  background: var(--warn-bg);
  color: var(--warn);
}

.wb-banner-lost {
  background: var(--lost-bg);
  color: var(--lost);
}

.wb-banner-won {
  background: var(--won-bg);
  color: var(--won);
}

.wb-banner-info {
  background: var(--info-bg);
  color: var(--info);
}

/* NavBar */
.wb-nav {
  position: sticky;
  top: 0;
  z-index: 100;
  height: var(--bar-height);
  padding: 0 var(--space-16);
  padding-top: env(safe-area-inset-top, 0px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--glass);
}

@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .wb-nav {
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
  }
}

.wb-nav-leading,
.wb-nav-trailing {
  display: flex;
  align-items: center;
  gap: var(--space-8);
  min-width: 80px;
}

.wb-nav-trailing {
  justify-content: flex-end;
}

.wb-nav-title {
  font-size: 17px;
  line-height: 22px;
  font-weight: 600;
  text-align: center;
}

.wb-large-title {
  font-size: 34px;
  line-height: 41px;
  font-weight: 700;
  margin: var(--space-16) 0 var(--space-8);
  padding: 0 var(--space-16);
}

/* Sheet */
.wb-sheet {
  border: none;
  padding: 0;
  background: transparent;
  color: var(--label);
}

.wb-sheet::backdrop {
  background: var(--scrim);
}

.wb-sheet-content {
  background: var(--surface-raised);
  border-radius: var(--radius-xl) var(--radius-xl) 0 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}

.wb-sheet-grabber {
  width: 36px;
  height: 5px;
  border-radius: var(--radius-pill);
  background: var(--fill-strong);
  margin: var(--space-8) auto;
}

.wb-sheet header,
.wb-sheet-content header {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  padding: var(--space-12) var(--space-16);
  background: var(--glass);
}

.wb-sheet header > :first-child,
.wb-sheet-content header > :first-child {
  justify-self: start;
}

.wb-sheet header > :last-child,
.wb-sheet-content header > :last-child {
  justify-self: end;
}

@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .wb-sheet header,
  .wb-sheet-content header {
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
  }
}

.wb-sheet-body {
  padding: var(--space-16);
}

.wb-sheet-alert {
  max-width: 300px;
  border-radius: var(--radius-xl);
  text-align: center;
  margin: auto;
  overflow: hidden;
  background: var(--surface-raised);
}

.wb-sheet-alert .wb-sheet-body {
  padding: var(--space-20);
}

.wb-sheet-alert footer {
  display: flex;
  flex-direction: column;
  border-top: 1px solid var(--separator);
}

.wb-sheet-alert footer .wb-btn {
  border-radius: 0;
  min-height: var(--tap-min);
  border-bottom: 1px solid var(--separator);
}

/* Toast */
.wb-toast {
  position: fixed;
  bottom: calc(var(--space-20) + env(safe-area-inset-bottom, 0px));
  left: 50%;
  transform: translateX(-50%);
  z-index: 200;
  display: flex;
  align-items: center;
  gap: var(--space-8);
  width: max-content;
  max-width: min(var(--readable-max), calc(100vw - 2 * var(--space-16)));
  box-sizing: border-box;
  padding: var(--space-8) var(--space-16);
  border-radius: var(--radius-pill);
  background: var(--glass);
  box-shadow: var(--shadow-float);
  font-size: 16px;
  line-height: 21px;
}

.wb-toast-message {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .wb-toast {
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
  }
}

/* Media overrides: Increased Contrast */
@media (prefers-contrast: more) {
  /* text 7:1 or more on bg, surface and surface-raised; separators 3:1 */
  :root:not([data-theme="dark"]) {
    --tint-text: #0047A8;
    --label-2: #48484A;
    --separator: #6C6C70;
  }
  :root[data-theme="dark"] {
    --tint-text: #8AC8FF;
    --label-2: #C7C7CC;
    --separator: #8E8E93;
  }
}
@media (prefers-contrast: more) and (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --tint-text: #8AC8FF;
    --label-2: #C7C7CC;
    --separator: #8E8E93;
  }
}
@media (prefers-contrast: more) {
  .wb-nav,
  .wb-sheet header,
  .wb-sheet-content header,
  .wb-toast {
    background: var(--surface);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}

/* Media overrides: Reduced Motion */
@media (prefers-reduced-motion: reduce) {
  .wb-btn,
  .wb-cell,
  .wb-segment,
  .wb-switch,
  .wb-switch::after {
    transition: none;
    transform: none;
  }
  .wb-btn:active,
  .wb-cell:active,
  .wb-segment:active {
    opacity: 0.6;
    transform: none;
  }
}

@media (prefers-contrast: more) {
  html:root[data-brand="alai"] { --tint-text: var(--alai-tint-text-hc); }
  html:root[data-brand="sensz"] { --tint-text: var(--sensz-tint-text-hc); }
}