/* Neumorphism. Light and Warm Light only; Night and dark appearances keep Default.
   Screen and forced-colours: none, so print and forced colours stay on Default chrome.
   High contrast is excluded on every root. */

@media screen and (forced-colors: none) {
  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) {
    --surux-radius-sm: .65rem;
    --surux-radius-md: .85rem;
    --surux-radius-lg: 1.1rem;
    --surux-band-radius: 1.1rem;
    --surux-radius-card: 1.1rem;
    --surux-radius-field: .85rem;
    --surux-radius-control: .65rem;
    --surux-radius-chip: .65rem;
    --surux-radius-modal: 1.1rem;
    --surux-radius-menu: .85rem;
    --surux-radius-input: .65rem;
    --surux-radius-hero: 1.1rem;
    --surux-border-width: 0px;
    --surux-neumorph-dark: color-mix(in srgb, var(--surux-text) 18%, transparent);
    /* Soft enough that the top-left light does not pile into a bright band on a same-colour page. */
    --surux-neumorph-light: color-mix(in srgb, #fff 40%, transparent);
    /* The list panel only. Other plates keep the 40% corner light.
       Top-weighted so the glow fits the upward room: 12px above a page tab and .35rem at its
       inline start. σ is 3px (blur 6px). Three σ plus the 3px lift is 12px upward, and the
       side tail is gone inside .35rem, so the clip is not a hard band. */
    --surux-neumorph-list-panel-light: color-mix(in srgb, #fff 88%, transparent);
    --surux-elevation-list-panel:
      6px 7px 14px var(--surux-neumorph-dark, transparent),
      0 -3px 6px var(--surux-neumorph-list-panel-light, transparent);
    --surux-elevation-card:
      6px 7px 14px var(--surux-neumorph-dark, transparent),
      -3px -3px 8px var(--surux-neumorph-light, transparent);
    --surux-elevation-raised: var(--surux-elevation-card);
    --surux-elevation-float:
      8px 10px 18px var(--surux-neumorph-dark, transparent),
      -3px -3px 8px var(--surux-neumorph-light, transparent);
    --surux-elevation-modal: var(--surux-elevation-float);
    --surux-elevation-toast: var(--surux-elevation-float);
    --surux-elevation-field:
      inset 4px 4px 8px var(--surux-neumorph-dark, transparent),
      inset -2px -2px 6px var(--surux-neumorph-light, transparent);
    --surux-neumorph-hover:
      8px 9px 16px var(--surux-neumorph-dark, transparent),
      -3px -3px 8px var(--surux-neumorph-light, transparent);
    --surux-neumorph-pressed:
      inset 4px 4px 8px var(--surux-neumorph-dark, transparent),
      inset -2px -2px 5px var(--surux-neumorph-light, transparent);
    /* Stays inside the 0.2rem tab gap, so a lift cannot paint the next tab. */
    --surux-neumorph-tab-hover:
      1px 1px 1px var(--surux-neumorph-dark, transparent),
      -1px -1px 1px var(--surux-neumorph-light, transparent);
    --surux-neumorph-tab-pressed:
      inset 3px 3px 6px var(--surux-neumorph-dark, transparent),
      inset -2px -2px 4px var(--surux-neumorph-light, transparent);
    --surux-neumorph-rail-rest:
      3px 3px 6px var(--surux-neumorph-dark, transparent),
      -3px -3px 6px var(--surux-neumorph-light, transparent);
    /* One soft grey, shared by the page and the plates, so the light shadow reads. No palette tint. */
    --surux-surface: color-mix(in srgb, var(--surux-surface-base) 88%, var(--surux-text) 12%);
    --surux-surface-2: var(--surux-surface);
    --surux-picker-edge: color-mix(in srgb, var(--surux-text) 62%, var(--surux-surface));
    --surux-disabled-control-bg: color-mix(in srgb, var(--surux-surface) 78%, var(--surux-text) 22%);
    --surux-neumorph-filter-ink: color-mix(in srgb, var(--surux-primary) 42%, var(--surux-text));
    --surux-neumorph-primary-ink: color-mix(in srgb, var(--surux-primary) 50%, var(--surux-text));
    --surux-list-focus-ring: var(--surux-neumorph-primary-ink, var(--surux-text));
    --surux-list-row-line: color-mix(in srgb, var(--surux-text) 16%, transparent);
    --surux-list-row-hover-tint: 12%;
    --surux-list-row-selected-tint: 16%;
    --surux-control-label-color: var(--surux-neumorph-primary-ink, var(--surux-text));
    /* 7px + 14px below. Upward, the list-panel light is the longest documented reach: three σ
       (blur 6px) plus the 3px lift. The card light (-3px -3px 8px) reaches 11px, and the dark
       shadow's upward tail is 7px. Inline is the dark shadow's horizontal reach: 6px + 14px. */
    --surux-tab-panel-shadow-room: 21px;
    --surux-tab-panel-shadow-start-room: 12px;
    --surux-tab-panel-shadow-inline-room: 20px;
  }

  /* Same hooks, only while Soft UI is the selected button style. */
  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"])[data-surux-button-style="soft-ui"] {
    --surux-button-elevation-soft-ui: var(--surux-neumorph-rail-rest, 0 0 transparent);
    --surux-soft-ui-light: var(--surux-neumorph-light, transparent);
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"])[data-surux-button-style="soft-ui"] .surux-button-tone-secondary:not(:where(.surux-command-button-icon-only-subtle, .surux-command-button-icon-only-tinted, .surux-command-button-subtle-surface, .surux-command-overflow-trigger-icon-only-subtle, .surux-map-tracker-utility-action, .surux-hero-action-flyout *, .surux-command-overflow-panel *, .surux-button-pressed, [aria-pressed="true"])) {
    --surux-button-bg: var(--surux-surface);
  }

  /* A pressed Secondary stays a debossed well in primary ink. The rest rule must not
     leave --surux-button-bg on the pressed state: Light's pressed fill then forces white ink. */
  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"])[data-surux-button-style="soft-ui"] .surux-button-tone-secondary:is(.surux-button-pressed, [aria-pressed="true"]):not(:disabled, .disabled, [aria-disabled="true"]):not(:where(.surux-command-button-icon-only-subtle, .surux-command-button-icon-only-tinted, .surux-command-button-subtle-surface, .surux-command-overflow-trigger-icon-only-subtle, .surux-map-tracker-utility-action, .surux-hero-action-flyout *, .surux-command-overflow-panel *)) {
    --surux-button-fg: var(--surux-neumorph-primary-ink, var(--surux-text));
    --surux-button-composed-bg: var(--surux-surface);
    color: var(--surux-neumorph-primary-ink, var(--surux-text)) !important;
    box-shadow: var(--surux-neumorph-pressed, 0 0 transparent) !important;
    filter: none;
  }

  /* The step follows the desktop panel. ScrollTable is a table at every width.
     Cards mode draws it from 768px once measured, and from 992px before measurement.
     Phone cards and a compact list keep the page plate. */
  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"])):is([data-surux-colour-style="pastel"], [data-surux-colour-style="monochrome"])[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-data-table-card:not([data-surux-mobile-mode="cards"]) {
    --surux-surface: var(--surux-neumorph-list-panel, var(--surux-surface-base));
  }

  @media (min-width: 768px) {
    :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"])):is([data-surux-colour-style="pastel"], [data-surux-colour-style="monochrome"])[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) [data-surux-mobile-mode="cards"][data-surux-list-measured]:not([data-surux-list-compact]).surux-data-table-card {
      --surux-surface: var(--surux-neumorph-list-panel, var(--surux-surface-base));
    }
  }

  @media (min-width: 992px) {
    :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"])):is([data-surux-colour-style="pastel"], [data-surux-colour-style="monochrome"])[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) [data-surux-mobile-mode="cards"]:not([data-surux-list-measured]):not([data-surux-list-compact]).surux-data-table-card {
      --surux-surface: var(--surux-neumorph-list-panel, var(--surux-surface-base));
    }
  }

  /* Pastel and Monochrome pages take a little more surface tone (3% text) so the list panel,
     the previous near-white plate, sits about 6 levels lighter. Option C is #fcf5f3 on #f7eeeb. */
  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"])):is([data-surux-colour-style="pastel"], [data-surux-colour-style="monochrome"])[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) {
    --surux-surface: color-mix(in srgb, color-mix(in srgb, var(--surux-surface-base) 92%, var(--surux-surface-2-base) 8%) 97%, var(--surux-text) 3%);
    --surux-surface-2: color-mix(in srgb, var(--surux-surface-2-base) 94%, var(--surux-surface-base) 6%);
    --surux-neumorph-list-panel: color-mix(in srgb, var(--surux-surface-base) 92%, var(--surux-surface-2-base) 8%);
  }

  /* Standard content-height lists place the card directly in page content.
     The named Sections layout owns its clearance in every state and breakpoint. */
  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-page-shell > .surux-page-content:has(> .surux-data-table-card):not(.surux-page-content-sections) {
    padding-top: 12px;
  }

  /* Fill-height lists (the SuruXListSurface default) nest every results state under the collection workspace.
     12px is the list light's upward reach, including under a header band. The top room follows the workspace,
     so loading, empty and error sit on the same top as the loaded card. Phones pad the page at 0.
     The inline room is the summary, the results and the footer, not page-content padding. Their margin is
     calc(max(.25rem, --surux-tab-panel-shadow-inline-room) - .25rem). Page content keeps its .25rem gutter,
     so a search, an alert, a settings card or a metric strip beside the workspace does not move.
     Results that hold a card are overflow:visible, and the workspace is overflow:visible, so the focus ring
     and the right shadow use that margin plus the .25rem gutter (20px here) before page content clips.
     The refresh notice sits in the collection toolbar and takes the same margin, so it lines up with the card. */
  @media (min-width: 992px) {
    :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-page-shell > .surux-page-content:has(> .surux-collection-workspace > .surux-collection-results) {
      padding-top: 12px;
    }

    :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-page-shell > .surux-page-content > .surux-collection-workspace > :is(.surux-collection-summary, .surux-collection-results, .surux-collection-footer) {
      margin-inline: calc(max(.25rem, var(--surux-tab-panel-shadow-inline-room, 0px)) - .25rem);
    }

    :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-page-shell > .surux-page-content > .surux-collection-workspace > .surux-collection-toolbar {
      margin-inline: calc(max(.25rem, var(--surux-tab-panel-shadow-inline-room, 0px)) - .25rem);
    }
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) :is(
    .surux-card,
    .surux-edit-section,
    .surux-field-surface,
    .surux-picker-surface,
    .surux-toolbar,
    .surux-page-hero
  ) {
    --surux-disabled-control-bg: color-mix(in srgb, var(--surux-surface) 78%, var(--surux-text) 22%);
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) :is(
    body,
    .surux-content,
    .surux-topbar,
    .surux-sidebar,
    .surux-header-band
  ) {
    background-color: var(--surux-surface);
    background-image: none;
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) :is(
    .surux-card,
    .surux-edit-section,
    .surux-header-band,
    .surux-page-hero,
    .surux-toolbar,
    .surux-data-table-card,
    .surux-collection-results:not(:has(> .surux-card)),
    .surux-summary-bar,
    .surux-workflow-lane,
    .surux-tab-button:not(.active):not([aria-selected="true"]),
    .surux-chip:not([aria-pressed="true"]):not([aria-checked="true"]):not(.active):not(.is-selected),
    .surux-chip-chooser > button:not([aria-pressed="true"]):not([aria-checked="true"]):not(.active):not(.is-selected),
    .surux-nav-link:not(.active):not([aria-current="page"]),
    .modal-content
  ):not(:where(
    .surux-whep-player,
    .surux-whep-player *,
    .surux-inspection-window,
    .surux-inspection-window *,
    .surux-map-canvas,
    .surux-map-canvas *,
    .modal-fullscreen .modal-content,
    .surux-status-chip,
    .surux-report-section.is-spine
  )) {
    background-color: var(--surux-surface);
    background-image: none;
    border-color: transparent;
  }

  /* Every pager keeps no border. Scoped rules below still choose the fill. */
  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-list-footer {
    background-color: var(--surux-surface);
    background-image: none;
    border-color: transparent;
  }

  /* Only the pager outside the card sits in the shadow room. An opaque fill there cuts the bottom light. */
  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-collection-footer > .surux-list-footer {
    background-color: transparent;
    background-image: none;
    border-color: transparent;
  }

  /* The sticky in-card pager stays an opaque surface plate and keeps no border. */
  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-data-table-list > .surux-list-footer {
    background-color: var(--surux-surface);
    background-image: none;
    border-color: transparent;
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-table > thead > tr > :is(td, th) {
    background-color: var(--surux-surface);
    background-image: none;
    border-color: transparent;
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-data-table-scroll {
    --surux-thead-cell-shadow: inset 0 -1px 0 var(--surux-list-row-line);
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-table > tbody > tr > :is(td, th) {
    background-color: var(--surux-surface);
    /* Opaque cells hide a row background. Status stays on --surux-list-row-tint.
       Plain hover is the primary layer above it (0% until the shared hover). */
    background-image:
      linear-gradient(
        color-mix(in srgb, var(--surux-primary) var(--surux-list-row-plain-hover, 0%), transparent) 0 100%
      ),
      linear-gradient(
      color-mix(in srgb, var(--surux-list-row-tint-colour, var(--surux-primary)) var(--surux-list-row-tint, 0%), transparent),
      color-mix(in srgb, var(--surux-list-row-tint-colour, var(--surux-primary)) var(--surux-list-row-tint, 0%), transparent)
    );
    border-bottom: 1px solid var(--surux-list-row-line, color-mix(in srgb, var(--surux-text) 16%, transparent));
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-table tbody tr.surux-row-link:hover > td,
  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-table tbody tr.surux-row-activatable:hover > td,
  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-table tbody tr.surux-row-link:hover > th,
  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-table tbody tr.surux-row-activatable:hover > th {
    background-color: color-mix(in srgb, var(--surux-primary) var(--surux-list-row-hover-tint, 8%), var(--surux-surface));
    background-image: none;
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-table tbody tr.surux-row-selected > td,
  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-table tbody tr.surux-row-selected > th {
    background-color: color-mix(in srgb, var(--surux-primary) var(--surux-list-row-selected-tint, 10%), var(--surux-surface));
    background-image: none;
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-table tbody tr.surux-row-selected.surux-row-link:hover > td,
  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-table tbody tr.surux-row-selected.surux-row-activatable:hover > td,
  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-table tbody tr.surux-row-selected.surux-row-link:hover > th,
  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-table tbody tr.surux-row-selected.surux-row-activatable:hover > th {
    background-color: color-mix(in srgb, var(--surux-primary) var(--surux-list-row-selected-tint, 10%), var(--surux-surface));
    background-image: none;
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-table tbody tr:is(.surux-row-selected, .surux-row-link:hover) :is(.surux-record-code, a:not(.btn):not(.surux-button)),
  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-table tbody tr:is(.surux-row-selected, .surux-row-activatable:hover) :is(.surux-record-code, a:not(.btn):not(.surux-button)) {
    color: var(--surux-neumorph-primary-ink, var(--surux-text));
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-table tbody tr:is(.surux-row-selected, .surux-row-link:hover) :is(.text-muted, .surux-list-secondary-text, .surux-record-code-sx-secondary),
  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-table tbody tr:is(.surux-row-selected, .surux-row-activatable:hover) :is(.text-muted, .surux-list-secondary-text, .surux-record-code-sx-secondary) {
    color: var(--surux-text);
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-table tbody tr:is(.surux-row-selected, .surux-row-link:hover),
  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-table tbody tr:is(.surux-row-selected, .surux-row-activatable:hover) {
    --surux-list-fold-ink: var(--surux-text);
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-table tbody tr:has(.surux-row-actions-menu[open]) > td,
  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-table tbody tr:has(.surux-row-actions-menu[open]) > th {
    background-color: color-mix(in srgb, var(--surux-primary) 4%, var(--surux-surface));
    background-image: none;
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) :is(
    .surux-card:not(.surux-data-table-card),
    .surux-edit-section,
    .surux-header-band,
    .surux-page-hero,
    .surux-toolbar,
    .surux-summary-bar,
    .surux-workflow-lane,
    .surux-chip:not([aria-pressed="true"]):not([aria-checked="true"]):not(.active):not(.is-selected),
    .surux-chip-chooser > button:not([aria-pressed="true"]):not([aria-checked="true"]):not(.active):not(.is-selected),
    .surux-nav-link:not(.active):not([aria-current="page"]),
    .modal-content
  ):not(:where(
    .surux-whep-player,
    .surux-whep-player *,
    .surux-inspection-window,
    .surux-inspection-window *,
    .surux-map-canvas,
    .surux-map-canvas *,
    .modal-fullscreen .modal-content,
    .surux-status-chip,
    .surux-report-section.is-spine
  )) {
    box-shadow: var(--surux-elevation-card);
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-data-table-card {
    box-shadow: var(--surux-elevation-list-panel, var(--surux-elevation-card));
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) :is(
    .surux-chip[aria-pressed="true"],
    .surux-chip[aria-checked="true"],
    .surux-chip.active,
    .surux-chip.is-selected,
    .surux-chip-chooser > button[aria-pressed="true"],
    .surux-chip-chooser > button[aria-checked="true"],
    .surux-chip-chooser > button.active,
    .surux-chip-chooser > button.is-selected
  ) {
    box-shadow: inset 3px 3px 6px var(--surux-neumorph-dark, transparent);
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-tab-button:not(.active):not([aria-selected="true"]) {
    border-color: transparent;
    border-bottom-color: transparent;
    border-width: 0;
    box-shadow: none;
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) :is(
    .surux-segmented-control,
    .surux-nav-search .surux-input
  ) {
    background-color: var(--surux-surface);
    background-image: none;
    border-color: transparent;
    box-shadow: var(--surux-elevation-field, 0 0 transparent);
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) :is(
    .surux-page-control,
    .surux-page-size-control
  ) {
    background: var(--surux-surface) !important;
    background-color: var(--surux-surface) !important;
    border-color: var(--surux-picker-edge) !important;
    box-shadow: var(--surux-elevation-field, 0 0 transparent) !important;
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) :is(
    .surux-page-selector,
    .surux-page-size-selector
  ) {
    background-color: var(--surux-surface) !important;
    border-color: var(--surux-picker-edge) !important;
    box-shadow: var(--surux-elevation-field, 0 0 transparent);
    color: var(--surux-text);
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) :is(
    .surux-page-selector,
    .surux-page-size-selector
  ):focus-visible {
    border-color: var(--surux-neumorph-primary-ink, var(--surux-text)) !important;
    box-shadow:
      0 0 0 2px var(--surux-surface),
      0 0 0 4px var(--surux-neumorph-primary-ink, var(--surux-text)) !important;
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) :is(
    .surux-nav-search .surux-input,
    .surux-search-input-box,
    .surux-toolbar .surux-search-input-box
  ) {
    border-width: 1px;
    border-color: var(--surux-picker-edge);
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) :is(
    .surux-eyebrow,
    .surux-band-filter,
    .surux-workflow-lane-count
  ) {
    color: var(--surux-neumorph-primary-ink, var(--surux-text));
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-header-band :is(h1, .surux-eyebrow, .surux-breadcrumb-back, .surux-breadcrumb-crumb, .surux-breadcrumb-name, .surux-breadcrumb-state:not(.surux-status-tone-warning, .surux-status-tone-danger, .surux-status-tone-success)) {
    color: var(--surux-band-fg, var(--surux-text));
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) :is(
    .surux-field-surface,
    .surux-picker-surface
  ):has(:is(.is-invalid, .surux-input-invalid, [aria-invalid="true"])):not(:has(:disabled)):not(:has([readonly])) {
    --surux-picker-edge: color-mix(in srgb, var(--surux-warning-fill) 58%, var(--surux-text));
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-table thead th,
  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-table thead .surux-sort-link {
    color: var(--surux-neumorph-primary-ink, var(--surux-text));
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-table :is(td, th) a {
    color: color-mix(in srgb, var(--surux-primary) 50%, var(--surux-text));
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-status-chip {
    border-width: 1px;
    border-color: var(--surux-status-border);
    background-color: var(--surux-status-bg);
    background-image: none;
  }

  /* Every field keeps a 1px frame. Resting fields take the design edge; state colours stay with the field frame. */
  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) :is(
    .surux-field-surface,
    .surux-picker-surface
  ) {
    --surux-border-width: 1px;
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) :not(.surux-filter-control.is-filter-active) > :is(
    .surux-field-surface,
    .surux-picker-surface
  ):not(:has(:is(.is-invalid, .surux-input-invalid, [aria-invalid="true"], :disabled, [readonly]))):not(.surux-read-only-surface):not(.surux-field-static) {
    --surux-picker-rest: var(--surux-surface);
    --surux-picker-edge: color-mix(in srgb, var(--surux-text) 62%, var(--surux-surface));
    --surux-border-width: 1px;
    background-color: var(--surux-picker-rest);
    box-shadow: var(--surux-elevation-field, 0 0 transparent);
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-filter-control.is-filter-active > :is(
    .surux-field-surface,
    .surux-picker-surface
  ):not(:has(:is(.is-invalid, .surux-input-invalid, [aria-invalid="true"], :disabled, [readonly]))) {
    --surux-picker-edge: color-mix(in srgb, var(--surux-primary) 38%, var(--surux-text));
  }

  /* Connection and other rich list cards share the plate. The light-theme white fill and pink wash stay off. */
  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) :is(
    .surux-mobile-list-item,
    .surux-list-card
  ) {
    border-color: transparent;
    border-radius: var(--surux-radius-card);
    background: var(--surux-surface);
    background-color: var(--surux-surface);
    background-image: none;
    box-shadow: var(--surux-elevation-card);
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-mobile-list-item::after {
    opacity: 0;
    background-image: none;
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) :is(
    .surux-mobile-list-item,
    .surux-list-card
  ):hover {
    border-color: transparent;
    background: var(--surux-surface);
    background-image: none;
    box-shadow: var(--surux-elevation-card);
    transform: none;
  }

  /* Read-only keeps the inset well. Its frame is lighter than the editable 62% edge and still clears 3:1.
     Disabled field controls stay on the disabled well. Invalid and native readonly focus override the frame below. */
  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) :is(
    .surux-read-only-surface,
    .surux-field-static,
    :is([class~="surux-field-surface"], [class~="surux-picker-surface"]):has(> [readonly])
  ):not(:has(:is([data-surux-picker-input], .surux-field-input, .surux-control-input, .surux-field-switch-input, .surux-option-switch-input):is(:disabled, [aria-disabled="true"]))) {
    --surux-picker-rest: var(--surux-surface);
    --surux-picker-edge: color-mix(in srgb, var(--surux-text) 52%, var(--surux-surface));
    --surux-border-width: 1px;
    border-color: var(--surux-picker-edge);
    background: var(--surux-surface);
    background-color: var(--surux-surface);
    background-image: none;
    box-shadow: var(--surux-elevation-field, 0 0 transparent);
  }

  /* TR-0000173 neumorph read-only warning. The inset well above stays; this frame replaces the 52% edge. */
  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) :is(
    .surux-read-only-surface,
    .surux-field-static,
    :is([class~="surux-field-surface"], [class~="surux-picker-surface"]):has(> [readonly])
  ):has(:is([data-surux-picker-input], .surux-field-input, .surux-control-input, .surux-field-switch-input, .surux-option-switch-input):is(.surux-input-invalid, .is-invalid, [aria-invalid="true"])):not(:has(:is([data-surux-picker-input], .surux-field-input, .surux-control-input, .surux-field-switch-input, .surux-option-switch-input):is(:disabled, [aria-disabled="true"]))):not(:has(> [readonly]:focus-visible)) {
    --surux-picker-edge: color-mix(in srgb, var(--surux-warning-fill) 58%, var(--surux-text));
    border-color: var(--surux-picker-edge);
  }

  /* TR-0000173 neumorph read-only focus. Direct-child readonly focus only; copy and links keep their own focus. */
  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) :is([class~="surux-field-surface"], [class~="surux-picker-surface"]):has(> [readonly]:focus-visible):not(:has(:is([data-surux-picker-input], .surux-field-input, .surux-control-input, .surux-field-switch-input, .surux-option-switch-input):is(:disabled, [aria-disabled="true"]))) {
    border-color: var(--surux-primary);
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-filter-control.is-filter-active :is(.surux-field-label, .surux-picker-floating-label, .surux-filter-mark) {
    color: var(--surux-neumorph-filter-ink, var(--surux-text));
  }

  @media (min-width: 768px) {
    :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-drawer-content:not(.modal-fullscreen) {
      border-start-end-radius: 0;
      border-end-end-radius: 0;
    }
  }

  @media (max-width: 767.98px) {
    :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-drawer-content:not(.modal-fullscreen) {
      border-end-start-radius: 0;
      border-end-end-radius: 0;
    }
  }

  @media (max-width: 991.98px) {
    :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) [data-surux-mobile-mode="cards"].surux-data-table-card:is(:not([data-surux-list-measured]), [data-surux-list-compact]) {
      background-color: transparent;
      background-image: none;
      box-shadow: none;
    }
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) [data-surux-mobile-mode="cards"][data-surux-list-compact].surux-data-table-card {
    background-color: transparent;
    background-image: none;
    box-shadow: none;
  }

  @media (hover: hover) {
    :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) :is(
      a.surux-card,
      .surux-card[href],
      .surux-card[role="button"],
      .surux-chip[href],
      .surux-chip[role="button"],
      .surux-chip-chooser > button
    ):not(:where(.surux-whep-player *, .surux-inspection-window *, .surux-map-canvas *)):hover {
      box-shadow: var(--surux-neumorph-hover, 0 0 transparent);
    }
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) :is(
    a.surux-card,
    .surux-card[href],
    .surux-card[role="button"],
    .surux-chip[role="button"],
    .surux-chip-chooser > button
  ):not(:where(.surux-whep-player *, .surux-inspection-window *, .surux-map-canvas *)):active {
    box-shadow: var(--surux-neumorph-pressed, 0 0 transparent);
  }

  /* Hover stays inside the tab: a small symmetric lift, not the plate-sized hover shadow. */
  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-tab-button:not(.active):not([aria-selected="true"]):hover {
    background-color: var(--surux-surface);
    background-image: none;
    box-shadow: var(--surux-neumorph-tab-hover, 0 0 transparent);
  }

  /* Selected is a pressed plate in primary ink, unless the folder shape already is that well. */
  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) :is(
    .surux-tab-button.active,
    .surux-tab-button[aria-selected="true"]
  ):not(:where([data-surux-tab-folder="drawn"] > .surux-tab-button)) {
    border-color: transparent;
    border-bottom-color: var(--surux-primary);
    background-color: var(--surux-surface);
    background-image: none;
    color: var(--surux-neumorph-primary-ink, var(--surux-text));
    box-shadow: var(--surux-neumorph-tab-pressed, 0 0 transparent);
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-tab-button:not(.active):not([aria-selected="true"]):active {
    background-color: var(--surux-surface);
    background-image: none;
    box-shadow: var(--surux-neumorph-tab-pressed, 0 0 transparent);
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) :is(
    html[data-surux-desktop-tab-orientation="vertical"] .surux-tabs:not([data-surux-tabs-orientation-policy="horizontal-only"]) > .surux-tab-list > .surux-tab-button.active:not(:where([data-surux-tab-folder="drawn"] > .surux-tab-button)),
    html[data-surux-desktop-tab-orientation="vertical"] .surux-tabs:not([data-surux-tabs-orientation-policy="horizontal-only"]) > .surux-tab-list > .surux-tab-button[aria-selected="true"]:not(:where([data-surux-tab-folder="drawn"] > .surux-tab-button)),
    .surux-tabs.surux-tabs-orientation-vertical:not([data-surux-tabs-orientation-policy="horizontal-only"]) > .surux-tab-list > .surux-tab-button.active:not(:where([data-surux-tab-folder="drawn"] > .surux-tab-button)),
    .surux-tabs.surux-tabs-orientation-vertical:not([data-surux-tabs-orientation-policy="horizontal-only"]) > .surux-tab-list > .surux-tab-button[aria-selected="true"]:not(:where([data-surux-tab-folder="drawn"] > .surux-tab-button))
  ) {
    border-bottom-color: transparent;
    border-right-color: var(--surux-primary);
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"] .surux-data-table-scroll {
    --surux-list-pin-edge: calc(var(--surux-list-pin-dir, 1) * 6px) 0 8px -6px var(--surux-neumorph-dark, rgba(0, 0, 0, .28));
  }

  /* The actions cell and the inline menu wrapper keep the row fill. The shared float plate
     (surface contract on .surux-command-overflow-panel) must not become a square behind the button. */
  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-table :is(td, th).surux-row-control-column:not(thead th),
  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-row-control-column :is(.surux-row-actions, .surux-row-actions-menu) {
    box-shadow: 0 0 transparent;
    filter: none;
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-table .surux-planner-line-needs-review > :is(td, th).surux-row-control-column:not(thead th) {
    box-shadow: inset .2rem 0 0 color-mix(in srgb, var(--surux-planner-purple, var(--surux-primary)) 72%, transparent);
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-row-control-column :is(.surux-command-button-icon-only, .surux-command-overflow-trigger):where(:not(.surux-row-capsule *)) {
    width: var(--surux-icon-only-subtle-size, 2.25rem) !important;
    min-width: var(--surux-icon-only-subtle-size, 2.25rem) !important;
    height: var(--surux-icon-only-subtle-size, 2.25rem) !important;
    min-height: var(--surux-icon-only-subtle-size, 2.25rem) !important;
    padding: 0 !important;
    border-radius: 999px;
    border-color: transparent !important;
    background: var(--surux-surface) !important;
    background-image: none !important;
    color: var(--surux-text) !important;
    box-shadow: var(--surux-neumorph-rail-rest, 0 0 transparent) !important;
    filter: none !important;
    transform: none !important;
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-row-control-column :is(.surux-command-button-icon-only, .surux-command-overflow-trigger):where(:not(.surux-row-capsule *))::before,
  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-row-control-column :is(.surux-command-button-icon-only, .surux-command-overflow-trigger):where(:not(.surux-row-capsule *)):where(:not(.surux-row-actions-menu > summary))::after {
    box-shadow: 0 0 transparent !important;
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-row-control-column :is(.surux-command-button-icon-only, .surux-command-overflow-trigger):where(:not(.surux-row-capsule *)):focus-visible {
    outline: none;
    box-shadow:
      var(--surux-neumorph-rail-rest, 0 0 transparent),
      0 0 0 2px var(--surux-surface),
      0 0 0 4px var(--surux-neumorph-primary-ink, var(--surux-text)) !important;
  }

  /* Card actions: the float plate must not sit as a square behind the refresh button. */
  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) :is(
    .surux-mobile-list-item,
    .surux-list-card
  ) :is(.surux-row-actions, .surux-row-actions-menu, .surux-mobile-list-item-actions) {
    background: transparent;
    background-image: none;
    box-shadow: 0 0 transparent;
    filter: none;
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) :is(
    .surux-mobile-list-item,
    .surux-list-card
  ) .surux-command-overflow-panel:not(:popover-open) {
    background-color: transparent;
    background-image: none;
    border-color: transparent;
    box-shadow: 0 0 transparent;
    filter: none;
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) :is(
    .surux-mobile-list-item,
    .surux-list-card
  ) :is(.surux-row-actions, .surux-row-actions-menu) :is(.surux-command-button, .surux-command-overflow-trigger):where(:not(.surux-row-sheet *)) {
    border-radius: 999px;
    border-color: transparent !important;
    background: var(--surux-surface) !important;
    background-image: none !important;
    color: var(--surux-text) !important;
    box-shadow: var(--surux-neumorph-rail-rest, 0 0 transparent) !important;
    filter: none !important;
    transform: none !important;
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) :is(
    .surux-mobile-list-item,
    .surux-list-card
  ) :is(.surux-row-actions, .surux-row-actions-menu) :is(.surux-command-button-icon-only, .surux-command-overflow-trigger):where(:not(.surux-row-sheet *)) {
    width: 2.25rem !important;
    min-width: 2.25rem !important;
    height: 2.25rem !important;
    min-height: 2.25rem !important;
    padding: 0 !important;
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) :is(
    .surux-mobile-list-item,
    .surux-list-card
  ) :is(.surux-row-actions, .surux-row-actions-menu) :is(.surux-command-button, .surux-command-overflow-trigger):where(:not(.surux-row-sheet *))::before,
  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) :is(
    .surux-mobile-list-item,
    .surux-list-card
  ) :is(.surux-row-actions, .surux-row-actions-menu) :is(.surux-command-button, .surux-command-overflow-trigger):where(:not(.surux-row-sheet *))::after {
    box-shadow: 0 0 transparent !important;
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) :is(
    .surux-mobile-list-item,
    .surux-list-card
  ) :is(.surux-row-actions, .surux-row-actions-menu) :is(.surux-command-button, .surux-command-overflow-trigger):where(:not(.surux-row-sheet *)):focus-visible {
    outline: none;
    box-shadow:
      var(--surux-neumorph-rail-rest, 0 0 transparent),
      0 0 0 2px var(--surux-surface),
      0 0 0 4px var(--surux-neumorph-primary-ink, var(--surux-text)) !important;
  }

  /* Column funnel: a small raised control, pressed in primary ink while the filter is open. */
  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-column-filter-trigger {
    border-color: transparent;
    background: var(--surux-surface);
    background-image: none;
    color: var(--surux-text);
    box-shadow: var(--surux-neumorph-rail-rest, 0 0 transparent);
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) :is(
    .surux-column-filter-trigger.active,
    .surux-column-filter-root.is-open .surux-column-filter-trigger,
    .surux-column-filter-trigger:active
  ) {
    background: var(--surux-surface);
    background-image: none;
    color: var(--surux-neumorph-primary-ink, var(--surux-text));
    box-shadow: var(--surux-neumorph-tab-pressed, 0 0 transparent);
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) :is(
    .surux-column-filter-trigger.active i,
    .surux-column-filter-root.is-open .surux-column-filter-trigger i
  ) {
    color: inherit;
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-column-filter-trigger:focus-visible {
    outline: none;
    box-shadow:
      var(--surux-neumorph-rail-rest, 0 0 transparent),
      0 0 0 2px var(--surux-surface),
      0 0 0 4px var(--surux-neumorph-primary-ink, var(--surux-text));
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-column-filter-root.is-open .surux-column-filter-trigger:focus-visible {
    box-shadow:
      var(--surux-neumorph-tab-pressed, 0 0 transparent),
      0 0 0 2px var(--surux-surface),
      0 0 0 4px var(--surux-neumorph-primary-ink, var(--surux-text));
  }

  /* Both tab strips share .surux-tab-button. The plate is clipped to that button. */
  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-tab-list > .surux-tab-button {
    background-clip: padding-box;
    position: relative;
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-tab-list > .surux-tab-button:focus-visible {
    outline: 2px solid var(--surux-neumorph-primary-ink, var(--surux-text));
    outline-offset: -3px;
  }

  /* The folder is one pressed well. Hooks paint it; the selected child stays raised inside. */
  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-tab-list-hierarchy {
    --surux-tab-folder-fill: color-mix(in srgb, var(--surux-surface) 95%, var(--surux-text) 5%);
    --surux-tab-folder-edge: transparent;
    --surux-tab-folder-inset-dark: color-mix(in srgb, var(--surux-text) 26%, transparent);
    --surux-tab-folder-inset-light: color-mix(in srgb, #fff 70%, transparent);
    --surux-tab-folder-ink: var(--surux-neumorph-primary-ink, var(--surux-text));
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) [data-surux-tab-folder="drawn"] > .surux-tab-button:is(.active, [aria-selected="true"]) {
    border-width: 0;
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-tab-list-hierarchy:not([data-surux-tab-folder="drawn"]) > .surux-tab-sublist {
    box-shadow: var(--surux-neumorph-pressed, 0 0 transparent);
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-tab-sublist > .surux-tab-button:not([aria-selected="true"]):not(.active) {
    border-width: 0 !important;
    border-bottom-width: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    color: var(--surux-muted);
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-tab-sublist > .surux-tab-button:not([aria-selected="true"]):not(.active):hover {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    color: var(--surux-text);
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-tab-sublist > .surux-tab-button:focus-visible {
    outline: 2px solid var(--surux-neumorph-primary-ink, var(--surux-text));
    outline-offset: 2px;
    background: transparent;
    box-shadow: none;
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-tab-sublist > .surux-tab-button.active {
    border-width: 0 !important;
    border-bottom-width: 0 !important;
    border-bottom-color: transparent !important;
    background: var(--surux-surface) !important;
    background-color: var(--surux-surface) !important;
    background-image: none !important;
    color: var(--surux-text);
    box-shadow: var(--surux-neumorph-rail-rest, 0 0 transparent) !important;
  }

  /* Pin and collapse sit on the rail footer: matching round plates, pressed when pinned. */
  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-tab-rail-controls :is(.surux-tab-rail-toggle, .surux-tab-rail-options) {
    width: 2.25rem !important;
    min-width: 2.25rem !important;
    height: 2.25rem !important;
    min-height: 2.25rem !important;
    padding: 0 !important;
    border-color: transparent !important;
    background: var(--surux-surface) !important;
    background-image: none !important;
    color: var(--surux-text) !important;
    box-shadow: var(--surux-neumorph-rail-rest, 0 0 transparent) !important;
    transform: none !important;
    filter: none !important;
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-tab-rail-controls :is(.surux-tab-rail-toggle, .surux-tab-rail-options) :is(.surux-command-button-icon, .surux-command-button-icon i) {
    color: inherit !important;
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-tab-rail-controls .surux-tab-rail-toggle[aria-pressed="true"] {
    background: var(--surux-surface) !important;
    color: var(--surux-neumorph-primary-ink, var(--surux-text)) !important;
    box-shadow: var(--surux-neumorph-tab-pressed, 0 0 transparent) !important;
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-tab-rail-controls :is(.surux-tab-rail-toggle, .surux-tab-rail-options):focus-visible {
    outline: none;
    box-shadow:
      var(--surux-neumorph-rail-rest, 0 0 transparent),
      0 0 0 2px var(--surux-surface),
      0 0 0 4px var(--surux-neumorph-primary-ink, var(--surux-text)) !important;
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-tab-rail-controls .surux-tab-rail-toggle[aria-pressed="true"]:focus-visible {
    box-shadow:
      var(--surux-neumorph-tab-pressed, 0 0 transparent),
      0 0 0 2px var(--surux-surface),
      0 0 0 4px var(--surux-neumorph-primary-ink, var(--surux-text)) !important;
  }

  /* Closed drawer: the layout !important fill and the rightward shadow leave a navy sliver.
     Open drawer keeps a design shadow. The tab column's full-height rule uses the same edge. */
  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-sidebar {
    background: var(--surux-surface) !important;
    background-image: none !important;
    border-right-color: color-mix(in srgb, var(--surux-text) 22%, var(--surux-surface)) !important;
    box-shadow: 0 0 transparent !important;
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) body.surux-sidebar-open .surux-sidebar {
    box-shadow: var(--surux-elevation-float, 0 0 transparent) !important;
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) :is(
    html[data-surux-desktop-tab-orientation="vertical"] .surux-tabs:not([data-surux-tabs-orientation-policy="horizontal-only"]) > .surux-tab-list,
    .surux-tabs.surux-tabs-orientation-vertical:not([data-surux-tabs-orientation-policy="horizontal-only"]) > .surux-tab-list
  ) {
    border-inline-end-color: color-mix(in srgb, var(--surux-text) 22%, var(--surux-surface));
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-tabs.surux-tabs-orientation-vertical.surux-tabs-rail-collapsible.is-tab-rail-pinned::before {
    background: color-mix(in srgb, var(--surux-text) 22%, var(--surux-surface));
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-tabs.surux-tabs-orientation-vertical.surux-tabs-rail-collapsible > .surux-tab-rail-controls {
    border-top-color: color-mix(in srgb, var(--surux-text) 22%, var(--surux-surface));
  }

  /* Topbar icon buttons and the menu toggler: the same monochrome disc as the rail. */
  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) :is(.surux-topbar, .surux-sidebar-header) :is(.surux-icon-btn, .surux-button-nav, .surux-sidebar-toggle) {
    border-color: transparent !important;
    background: var(--surux-surface) !important;
    background-image: none !important;
    color: var(--surux-text) !important;
    box-shadow: var(--surux-neumorph-rail-rest, 0 0 transparent) !important;
    filter: none !important;
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) :is(.surux-topbar, .surux-sidebar-header) :is(.surux-icon-btn, .surux-button-nav, .surux-sidebar-toggle)::before,
  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) :is(.surux-topbar, .surux-sidebar-header) :is(.surux-icon-btn, .surux-button-nav, .surux-sidebar-toggle)::after {
    content: none !important;
    background: none !important;
    background-image: none !important;
    box-shadow: 0 0 transparent !important;
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) :is(.surux-topbar, .surux-sidebar-header) :is(.surux-icon-btn, .surux-button-nav, .surux-sidebar-toggle):hover {
    box-shadow: var(--surux-neumorph-hover, 0 0 transparent) !important;
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-topbar .surux-user-menu-toggle[aria-expanded="true"] {
    color: var(--surux-neumorph-primary-ink, var(--surux-text)) !important;
    box-shadow: var(--surux-neumorph-tab-pressed, 0 0 transparent) !important;
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) :is(.surux-topbar, .surux-sidebar-header) :is(.surux-icon-btn, .surux-button-nav, .surux-sidebar-toggle):focus-visible {
    outline: none;
    box-shadow:
      var(--surux-neumorph-rail-rest, 0 0 transparent),
      0 0 0 2px var(--surux-surface),
      0 0 0 4px var(--surux-neumorph-primary-ink, var(--surux-text)) !important;
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-topbar .surux-user-menu-toggle[aria-expanded="true"]:focus-visible {
    box-shadow:
      var(--surux-neumorph-tab-pressed, 0 0 transparent),
      0 0 0 2px var(--surux-surface),
      0 0 0 4px var(--surux-neumorph-primary-ink, var(--surux-text)) !important;
  }

  /* Inline footer commands: the float plate is a square behind the round Delete. The panel stays clear.
     An open spillover menu is not this rule; it keeps the float plate. The delete dialog's action pill is the same plate. */
  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-command-bar .surux-command-overflow[data-surux-command-overflow-inline-few] > .surux-command-overflow-panel,
  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-command-bar .surux-command-form,
  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-modal-delete-command-bar {
    background-color: transparent;
    background-image: none;
    border-color: transparent;
    box-shadow: 0 0 transparent;
    filter: none;
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-command-bar {
    background: var(--surux-surface);
    background-image: none;
    border-color: transparent;
    box-shadow: 0 -6px 16px var(--surux-neumorph-dark, transparent);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) :is(
    .surux-command-bar,
    .surux-modal-footer,
    .surux-toolbar-search-actions,
    .surux-header-band .surux-page-helper
  ) :is(
    .surux-command-button,
    .surux-command-overflow-trigger,
    .surux-command-button-icon-only,
    .surux-command-button-subtle-surface,
    .surux-command-overflow-trigger-icon-only-subtle,
    .surux-button-tone-standard,
    .surux-button-tone-secondary,
    .surux-button-tone-warning,
    .surux-button-tone-destructive
  ):where(:not(.surux-button-tone-action)):where(:not(.surux-button-tone-approved, .surux-button-tone-paid)):where(:not(:disabled, .disabled, [aria-disabled="true"])) {
    border-radius: 999px;
    border-color: transparent !important;
    background: var(--surux-surface) !important;
    background-image: none !important;
    color: var(--surux-text) !important;
    box-shadow: var(--surux-neumorph-rail-rest, 0 0 transparent) !important;
    filter: none !important;
    transform: none !important;
  }

  /* Primary commands stay on the same raised disc, filled with the action pair. */
  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-command-bar .surux-command-button.surux-button-tone-action:where(:not(:disabled, .disabled, [aria-disabled="true"])),
  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-modal-footer .surux-command-button.surux-button-tone-action:where(:not(:disabled, .disabled, [aria-disabled="true"])),
  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-toolbar-search-actions .surux-command-button.surux-button-tone-action:where(:not(:disabled, .disabled, [aria-disabled="true"])),
  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-header-band .surux-page-helper .surux-command-button.surux-button-tone-action:where(:not(:disabled, .disabled, [aria-disabled="true"])) {
    border-radius: 999px;
    border-color: transparent !important;
    background: var(--surux-primary-action-bg) !important;
    background-image: none !important;
    color: var(--surux-primary-contrast, #fff) !important;
    box-shadow: var(--surux-neumorph-rail-rest, 0 0 transparent) !important;
    filter: none !important;
    transform: none !important;
  }

  /* Approve and Paid keep their workflow tone on the same disc. Disabled stays on the disabled paint. */
  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-modal-footer .surux-command-button.surux-button-tone-approved:where(:not(:disabled, .disabled, [aria-disabled="true"])) {
    border-radius: 999px;
    border-color: transparent !important;
    background: var(--surux-workflow-approved-bg) !important;
    background-image: none !important;
    color: var(--surux-workflow-approved-color) !important;
    box-shadow: var(--surux-neumorph-rail-rest, 0 0 transparent) !important;
    filter: none !important;
    transform: none !important;
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-modal-footer .surux-command-button.surux-button-tone-paid:where(:not(:disabled, .disabled, [aria-disabled="true"])) {
    border-radius: 999px;
    border-color: transparent !important;
    background: var(--surux-workflow-paid-bg) !important;
    background-image: none !important;
    color: var(--surux-workflow-paid-color) !important;
    box-shadow: var(--surux-neumorph-rail-rest, 0 0 transparent) !important;
    filter: none !important;
    transform: none !important;
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) :is(
    .surux-command-bar,
    .surux-modal-footer,
    .surux-toolbar-search-actions,
    .surux-header-band .surux-page-helper
  ) :is(
    .surux-command-button,
    .surux-command-overflow-trigger,
    .surux-button-tone-standard,
    .surux-button-tone-secondary,
    .surux-button-tone-warning,
    .surux-button-tone-destructive,
    .surux-button-tone-action
  ):where(:not(.surux-command-button-icon-only-subtle))::before,
  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) :is(
    .surux-command-bar,
    .surux-modal-footer,
    .surux-toolbar-search-actions,
    .surux-header-band .surux-page-helper
  ) :is(
    .surux-command-button,
    .surux-command-overflow-trigger,
    .surux-button-tone-standard,
    .surux-button-tone-secondary,
    .surux-button-tone-warning,
    .surux-button-tone-destructive,
    .surux-button-tone-action
  ):where(:not(.surux-command-button-icon-only-subtle))::after {
    content: none !important;
    background: none !important;
    background-image: none !important;
    box-shadow: 0 0 transparent !important;
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) :is(
    .surux-command-bar,
    .surux-modal-footer,
    .surux-toolbar-search-actions,
    .surux-header-band .surux-page-helper
  ) :is(.surux-command-button, .surux-command-overflow-trigger) :is(.surux-command-button-icon, .surux-command-button-icon i) {
    background: transparent !important;
    background-image: none !important;
    border-color: transparent !important;
    box-shadow: 0 0 transparent !important;
    color: inherit !important;
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-command-bar .surux-command-button.surux-button-tone-destructive:where(:not(:disabled, .disabled, [aria-disabled="true"])),
  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-modal-footer .surux-command-button.surux-button-tone-destructive:where(:not(:disabled, .disabled, [aria-disabled="true"])) {
    color: var(--surux-danger) !important;
    box-shadow:
      var(--surux-neumorph-rail-rest, 0 0 transparent),
      0 0 0 1px var(--surux-danger) !important;
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-command-bar .surux-command-button.surux-button-tone-destructive:where(:not(:disabled, .disabled, [aria-disabled="true"])) :is(.surux-command-button-icon, .surux-command-button-icon i),
  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-modal-footer .surux-command-button.surux-button-tone-destructive:where(:not(:disabled, .disabled, [aria-disabled="true"])) :is(.surux-command-button-icon, .surux-command-button-icon i) {
    color: var(--surux-danger) !important;
  }

  /* Warning keeps the same raised disc. The ring is the tone; the fill is not a second plate. */
  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-command-bar .surux-command-button.surux-button-tone-warning:where(:not(:disabled, .disabled, [aria-disabled="true"])),
  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-modal-footer .surux-command-button.surux-button-tone-warning:where(:not(:disabled, .disabled, [aria-disabled="true"])) {
    color: var(--surux-warning) !important;
    box-shadow:
      var(--surux-neumorph-rail-rest, 0 0 transparent),
      0 0 0 1px var(--surux-warning) !important;
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-command-bar .surux-command-button.surux-button-tone-warning:where(:not(:disabled, .disabled, [aria-disabled="true"])) :is(.surux-command-button-icon, .surux-command-button-icon i),
  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-modal-footer .surux-command-button.surux-button-tone-warning:where(:not(:disabled, .disabled, [aria-disabled="true"])) :is(.surux-command-button-icon, .surux-command-button-icon i) {
    color: var(--surux-warning) !important;
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) :is(
    .surux-command-bar .surux-command-button:where(:not(.surux-button-tone-action)):active,
    .surux-modal-footer .surux-command-button:where(:not(.surux-button-tone-action, .surux-button-tone-approved, .surux-button-tone-paid)):active,
    .surux-toolbar-search-actions .surux-command-button:where(:not(.surux-button-tone-action)):active,
    .surux-toolbar-search-actions .surux-toolbar-filter-toggle[data-surux-filter-active="true"],
    .surux-header-band .surux-page-helper .surux-command-overflow[open] > .surux-command-overflow-trigger
  ) {
    color: var(--surux-neumorph-primary-ink, var(--surux-text)) !important;
    box-shadow: var(--surux-neumorph-tab-pressed, 0 0 transparent) !important;
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) :is(
    .surux-command-bar .surux-command-button,
    .surux-modal-footer .surux-command-button,
    .surux-toolbar-search-actions .surux-command-button,
    .surux-header-band .surux-page-helper .surux-command-overflow-trigger
  ):focus-visible {
    outline: none;
    box-shadow:
      var(--surux-neumorph-rail-rest, 0 0 transparent),
      0 0 0 2px var(--surux-surface),
      0 0 0 4px var(--surux-neumorph-primary-ink, var(--surux-text)) !important;
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-command-bar .surux-command-button.surux-button-tone-destructive:focus-visible,
  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-modal-footer .surux-command-button.surux-button-tone-destructive:focus-visible {
    box-shadow:
      var(--surux-neumorph-rail-rest, 0 0 transparent),
      0 0 0 1px var(--surux-danger),
      0 0 0 2px var(--surux-surface),
      0 0 0 4px var(--surux-neumorph-primary-ink, var(--surux-text)) !important;
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-command-bar .surux-command-button.surux-button-tone-warning:focus-visible,
  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-modal-footer .surux-command-button.surux-button-tone-warning:focus-visible {
    box-shadow:
      var(--surux-neumorph-rail-rest, 0 0 transparent),
      0 0 0 1px var(--surux-warning),
      0 0 0 2px var(--surux-surface),
      0 0 0 4px var(--surux-neumorph-primary-ink, var(--surux-text)) !important;
  }

  @media (hover: hover) {
    :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) :is(
      .surux-command-bar,
      .surux-modal-footer,
      .surux-toolbar-search-actions,
      .surux-header-band .surux-page-helper
    ) :is(.surux-command-button, .surux-command-overflow-trigger):where(:not(.surux-button-tone-action, .surux-button-tone-warning, .surux-button-tone-destructive)):where(:not(:disabled, .disabled, [aria-disabled="true"])):hover {
      box-shadow: var(--surux-neumorph-hover, 0 0 transparent) !important;
    }

    :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-command-bar .surux-button-tone-warning.surux-command-button:where(:not(:disabled, .disabled, [aria-disabled="true"])):hover,
  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-modal-footer .surux-button-tone-warning.surux-command-button:where(:not(:disabled, .disabled, [aria-disabled="true"])):hover {
      box-shadow:
        var(--surux-neumorph-hover, 0 0 transparent),
        0 0 0 1px var(--surux-warning) !important;
    }

    :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-command-bar .surux-button-tone-destructive.surux-command-button:where(:not(:disabled, .disabled, [aria-disabled="true"])):hover,
  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-modal-footer .surux-button-tone-destructive.surux-command-button:where(:not(:disabled, .disabled, [aria-disabled="true"])):hover {
      box-shadow:
        var(--surux-neumorph-hover, 0 0 transparent),
        0 0 0 1px var(--surux-danger) !important;
    }

    :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-command-bar .surux-button-tone-action.surux-command-button:where(:not(:disabled, .disabled, [aria-disabled="true"])):hover,
  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-modal-footer .surux-button-tone-action.surux-command-button:where(:not(:disabled, .disabled, [aria-disabled="true"])):hover {
      box-shadow: var(--surux-neumorph-hover, 0 0 transparent) !important;
    }
  }

  /* Count bar: the selected segment is a pressed plate, like a selected tab, not a flat tint. */
  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-search-quick-filters {
    border-color: transparent;
    background: var(--surux-surface);
    background-image: none;
    box-shadow: var(--surux-elevation-card);
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-search-quick-filter {
    border-inline-end-color: color-mix(in srgb, var(--surux-text) 22%, var(--surux-surface));
    background: var(--surux-surface);
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) :is(
    .surux-search-quick-filter.is-active,
    .surux-search-quick-filter[aria-current="page"]
  ) {
    background: var(--surux-surface);
    background-image: none;
    color: var(--surux-neumorph-primary-ink, var(--surux-text));
    box-shadow:
      var(--surux-neumorph-tab-pressed, 0 0 transparent),
      inset 0 -3px 0 var(--surux-quick-filter-accent, var(--surux-primary));
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-search-quick-filter:focus-visible {
    outline: 2px solid var(--surux-neumorph-primary-ink, var(--surux-text));
    outline-offset: -3px;
  }

  /* Permission rows are pills. The shared field rule already owns the edge; focus adds the design ring. */
  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-option-switch > :is(.surux-field-surface, .surux-picker-surface) {
    border-radius: 999px;
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-option-switch:focus-within > :is(.surux-field-surface, .surux-picker-surface) {
    box-shadow:
      var(--surux-elevation-field, 0 0 transparent),
      0 0 0 2px var(--surux-surface),
      0 0 0 4px var(--surux-neumorph-primary-ink, var(--surux-text));
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-edit-section-icon {
    border-radius: 999px;
    border-color: transparent;
    background: var(--surux-surface);
    color: var(--surux-neumorph-primary-ink, var(--surux-text));
    box-shadow: var(--surux-neumorph-rail-rest, 0 0 transparent);
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-toast {
    border-color: color-mix(in srgb, var(--surux-toast-tone) 28%, var(--surux-border));
    background-color: color-mix(in srgb, var(--surux-surface) 96%, var(--surux-toast-tone) 4%);
    background-image: none;
    box-shadow: inset .16rem 0 0 color-mix(in srgb, var(--surux-toast-tone) 58%, transparent), var(--surux-elevation-toast, 0 0 transparent);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-toast-icon {
    border-radius: 999px;
    background: color-mix(in srgb, var(--surux-toast-tone) 14%, var(--surux-surface));
    color: color-mix(in srgb, var(--surux-toast-tone) 82%, var(--surux-text));
    box-shadow: var(--surux-neumorph-rail-rest, 0 0 transparent);
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-header-band .surux-breadcrumb-pill {
    min-height: 2.25rem;
    padding: 0 .85rem !important;
    border-radius: 999px;
    border-color: transparent !important;
    background: var(--surux-surface) !important;
    background-image: none !important;
    color: var(--surux-neumorph-primary-ink, var(--surux-text)) !important;
    box-shadow: var(--surux-neumorph-rail-rest, 0 0 transparent) !important;
    letter-spacing: .04em;
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-header-band .surux-breadcrumb-back:focus-visible {
    outline: none;
    box-shadow:
      var(--surux-neumorph-rail-rest, 0 0 transparent),
      0 0 0 2px var(--surux-surface),
      0 0 0 4px var(--surux-neumorph-primary-ink, var(--surux-text)) !important;
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-month-option:not(.is-selected):not(:disabled) {
    box-shadow: var(--surux-neumorph-rail-rest, 0 0 transparent);
  }

  /* Selected day and month are a pressed well: the same inset as a pressed control, surface fill, accent ink. No bottom accent bar. */
  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) :is(.surux-month-option, .surux-date-day).is-selected:not(:disabled):not(.is-disabled) {
    border-color: transparent;
    background-color: var(--surux-surface);
    background-image: none;
    color: var(--surux-neumorph-primary-ink, var(--surux-text));
    box-shadow: var(--surux-neumorph-pressed, 0 0 transparent);
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-date-day.is-today.is-selected:not(:disabled):not(.is-disabled) {
    border-color: rgba(var(--surux-primary-rgb), .36);
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) :is(.surux-date-nav, .surux-date-today, .surux-date-clear, .surux-date-day, .surux-month-option):focus-visible {
    outline-color: var(--surux-neumorph-primary-ink, var(--surux-text));
  }

  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) :is(.surux-field-surface, .surux-picker-surface):has(.surux-field-switch-input:disabled):not(:has(:is(.is-invalid, .surux-input-invalid, [aria-invalid="true"], [readonly]))) {
    background: var(--surux-surface);
    box-shadow: none;
  }
  /* Empty/loading/error result panels use the same top light as populated tables. */
  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-collection-results:not(:has(> .surux-card)) {
    box-shadow: var(--surux-elevation-list-panel, var(--surux-elevation-card));
  }
  @media (min-width: 992px) {
    :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-page-shell > .surux-page-content:has(> .surux-collection-workspace) {
      padding-block-end: var(--surux-tab-panel-shadow-room, 21px);
    }
  }
  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-row-select {
    --surux-row-checkbox-border: var(--surux-neumorph-primary-ink, var(--surux-text));
  }

  /* Shared list composition maps raised tiles, one panel, and pressed keys. */
  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) {
    --surux-list-shadow-inline-room: var(--surux-tab-panel-shadow-inline-room, 0px);
    --surux-list-shadow-bottom-room: var(--surux-tab-panel-shadow-room, 0px);
    --surux-list-panel-overflow: visible;
    --surux-list-panel-shadow: var(--surux-elevation-card);
    --surux-list-action-bg: var(--surux-surface);
    --surux-list-action-shadow: var(--surux-elevation-card);
    --surux-list-tile-shadow: var(--surux-elevation-card);
    --surux-list-tile-bg: var(--surux-surface);
    --surux-list-summary-bg: var(--surux-surface);
    --surux-list-panel-heading-radius: var(--surux-radius-control);
    --surux-list-summary-shadow: var(--surux-elevation-card);
    --surux-list-key-shadow: var(--surux-elevation-card);
    --surux-list-plate-radius: var(--surux-radius-control);
    --surux-list-selected-ink: var(--surux-neumorph-primary-ink, var(--surux-text));
    --surux-list-selected-bg: var(--surux-surface);
    --surux-list-selected-shadow: var(--surux-neumorph-pressed, 0 0 transparent);
  }
  :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"])[data-bs-theme="light"] .surux-list-status-available {
    color: var(--surux-neumorph-primary-ink, var(--surux-text));
  }



  @media (prefers-reduced-motion: reduce) {
    :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) :is(
      a.surux-card,
      .surux-card[href],
      .surux-card[role="button"],
      .surux-chip:not([aria-pressed="true"]):not([aria-checked="true"]):not(.active):not(.is-selected),
      .surux-chip-chooser > button:not([aria-pressed="true"]):not([aria-checked="true"]):not(.active):not(.is-selected)
    ) {
      transform: none;
    }

    :is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-tab-button:not(.active):not([aria-selected="true"]) {
      transform: none;
      box-shadow: none;
    }
  }

:is(html, [data-surux-preference-preview])[data-surux-surface-style="neumorph"]:not([data-surux-contrast="high"])[data-bs-theme="light"]:not([data-surux-theme="night"]) .surux-breadcrumb-caret {
  border: 0;
  border-radius: var(--surux-radius-control);
  background: var(--surux-surface);
  box-shadow: var(--surux-neumorph-rail-rest, none);
}

}
@media screen and (forced-colors: none) {
:is(html, [data-surux-preference-preview])[data-surux-surface-style="neumorph"]:not([data-surux-contrast="high"]) {
  --surux-row-menu-shadow: var(--surux-elevation-float);
  --surux-row-menu-band: color-mix(in srgb, var(--surux-primary) 12%, var(--surux-surface-base));
}

/* TR-0000982. The priority edge sits inside the raised plate, following its radius. */
:is(html, [data-surux-preference-preview])[data-surux-surface-style="neumorph"]:not([data-surux-contrast="high"]) .surux-workflow-card-surface::before {
  border-start-start-radius: inherit;
  border-end-start-radius: inherit;
  inset-inline-start: 0;
}
}

@media screen and (forced-colors: none) {
:is(html:not([data-surux-contrast="high"]), [data-surux-preference-preview]:not([data-surux-contrast="high"]))[data-surux-surface-style="neumorph"][data-bs-theme="light"]:not([data-surux-theme="night"]) {
  --surux-metric-tile-bg: var(--surux-surface);
  --surux-metric-tile-edge: transparent;
  --surux-metric-tile-shadow: var(--surux-neumorph-raised, none);
  --surux-metric-tile-label-fg: var(--surux-neumorph-primary-ink, var(--surux-text));
  --surux-metric-tile-value-fg: var(--surux-text);
}
}