@property --h { syntax: '<number>'; inherits: true; initial-value: 0; }
@property --tl { syntax: '<number>'; inherits: true; initial-value: 0; }
@property --hs { syntax: '<number>'; inherits: true; initial-value: 0; }
@property --wa { syntax: '<number>'; inherits: true; initial-value: 0; }
@property --wb { syntax: '<number>'; inherits: true; initial-value: 0; }
@property --ww { syntax: '<number>'; inherits: true; initial-value: 32; }

.surux-button,
.surux-command-button,
.surux-command-overflow-trigger,
.surux-search-submit-btn,
.surux-icon-btn,
.surux-address-tool,
.surux-address-clear,
.surux-page-all,
.surux-sidebar-close {
  --surux-button-bg: color-mix(in srgb, var(--surux-surface) 86%, var(--surux-primary) 14%);
  --surux-button-fg: var(--surux-text);
  --surux-button-border: color-mix(in srgb, var(--surux-border) 64%, rgba(var(--surux-primary-rgb), .36));
  --surux-button-accent: var(--surux-primary);
  --surux-button-glow: rgba(var(--surux-primary-rgb), .18);
  --surux-button-light: rgba(255, 255, 255, .16);
  --surux-button-dark: rgba(0, 0, 0, .28);
  --surux-button-glass: rgba(255, 255, 255, .10);
  --surux-button-glass-top: rgba(255, 255, 255, .42);
  --surux-button-glass-mid: rgba(255, 255, 255, .08);
  --surux-button-glass-bottom: rgba(0, 0, 0, .18);
  /* Keep the centre clear; edge reflections give saturated fills their depth. */
  --surux-button-composed-bg:
    linear-gradient(135deg, var(--surux-button-glass-top), var(--surux-button-glass-mid) 28%, transparent 52%),
    radial-gradient(circle 4.8rem at var(--surux-hover-x) var(--surux-hover-y), var(--surux-button-pointer-glow, rgba(255, 255, 255, .14)), transparent 68%),
    linear-gradient(180deg, transparent 45%, var(--surux-button-glass-bottom)),
    var(--surux-button-bg);
  --surux-button-icon-bg: rgba(255, 255, 255, .16);
  --surux-button-icon-fg: var(--surux-button-fg);
  --surux-button-icon-border: color-mix(in srgb, currentColor 18%, rgba(255, 255, 255, .34));
  --surux-button-radius: var(--surux-button-radius-pill, 999px);
  --surux-hover-x: 50%;
  --surux-hover-y: 50%;
  --surux-hover-shadow-x: 0px;
  --surux-hover-shadow-y: 0px;
  position: relative !important;
  isolation: isolate;
  overflow: visible !important;
  min-height: 42px;
  border: 1px solid var(--surux-button-border) !important;
  border-radius: var(--surux-button-radius) !important;
  background: var(--surux-button-composed-bg) !important;
  -webkit-backdrop-filter: var(--surux-button-blur-glass, blur(18px) saturate(1.32));
  backdrop-filter: var(--surux-button-blur-glass, blur(18px) saturate(1.32));
  color: var(--surux-button-fg) !important;
  box-shadow:
    var(--surux-button-elevation-glass, 0 .48rem 1rem color-mix(in srgb, var(--surux-button-dark) 80%, transparent),
    0 .08rem .18rem rgba(0, 0, 0, .18),
    inset 0 1px 0 rgba(255, 255, 255, .58),
    inset 0 -1px 0 rgba(0, 0, 0, .22)) !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  /* TR-0000920. Size to the icon and label. A stack, grid or dialog aligns the button; it does not stretch it. */
  width: fit-content;
  max-width: 100%;
  flex: 0 0 auto;
  justify-self: start;
  align-self: center;
  gap: .55rem;
  line-height: 1;
  white-space: nowrap;
  text-decoration: none !important;
  transform: translateY(0) scale(1);
  transition:
    transform 190ms cubic-bezier(.2, .8, .2, 1),
    border-color 190ms ease,
    box-shadow 190ms ease,
    filter 190ms ease,
    background 190ms ease,
    color 190ms ease;
}
/* A page utility class cannot opt a shared button back to the full surface. */
html .surux-button.w-100,
html .surux-button.btn-block {
  width: fit-content !important;
  max-width: 100% !important;
}
.surux-command-bar-inner {
  position: relative;
}.surux-command-bar-inner:has(> .surux-notes-drawer-host),
.surux-command-bar-trailing:has(> .surux-notes-drawer-host) {
  padding-inline-end: 0;
}.surux-command-bar-inner > .surux-notes-drawer-host,
.surux-command-bar-trailing > .surux-notes-drawer-host {
  position: static;
  order: 999;
  z-index: 2;
  margin-left: auto;
  transform: none;
}.surux-button-description-bubble {
  position: fixed;
  z-index: 4000;
  max-width: min(18rem, calc(100vw - 1rem));
  padding: .5rem .65rem;
  border: 1px solid color-mix(in srgb, var(--surux-border) 72%, rgba(var(--surux-primary-rgb), .28));
  border-radius: .65rem;
  background: color-mix(in srgb, var(--surux-surface) 94%, #000 6%);
  color: var(--surux-text);
  box-shadow: 0 .8rem 1.8rem rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255, 255, 255, .08);
  font-size: .78rem;
  font-weight: 650;
  line-height: 1.25;
  text-align: center;
  pointer-events: none;
  opacity: 0;
  transform: translateY(.25rem);
  transition: opacity 140ms ease, transform 140ms ease;
}.surux-button-description-bubble.is-visible {
  opacity: 1;
  transform: translateY(0);
}.btn:not(.btn-close):not(:where(.surux-toast-button, .surux-picker-action))::before,
.surux-button::before,
.surux-command-button::before,
.surux-command-overflow-trigger::before,
.surux-search-submit-btn::before,
.surux-icon-btn::before,
.surux-address-tool::before,
.surux-address-clear::before,
.surux-page-all::before,
.surux-sidebar-close::before {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: 0;
  border-radius: calc(var(--surux-button-radius) - 1px);
  background:
    radial-gradient(ellipse 110% 75% at 50% -25%, rgba(255, 255, 255, .48), transparent 70%),
    linear-gradient(180deg, rgba(255, 255, 255, .48), var(--surux-button-glass) 16%, transparent 38%, transparent 72%, rgba(255, 255, 255, .12));
  opacity: .62;
  pointer-events: none;
  transition: opacity 190ms ease;
}.btn:not(.btn-close):not(:where(.surux-toast-button, .surux-picker-action)):not(.dropdown-toggle)::after,
.surux-button::after,
.surux-command-button::after,
.surux-command-overflow-trigger::after,
.surux-search-submit-btn::after,
.surux-icon-btn::after,
.surux-address-tool::after,
.surux-address-clear::after,
.surux-page-all::after,
.surux-sidebar-close::after {
  content: "";
  position: absolute;
  inset: -7px;
  z-index: -2;
  border-radius: calc(var(--surux-button-radius) + 7px);
  background: radial-gradient(circle 5.4rem at var(--surux-hover-x) var(--surux-hover-y), var(--surux-button-glow), transparent 66%);
  filter: blur(2px);
  opacity: 0;
  transform: scale(.985);
  pointer-events: none;
  transition: opacity 190ms ease, transform 190ms ease, filter 190ms ease;
}.btn:not(.btn-close):not(:where(.surux-toast-button, .surux-picker-action)) > *,
.surux-button > *,
.surux-command-button > *,
.surux-command-overflow-trigger > *,
.surux-search-submit-btn > *,
.surux-icon-btn > *,
.surux-address-tool > *,
.surux-address-clear > *,
.surux-page-all > *,
.surux-sidebar-close > * {
  position: relative;
  z-index: 1;
}.btn:not(.btn-close):not(:where(.surux-toast-button, .surux-picker-action)):hover,
.btn:not(.btn-close):not(:where(.surux-toast-button, .surux-picker-action)):focus-visible,
.surux-button:hover,
.surux-button:focus-visible,
.surux-command-button:hover,
.surux-command-button:focus-visible,
.surux-command-overflow-trigger:hover,
.surux-command-overflow-trigger:focus-visible,
.surux-search-submit-btn:hover,
.surux-search-submit-btn:focus-visible,
.surux-icon-btn:hover,
.surux-icon-btn:focus-visible,
.surux-address-tool:hover,
.surux-address-tool:focus-visible,
.surux-address-clear:hover,
.surux-address-clear:focus-visible,
.surux-page-all:hover,
.surux-page-all:focus-visible,
.surux-sidebar-close:hover,
.surux-sidebar-close:focus-visible {
  border-color: color-mix(in srgb, var(--surux-button-border) 48%, var(--surux-button-accent) 52%) !important;
  color: var(--surux-button-fg) !important;
  filter: saturate(1.02) brightness(1.015);
  outline: 0 !important;
  transform: translateY(-1px);
  box-shadow:
    var(--surux-hover-shadow-x) calc(.56rem + var(--surux-hover-shadow-y)) 1.1rem color-mix(in srgb, var(--surux-button-dark) 84%, transparent),
    0 0 0 1px rgba(var(--surux-primary-rgb), .08),
    inset 0 1px 0 rgba(255, 255, 255, .72),
    inset 0 -1px 0 rgba(0, 0, 0, .20) !important;
}.btn:not(.btn-close):not(:where(.surux-toast-button, .surux-picker-action)):hover::before,
.btn:not(.btn-close):not(:where(.surux-toast-button, .surux-picker-action)):focus-visible::before,
.surux-button:hover::before,
.surux-button:focus-visible::before,
.surux-command-button:hover::before,
.surux-command-button:focus-visible::before,
.surux-command-overflow-trigger:hover::before,
.surux-command-overflow-trigger:focus-visible::before,
.surux-search-submit-btn:hover::before,
.surux-search-submit-btn:focus-visible::before,
.surux-icon-btn:hover::before,
.surux-icon-btn:focus-visible::before,
.surux-address-tool:hover::before,
.surux-address-tool:focus-visible::before,
.surux-address-clear:hover::before,
.surux-address-clear:focus-visible::before,
.surux-page-all:hover::before,
.surux-page-all:focus-visible::before,
.surux-sidebar-close:hover::before,
.surux-sidebar-close:focus-visible::before {
  opacity: .82;
}.btn:not(.btn-close):not(:where(.surux-toast-button, .surux-picker-action)):not(.dropdown-toggle):hover::after,
.btn:not(.btn-close):not(:where(.surux-toast-button, .surux-picker-action)):not(.dropdown-toggle):focus-visible::after,
.surux-button:hover::after,
.surux-button:focus-visible::after,
.surux-command-button:hover::after,
.surux-command-button:focus-visible::after,
.surux-command-overflow-trigger:hover::after,
.surux-command-overflow-trigger:focus-visible::after,
.surux-search-submit-btn:hover::after,
.surux-search-submit-btn:focus-visible::after,
.surux-icon-btn:hover::after,
.surux-icon-btn:focus-visible::after,
.surux-address-tool:hover::after,
.surux-address-tool:focus-visible::after,
.surux-address-clear:hover::after,
.surux-address-clear:focus-visible::after,
.surux-page-all:hover::after,
.surux-page-all:focus-visible::after,
.surux-sidebar-close:hover::after,
.surux-sidebar-close:focus-visible::after {
  opacity: .58;
  transform: scale(1);
}.btn:not(.btn-close):not(:where(.surux-toast-button, .surux-picker-action)):active,
.surux-button:active,
.surux-command-button:active,
.surux-command-overflow-trigger:active,
.surux-search-submit-btn:active,
.surux-icon-btn:active,
.surux-address-tool:active,
.surux-address-clear:active,
.surux-page-all:active,
.surux-sidebar-close:active {
  filter: saturate(.99) brightness(.99);
  transform: translateY(1px) scale(.995);
  box-shadow:
    0 .24rem .55rem color-mix(in srgb, var(--surux-button-dark) 70%, transparent),
    inset 0 1px .18rem rgba(0, 0, 0, .18),
    inset 0 -1px 0 rgba(255, 255, 255, .08) !important;
}.surux-button-tone-standard,
.btn.surux-button-tone-standard,
.surux-command-button.surux-button-tone-standard {
  --surux-button-accent: var(--surux-primary);
  --surux-button-bg: color-mix(in srgb, var(--surux-surface) 86%, var(--surux-primary) 14%);
  --surux-button-fg: var(--surux-text);
  --surux-button-border: color-mix(in srgb, var(--surux-border) 52%, rgba(var(--surux-primary-rgb), .48));
  --surux-button-glow: rgba(var(--surux-primary-rgb), .22);
  --surux-button-glass: rgba(255, 255, 255, .11);
  --surux-button-icon-bg: color-mix(in srgb, var(--surux-surface-2) 78%, var(--surux-primary) 22%);
  --surux-button-icon-fg: var(--surux-text);
  --surux-button-icon-border: color-mix(in srgb, var(--surux-border) 44%, rgba(var(--surux-primary-rgb), .46));
  background: var(--surux-button-composed-bg) !important;
  border-color: var(--surux-button-border) !important;
  color: var(--surux-button-fg) !important;
}.surux-button-tone-action,
.btn.surux-button-tone-action,
.surux-command-button.surux-button-tone-action {
  --surux-button-accent: var(--surux-primary);
  --surux-button-bg: var(--surux-primary-action-bg, linear-gradient(145deg, rgba(var(--surux-primary-rgb), .9), rgba(var(--surux-primary-rgb), .66)));
  --surux-button-fg: var(--surux-primary-contrast, #fff);
  --surux-button-border: rgba(var(--surux-primary-rgb), .86);
  --surux-button-glow: rgba(var(--surux-primary-rgb), .42);
  --surux-button-glass: rgba(255, 255, 255, .12);
  --surux-button-icon-bg: rgba(255, 255, 255, .18);
  --surux-button-icon-fg: var(--surux-primary-contrast, #fff);
  --surux-button-icon-border: rgba(255, 255, 255, .46);
  background: var(--surux-button-composed-bg) !important;
  border-color: var(--surux-button-border) !important;
  color: var(--surux-primary-contrast, #fff) !important;
}html[data-surux-appearance="black"][data-surux-theme="default"] :is(
  .surux-button-tone-action,
  .btn.surux-button-tone-action,
  .surux-command-button.surux-button-tone-action
) {
  --surux-button-bg: linear-gradient(145deg, rgba(14, 165, 233, .92), rgba(3, 105, 161, .74));
  --surux-button-border: rgba(56, 189, 248, .9);
  --surux-button-glow: rgba(56, 189, 248, .42);
  --surux-button-accent: #38bdf8;
}.surux-button-tone-submitted,
.btn.surux-button-tone-submitted,
.surux-command-button.surux-button-tone-submitted {
  --surux-button-accent: #f59e0b;
  --surux-button-bg: var(--surux-workflow-submitted-bg);
  --surux-button-fg: var(--surux-workflow-submitted-color);
  --surux-button-border: var(--surux-workflow-submitted-border);
  --surux-button-glow: rgba(245, 158, 11, .28);
  --surux-button-glass: rgba(245, 158, 11, .10);
  --surux-button-icon-bg: rgba(245, 158, 11, .18);
  --surux-button-icon-fg: #fde68a;
  --surux-button-icon-border: rgba(245, 158, 11, .48);
  background: var(--surux-button-composed-bg) !important;
  border-color: var(--surux-button-border) !important;
  color: var(--surux-button-fg) !important;
}.surux-button-tone-approved,
.btn.surux-button-tone-approved,
.surux-command-button.surux-button-tone-approved {
  --surux-button-accent: #18a7d8;
  --surux-button-bg: var(--surux-workflow-approved-bg);
  --surux-button-fg: var(--surux-workflow-approved-color);
  --surux-button-border: var(--surux-workflow-approved-border);
  --surux-button-glow: rgba(24, 167, 216, .28);
  --surux-button-glass: rgba(24, 167, 216, .10);
  --surux-button-icon-bg: rgba(24, 167, 216, .18);
  --surux-button-icon-fg: var(--surux-workflow-approved-color);
  --surux-button-icon-border: var(--surux-workflow-approved-border);
  background: var(--surux-button-composed-bg) !important;
  border-color: var(--surux-button-border) !important;
  color: var(--surux-button-fg) !important;
}.surux-button-tone-paid,
.btn.surux-button-tone-paid,
.surux-command-button.surux-button-tone-paid {
  --surux-button-accent: var(--surux-success-fill);
  --surux-button-bg: var(--surux-workflow-paid-bg);
  --surux-button-fg: var(--surux-workflow-paid-color);
  --surux-button-border: var(--surux-workflow-paid-border);
  --surux-button-glow: color-mix(in srgb, var(--surux-success-fill) 28%, transparent);
  --surux-button-glass: color-mix(in srgb, var(--surux-success-fill) 10%, transparent);
  --surux-button-icon-bg: color-mix(in srgb, var(--surux-success-fill) 18%, transparent);
  --surux-button-icon-fg: var(--surux-workflow-paid-color);
  --surux-button-icon-border: var(--surux-workflow-paid-border);
  background: var(--surux-button-composed-bg) !important;
  border-color: var(--surux-button-border) !important;
  color: var(--surux-button-fg) !important;
}.surux-button-tone-rejected,
.btn.surux-button-tone-rejected,
.surux-command-button.surux-button-tone-rejected {
  --surux-button-accent: var(--surux-danger-fill);
  --surux-button-bg: var(--surux-workflow-rejected-bg);
  --surux-button-fg: var(--surux-workflow-rejected-color);
  --surux-button-border: var(--surux-workflow-rejected-border);
  --surux-button-glow: color-mix(in srgb, var(--surux-danger-fill) 28%, transparent);
  --surux-button-glass: color-mix(in srgb, var(--surux-danger-fill) 10%, transparent);
  --surux-button-icon-bg: color-mix(in srgb, var(--surux-danger-fill) 18%, transparent);
  --surux-button-icon-fg: var(--surux-workflow-rejected-color);
  --surux-button-icon-border: var(--surux-workflow-rejected-border);
  background: var(--surux-button-composed-bg) !important;
  border-color: var(--surux-button-border) !important;
  color: var(--surux-button-fg) !important;
}.surux-button-tone-warning,
.btn.surux-button-tone-warning,
.surux-command-button.surux-button-tone-warning {
  --surux-button-accent: #eab308;
  --surux-button-bg: linear-gradient(145deg, rgba(245, 158, 11, .82), rgba(180, 83, 9, .70));
  --surux-button-fg: #fff;
  --surux-button-border: rgba(251, 191, 36, .78);
  --surux-button-glow: rgba(245, 158, 11, .34);
  --surux-button-icon-bg: rgba(255, 255, 255, .18);
  --surux-button-icon-fg: #fff;
  --surux-button-icon-border: rgba(255, 255, 255, .42);
  background: var(--surux-button-composed-bg) !important;
  border-color: var(--surux-button-border) !important;
  color: #fff !important;
}.surux-button-tone-destructive,
.btn.surux-button-tone-destructive,
.surux-command-button.surux-button-tone-destructive {
  --surux-button-accent: color-mix(in srgb, var(--surux-danger-fill) 92%, #000);
  --surux-button-bg: linear-gradient(145deg, color-mix(in srgb, var(--surux-danger-fill) 82%, transparent), color-mix(in srgb, color-mix(in srgb, var(--surux-danger-fill) 77%, #000) 70%, transparent));
  --surux-button-fg: #fff;
  --surux-button-border: color-mix(in srgb, var(--surux-danger-fill) 78%, transparent);
  --surux-button-glow: color-mix(in srgb, var(--surux-danger-fill) 34%, transparent);
  --surux-button-icon-bg: rgba(255, 255, 255, .18);
  --surux-button-icon-fg: #fff;
  --surux-button-icon-border: rgba(255, 255, 255, .42);
  background: var(--surux-button-composed-bg) !important;
  border-color: color-mix(in srgb, var(--surux-danger-fill) 78%, transparent) !important;
  color: #fff !important;
}.surux-button-tone-secondary,
.btn.surux-button-tone-secondary,
.surux-command-button.surux-button-tone-secondary {
  --surux-button-bg: linear-gradient(145deg, rgba(85, 85, 85, .84), rgba(47, 47, 47, .74));
  --surux-button-fg: #f4f4f5;
  --surux-button-border: #787878;
  --surux-button-accent: #a6a6a6;
  --surux-button-glow: rgba(128, 128, 128, .18);
  --surux-button-glass: rgba(244, 244, 245, .08);
  --surux-button-icon-bg: #707070;
  --surux-button-icon-fg: var(--surux-button-fg);
  --surux-button-icon-border: #a6a6a6;
  background: var(--surux-button-composed-bg) !important;
  border-color: var(--surux-button-border) !important;
  color: var(--surux-button-fg) !important;
}.surux-button-tone-secondary:hover,
.surux-button-tone-secondary:focus-visible,
.btn.surux-button-tone-secondary:hover,
.btn.surux-button-tone-secondary:focus-visible,
.surux-command-button.surux-button-tone-secondary:hover,
.surux-command-button.surux-button-tone-secondary:focus-visible {
  border-color: #a6a6a6 !important;
  box-shadow:
    var(--surux-hover-shadow-x) calc(.56rem + var(--surux-hover-shadow-y)) 1.1rem rgba(0, 0, 0, .34),
    0 0 0 1px rgba(166, 166, 166, .16),
    inset 0 1px 0 rgba(255, 255, 255, .20),
    inset 0 -1px 0 rgba(0, 0, 0, .16) !important;
}.surux-button-pressed,
.surux-command-button[aria-pressed="true"],
.surux-topbar .dropdown-toggle.show,
.surux-topbar .dropdown-toggle[aria-expanded="true"],
.surux-command-overflow[open] > .surux-command-overflow-trigger {
  --surux-button-bg: linear-gradient(145deg, color-mix(in srgb, var(--surux-button-accent) 92%, #fff 8%), color-mix(in srgb, var(--surux-button-accent) 78%, #000 22%));
  --surux-button-fg: #fff;
  --surux-button-border: color-mix(in srgb, var(--surux-button-accent) 82%, #ffffff 18%);
  --surux-button-glow: color-mix(in srgb, var(--surux-button-accent) 48%, transparent);
  --surux-button-icon-bg: transparent;
  --surux-button-icon-fg: var(--surux-button-fg);
  --surux-button-icon-border: transparent;
  transform: translateY(1px) scale(.992) !important;
  filter: saturate(1.08) brightness(.98);
  box-shadow:
    0 .32rem .72rem color-mix(in srgb, var(--surux-button-accent) 34%, rgba(0, 0, 0, .42)),
    0 0 0 1px color-mix(in srgb, var(--surux-button-accent) 32%, transparent),
    inset 0 1px 0 rgba(255, 255, 255, .24),
    inset 0 -.08rem .18rem rgba(0, 0, 0, .18) !important;
}.surux-button-pressed::before,
.surux-command-button[aria-pressed="true"]::before,
.surux-topbar .dropdown-toggle.show::before,
.surux-topbar .dropdown-toggle[aria-expanded="true"]::before,
.surux-command-overflow[open] > .surux-command-overflow-trigger::before {
  opacity: .28;
}.surux-line-delete-btn.surux-button-tone-destructive {
  --surux-button-radius: var(--surux-button-radius-control, .68rem);
  border-radius: var(--surux-button-radius-control, .68rem) !important;
}.surux-line-delete-btn.surux-command-button-icon-only {
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  border-radius: var(--surux-button-radius-control, .68rem) !important;
}.surux-command-button-icon {
  width: 1.85rem !important;
  height: 1.85rem !important;
  flex: 0 0 1.85rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid var(--surux-button-icon-border) !important;
  border-radius: var(--surux-button-radius-chip, 999px) !important;
  background: var(--surux-button-icon-bg) !important;
  -webkit-backdrop-filter: var(--surux-button-blur-chip, blur(10px) saturate(1.18));
  backdrop-filter: var(--surux-button-blur-chip, blur(10px) saturate(1.18));
  color: var(--surux-button-icon-fg) !important;
  line-height: 1 !important;
  box-shadow:
    inset .12rem .12rem .24rem rgba(255, 255, 255, .16),
    inset -.12rem -.12rem .24rem rgba(0, 0, 0, .16) !important;
}.surux-button-tone-secondary .surux-command-button-icon,
.btn-outline-light .surux-command-button-icon {
  background: var(--surux-button-icon-bg) !important;
  color: var(--surux-button-icon-fg) !important;
}.surux-command-button-icon i,
.surux-search-submit-btn i,
.surux-icon-btn i {
  margin: 0 !important;
  color: currentColor !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1;
  opacity: 1;
}.surux-microsoft-logo {
  width: 1rem;
  height: 1rem;
  display: block;
  flex: 0 0 auto;
}.surux-icon-btn,
.surux-search-submit-btn-icon,
.surux-command-button-icon-only,
.surux-command-overflow-trigger,
.surux-address-tool,
.surux-address-clear,
.surux-sidebar-close {
  width: 46px !important;
  min-width: 46px !important;
  height: 46px !important;
  min-height: 46px !important;
  padding: 0 !important;
  aspect-ratio: 1 / 1;
}.surux-command-button-icon-only,
.surux-address-tool,
.surux-address-clear,
.surux-sidebar-close {
  --surux-button-radius: var(--surux-button-radius-pill, 999px);
}.surux-button-nav,
.surux-sidebar-toggle {
  --surux-button-radius: var(--surux-button-radius-pill, 999px);
  --surux-button-bg: color-mix(in srgb, var(--surux-surface) 82%, rgba(var(--surux-primary-rgb), .24));
  --surux-button-border: color-mix(in srgb, rgba(var(--surux-primary-rgb), .56) 62%, var(--surux-border));
  --surux-button-glow: rgba(var(--surux-primary-rgb), .28);
  border-radius: var(--surux-button-radius-pill, 999px) !important;
}.surux-sidebar-toggle {
  overflow: hidden;
}.surux-toggler {
  --surux-toggler-unit: 1px;
  --surux-toggler-stroke-stop-1: color-mix(in srgb, #ffffff 70%, var(--surux-primary) 30%);
  --surux-toggler-stroke-stop-2: color-mix(in srgb, #ffffff 12%, var(--surux-primary) 88%);
  --surux-toggler-stroke-stop-3: color-mix(in srgb, #000000 10%, var(--surux-primary) 90%);
  --surux-toggler-core-fill: color-mix(in srgb, #ffffff 76%, var(--surux-primary) 24%);
  --surux-toggler-core-glow: rgba(var(--surux-primary-rgb), .46);
  --surux-toggler-ring: rgba(var(--surux-primary-rgb), .44);
  --surux-toggler-ring-shadow: rgba(var(--surux-primary-rgb), .26);
  --surux-toggler-arm-a-0: var(--surux-toggler-stroke-stop-1);
  --surux-toggler-arm-a-45: var(--surux-toggler-stroke-stop-2);
  --surux-toggler-arm-a-100: var(--surux-toggler-stroke-stop-2);
  --surux-toggler-arm-b-0: var(--surux-toggler-stroke-stop-3);
  --surux-toggler-arm-b-55: var(--surux-toggler-stroke-stop-2);
  --surux-toggler-arm-b-100: var(--surux-toggler-stroke-stop-1);
  --surux-toggler-arm-a-depth: color-mix(in srgb, #000 45%, var(--surux-primary));
  --surux-toggler-arm-b-depth: color-mix(in srgb, #000 45%, var(--surux-primary));
  --surux-toggler-shadow: rgba(var(--surux-primary-rgb), .34);
  --surux-toggler-shadow-hover: rgba(var(--surux-primary-rgb), .42);
  --surux-toggler-shadow-active: rgba(var(--surux-primary-rgb), .46);
}[data-bs-theme="light"][data-surux-theme="yellow"] .surux-toggler {
  --surux-toggler-stroke-stop-1: #fff7cc;
  --surux-toggler-stroke-stop-2: #facc15;
  --surux-toggler-stroke-stop-3: #eab308;
  --surux-toggler-core-fill: #fff7cc;
}:is(html[data-surux-theme="default"], html:not([data-surux-theme])) .surux-toggler {
  --surux-toggler-arm-a-0: #cffafe;
  --surux-toggler-arm-a-45: #22d3ee;
  --surux-toggler-arm-a-100: #0891b2;
  --surux-toggler-arm-a-depth: #0b5d72;
  --surux-toggler-arm-b-0: #1d4ed8;
  --surux-toggler-arm-b-55: #3b82f6;
  --surux-toggler-arm-b-100: #86ccff;
  --surux-toggler-arm-b-depth: #172f80;
}:is(html[data-bs-theme="light"][data-surux-theme="default"], html[data-bs-theme="light"]:not([data-surux-theme])) .surux-toggler {
  --surux-toggler-arm-a-depth: #0e7490;
  --surux-toggler-arm-b-depth: #1e40af;
}.surux-toggler::before,
.surux-toggler::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 999px;
  pointer-events: none;
  opacity: 0;
  transform: translate(-50%, -50%) scale(.24);
}.surux-toggler::before {
  width: 38.6%;
  height: 38.6%;
  background:
    radial-gradient(circle, var(--surux-toggler-core-fill) 0 18%, var(--surux-toggler-core-glow) 34%, transparent 72%);
  filter: blur(.02rem);
}.surux-toggler::after {
  width: 84%;
  height: 84%;
  border: 1px solid var(--surux-toggler-ring);
  box-shadow: 0 0 .72rem var(--surux-toggler-ring-shadow);
}.surux-sidebar-toggle .surux-toggler {
  --surux-toggler-stroke-stop-1: color-mix(in srgb, #ffffff 70%, var(--surux-primary) 30%);
  --surux-toggler-stroke-stop-2: color-mix(in srgb, #ffffff 12%, var(--surux-primary) 88%);
  --surux-toggler-stroke-stop-3: color-mix(in srgb, #000000 10%, var(--surux-primary) 90%);
  --surux-toggler-core-fill: color-mix(in srgb, #ffffff 76%, var(--surux-primary) 24%);
  --surux-toggler-core-glow: rgba(var(--surux-primary-rgb), .46);
  --surux-toggler-ring: rgba(var(--surux-primary-rgb), .44);
  --surux-toggler-ring-shadow: rgba(var(--surux-primary-rgb), .26);
  --surux-toggler-arm-a-0: var(--surux-toggler-stroke-stop-1);
  --surux-toggler-arm-a-45: var(--surux-toggler-stroke-stop-2);
  --surux-toggler-arm-a-100: var(--surux-toggler-stroke-stop-2);
  --surux-toggler-arm-b-0: var(--surux-toggler-stroke-stop-3);
  --surux-toggler-arm-b-55: var(--surux-toggler-stroke-stop-2);
  --surux-toggler-arm-b-100: var(--surux-toggler-stroke-stop-1);
  --surux-toggler-arm-a-depth: color-mix(in srgb, #000 45%, var(--surux-primary));
  --surux-toggler-arm-b-depth: color-mix(in srgb, #000 45%, var(--surux-primary));
  --surux-toggler-shadow: rgba(var(--surux-primary-rgb), .34);
  --surux-toggler-shadow-hover: rgba(var(--surux-primary-rgb), .42);
  --surux-toggler-shadow-active: rgba(var(--surux-primary-rgb), .46);
  width: 1.45rem;
  height: 1.45rem;
  position: relative;
  display: inline-block;
  flex: 0 0 1.45rem;
  transform: scale(1);
  transform-origin: center;
  filter: drop-shadow(0 .16rem .34rem var(--surux-toggler-shadow));
  transition: transform 190ms cubic-bezier(.2, .8, .2, 1), filter 190ms ease;
}[data-bs-theme="light"][data-surux-theme="yellow"] .surux-sidebar-toggle .surux-toggler {
  --surux-toggler-stroke-stop-1: #fff7cc;
  --surux-toggler-stroke-stop-2: #facc15;
  --surux-toggler-stroke-stop-3: #eab308;
  --surux-toggler-core-fill: #fff7cc;
}:is(html[data-surux-theme="default"], html:not([data-surux-theme])) .surux-sidebar-toggle .surux-toggler {
  --surux-toggler-arm-a-0: #cffafe;
  --surux-toggler-arm-a-45: #22d3ee;
  --surux-toggler-arm-a-100: #0891b2;
  --surux-toggler-arm-a-depth: #0b5d72;
  --surux-toggler-arm-b-0: #1d4ed8;
  --surux-toggler-arm-b-55: #3b82f6;
  --surux-toggler-arm-b-100: #86ccff;
  --surux-toggler-arm-b-depth: #172f80;
}:is(html[data-bs-theme="light"][data-surux-theme="default"], html[data-bs-theme="light"]:not([data-surux-theme])) .surux-sidebar-toggle .surux-toggler {
  --surux-toggler-arm-a-depth: #0e7490;
  --surux-toggler-arm-b-depth: #1e40af;
}.surux-sidebar-toggle .surux-toggler::before,
.surux-sidebar-toggle .surux-toggler::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 999px;
  pointer-events: none;
  opacity: 0;
  transform: translate(-50%, -50%) scale(.24);
}.surux-sidebar-toggle .surux-toggler::before {
  width: .56rem;
  height: .56rem;
  background:
    radial-gradient(circle, var(--surux-toggler-core-fill) 0 18%, var(--surux-toggler-core-glow) 34%, transparent 72%);
  filter: blur(.02rem);
}.surux-sidebar-toggle .surux-toggler::after {
  width: 1.22rem;
  height: 1.22rem;
  border: 1px solid var(--surux-toggler-ring);
  box-shadow: 0 0 .72rem var(--surux-toggler-ring-shadow);
}.surux-toggler-signal-window {
  --wa: 0;
  --wb: 87.68;
  --ww: 32;
  fill: none;
  stroke: #fff;
  stroke-linecap: round;
  stroke-width: calc(var(--ww) * var(--surux-toggler-unit));
  stroke-dasharray: calc((var(--wb) - var(--wa)) * var(--surux-toggler-unit)) 9999px;
  stroke-dashoffset: calc(var(--wa) * -1 * var(--surux-toggler-unit));
}.surux-toggler-signal {
  opacity: 0;
}.surux-toggler-signal-tail {
  fill: none;
  stroke-linecap: butt;
}.surux-toggler-signal-halo {
  fill: none;
  stroke-linecap: round;
  opacity: .35;
  stroke-width: calc(var(--hs) * 13 * var(--surux-toggler-unit));
  stroke-dasharray: calc(0.1 * var(--surux-toggler-unit)) 9999px;
  stroke-dashoffset: calc((0.1 - var(--h)) * var(--surux-toggler-unit));
}.surux-toggler-signal-core {
  fill: none;
  stroke: #fff;
  stroke-linecap: round;
  stroke-width: calc(var(--hs) * 6.5 * var(--surux-toggler-unit));
  stroke-dasharray: calc(0.1 * var(--surux-toggler-unit)) 9999px;
  stroke-dashoffset: calc((0.1 - var(--h)) * var(--surux-toggler-unit));
}.surux-toggler-mark {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  overflow: visible;
  pointer-events: none;
}.surux-toggler-arm {
  transform-box: view-box;
  transform-origin: 50px 50px;
}.surux-toggler.surux-toggler-swoosh .surux-toggler-arm-a {
  animation: surux-toggler-swoosh-a 620ms cubic-bezier(.45, 0, .25, 1) both;
}.surux-toggler.surux-toggler-swoosh .surux-toggler-arm-b {
  animation: surux-toggler-swoosh-b 620ms cubic-bezier(.45, 0, .25, 1) 40ms both;
}.surux-sidebar-toggle:hover .surux-toggler,
.surux-sidebar-toggle:focus-visible .surux-toggler {
  transform: scale(1.05);
  filter: drop-shadow(0 .2rem .44rem var(--surux-toggler-shadow-hover));
}body.surux-sidebar-open [data-surux-sidebar-toggle].surux-sidebar-toggle .surux-toggler,
body.surux-sidebar-opening [data-surux-sidebar-toggle].surux-sidebar-toggle .surux-toggler {
  transform: scale(.98);
  filter: drop-shadow(0 .22rem .5rem var(--surux-toggler-shadow-active));
}body.surux-sidebar-open [data-surux-sidebar-toggle].surux-sidebar-toggle:hover .surux-toggler,
body.surux-sidebar-open [data-surux-sidebar-toggle].surux-sidebar-toggle:focus-visible .surux-toggler,
body.surux-sidebar-opening [data-surux-sidebar-toggle].surux-sidebar-toggle:hover .surux-toggler,
body.surux-sidebar-opening [data-surux-sidebar-toggle].surux-sidebar-toggle:focus-visible .surux-toggler {
  transform: scale(1.04);
}body.surux-sidebar-opening [data-surux-sidebar-toggle].surux-sidebar-toggle .surux-toggler::before {
  animation: surux-toggler-core-pulse 520ms cubic-bezier(.18, .86, .2, 1) both;
}body.surux-sidebar-opening [data-surux-sidebar-toggle].surux-sidebar-toggle .surux-toggler::after {
  animation: surux-toggler-ring-pulse 560ms cubic-bezier(.18, .86, .2, 1) both;
}body.surux-sidebar-closing .surux-sidebar-close.surux-sidebar-toggle .surux-toggler {
  transform: scale(.98);
  filter: drop-shadow(0 .22rem .5rem var(--surux-toggler-shadow-active));
}body.surux-sidebar-closing .surux-sidebar-close.surux-sidebar-toggle:hover .surux-toggler,
body.surux-sidebar-closing .surux-sidebar-close.surux-sidebar-toggle:focus-visible .surux-toggler {
  transform: scale(1.04);
}body.surux-sidebar-closing .surux-sidebar-close.surux-sidebar-toggle .surux-toggler::before {
  animation: surux-toggler-core-pulse 520ms cubic-bezier(.18, .86, .2, 1) both;
}body.surux-sidebar-closing .surux-sidebar-close.surux-sidebar-toggle .surux-toggler::after {
  animation: surux-toggler-ring-pulse 560ms cubic-bezier(.18, .86, .2, 1) both;
}

@keyframes surux-toggler-swoosh-a {
  0% { transform: none; opacity: 1; }
  45% { transform: translate(60px, 42px) rotate(12deg); opacity: 0; }
  46% { transform: translate(-60px, -42px) rotate(-12deg); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes surux-toggler-swoosh-b {
  0% { transform: none; opacity: 1; }
  45% { transform: translate(60px, -42px) rotate(-12deg); opacity: 0; }
  46% { transform: translate(-60px, 42px) rotate(12deg); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
  .surux-toggler.surux-toggler-swoosh .surux-toggler-arm-a,
  .surux-toggler.surux-toggler-swoosh .surux-toggler-arm-b {
    animation: none;
  }
}

@keyframes surux-toggler-core-pulse {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(.18);
  }
  46% {
    opacity: .94;
    transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: .12;
    transform: translate(-50%, -50%) scale(.72);
  }
}

@keyframes surux-toggler-signal-window-move{0.00%{--wa:0;--wb:87.68;animation-timing-function:cubic-bezier(.55,0,.45,1)}15.00%{--wa:87.68;--wb:87.68}43.00%{--wa:284.12;--wb:284.12;animation-timing-function:cubic-bezier(.25,.5,.6,1)}66.00%{--wa:284.12;--wb:371.80}100%{--wa:284.12;--wb:371.80}}
@keyframes surux-toggler-signal-window-width{0.00%{--ww:32}9.50%{--ww:32;animation-timing-function:ease-in}15.00%{--ww:0}43.00%{--ww:0;animation-timing-function:ease-out}48.50%{--ww:32}100%{--ww:32}}
@keyframes surux-toggler-signal-head{0.00%{--h:87.68}15.00%{--h:87.68;animation-timing-function:cubic-bezier(.45,0,.7,.65)}43.00%{--h:284.12;animation-timing-function:cubic-bezier(.25,.5,.6,1)}66.00%{--h:371.80}100%{--h:371.80}}
@keyframes surux-toggler-signal-tail{0.00%{--tl:0}15.00%{--tl:0;animation-timing-function:cubic-bezier(.3,0,.3,1)}29.00%{--tl:113.99}43.00%{--tl:113.99;animation-timing-function:cubic-bezier(.4,0,.6,1)}66.00%{--tl:0}100%{--tl:0}}
@keyframes surux-toggler-signal-size{0.00%{--hs:.25;animation-timing-function:ease-in}13.00%{--hs:1.35;animation-timing-function:ease-out}23.00%{--hs:1}63.00%{--hs:1;animation-timing-function:ease-in-out}78.00%{--hs:.2}100%{--hs:.2}}
@keyframes surux-toggler-signal-show{0.00%{opacity:0}3.00%{opacity:1}68.00%{opacity:1}78.00%{opacity:0}100%{opacity:0}}
@keyframes surux-toggler-signal-cast{0.00%{opacity:.38}8.00%{opacity:0}69.00%{opacity:0}78.00%{opacity:.38}100%{opacity:.38}}
@keyframes surux-toggler-signal-core{0.00%{opacity:0;transform:translate(-50%,-50%) scale(.18)}15.00%{opacity:.2;transform:translate(-50%,-50%) scale(.5)}29.00%{opacity:.8;transform:translate(-50%,-50%) scale(1)}48.00%{opacity:.25;transform:translate(-50%,-50%) scale(.8)}62.00%{opacity:0;transform:translate(-50%,-50%) scale(.6)}100%{opacity:0;transform:translate(-50%,-50%) scale(.6)}}
@keyframes surux-toggler-signal-ring{0.00%{opacity:0;transform:translate(-50%,-50%) scale(.26)}66.00%{opacity:0;transform:translate(-50%,-50%) scale(.3)}78.00%{opacity:.42;transform:translate(-50%,-50%) scale(.9)}94.00%{opacity:0;transform:translate(-50%,-50%) scale(1.25)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.25)}}

@keyframes surux-toggler-ring-pulse {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(.26);
  }
  50% {
    opacity: .62;
    transform: translate(-50%, -50%) scale(.82);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(1.24);
  }
}.surux-command-overflow-trigger {
  --surux-button-radius: var(--surux-button-radius-pill, 999px);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--surux-button-radius-pill, 999px) !important;
}.surux-command-overflow-trigger::after {
  display: none !important;
}.surux-command-overflow-trigger .surux-command-button-icon i {
  transform: rotate(0deg);
  transform-origin: center;
  transition: transform .16s ease;
}.surux-command-overflow[open] .surux-command-overflow-trigger .surux-command-button-icon i {
  transform: rotate(180deg);
}.surux-command-button-compact {
  min-height: 2rem;
  min-width: 1.5rem;
  padding: .22rem .55rem .22rem .38rem !important;
  font-size: .82rem;
  box-shadow:
    0 .16rem .36rem color-mix(in srgb, var(--surux-button-dark) 42%, transparent),
    inset 0 1px 0 rgba(255, 255, 255, .5) !important;
}
.surux-command-button-compact.surux-command-button-icon-only {
  width: 2rem !important;
  min-width: 2rem !important;
  height: 2rem !important;
  min-height: 2rem !important;
  padding: 0 !important;
}
.surux-command-button-compact.surux-command-button-icon-only .surux-command-button-icon {
  width: .9rem !important;
  height: .9rem !important;
  flex: 0 0 .9rem !important;
}
.surux-command-button-compact.surux-command-button-icon-only .surux-command-button-icon i {
  font-size: .85rem;
}
html[data-surux-button-style="raised"] .surux-command-button-compact::after {
  inset: -4px;
  opacity: .12;
  filter: blur(6px);
}
.surux-command-button-icon-only {
  gap: 0 !important;
}.surux-command-button-icon-only .surux-command-button-icon {
  width: 1.12rem !important;
  height: 1.12rem !important;
  flex: 0 0 1.12rem !important;
  border: 0 !important;
  border-radius: var(--surux-button-radius-control, .28rem) !important;
  background: transparent !important;
  box-shadow: none !important;
}.surux-command-button-icon-only .surux-command-button-icon i {
  width: 1em;
  height: 1em;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 1rem;
  line-height: 1 !important;
}.surux-search-clear-fields.surux-command-button-icon-only {
  --surux-button-accent: var(--surux-primary);
  --surux-button-fg: var(--surux-primary);
  --surux-button-icon-fg: var(--surux-primary);
  color: var(--surux-primary) !important;
}.surux-search-clear-fields.surux-command-button-icon-only .surux-command-button-icon,
.surux-search-clear-fields.surux-command-button-icon-only .surux-command-button-icon i {
  color: var(--surux-primary) !important;
}.surux-command-button:not(.surux-command-button-icon-only) {
  min-width: 54px !important;
  padding: .44rem .92rem .44rem .52rem !important;
}.surux-command-button-text {
  min-width: 0;
  max-width: 100%;
  display: inline-flex;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 650;
  line-height: 1.35;
}.surux-command-overflow-panel .surux-command-button:not(.surux-command-button-icon-only) {
  width: 100% !important;
  justify-content: flex-start !important;
}.surux-command-overflow-panel .surux-row-action-button.surux-command-button-icon-only {
  aspect-ratio: 1 / 1;
  border-radius: var(--surux-row-action-icon-radius, 50%) !important;
  justify-content: center !important;
}.surux-list-footer {
  flex-wrap: wrap;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  min-height: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0 var(--surux-list-edge-inset);
  color: var(--surux-muted);
  font-size: .85rem;
}.surux-list-count {
  flex: 0 0 auto;
  min-width: 0;
  white-space: nowrap;
}
/* C1: (0,1,0), adds auto margin to this owner's pager (same specificity).
   Buttons follows isolation and precedes designs; no later margin override. */
.surux-list-pager {
  margin-inline-start: auto;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: .45rem;
  flex-wrap: nowrap;
}.surux-page-control,
.surux-page-size-control {
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .38rem;
  padding: .18rem .42rem;
  border: 1px solid color-mix(in srgb, var(--surux-border) 76%, rgba(var(--surux-primary-rgb), .18));
  border-radius: .5rem;
  background: color-mix(in srgb, var(--surux-surface) 88%, rgba(var(--surux-primary-rgb), .06));
  white-space: nowrap;
}.surux-page-total {
  color: var(--surux-muted);
  font-size: .82rem;
  line-height: 1;
}.surux-page-total strong {
  color: var(--surux-text);
}.surux-page-selector,
.surux-page-size-selector {
  height: 30px;
  min-height: 30px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: .55rem;
  padding-right: 1.7rem;
  color: var(--surux-text);
  background-color: color-mix(in srgb, var(--surux-surface) 88%, rgba(var(--surux-primary-rgb), .12));
  border-color: var(--surux-picker-edge, var(--surux-picker-edge-rest));
  border-radius: .38rem;
  font-size: .84rem;
  line-height: 1;
  box-shadow: none;
}.surux-page-selector {
  width: 72px;
}.surux-page-size-selector {
  width: 82px;
}.surux-page-selector:focus,
.surux-page-size-selector:focus {
  border-color: rgba(var(--surux-primary-rgb), .75);
  box-shadow: 0 0 0 .18rem rgba(var(--surux-primary-rgb), .16);
}.surux-page-selector option,
.surux-page-size-selector option,
.surux-filter-status select option {
  background-color: var(--surux-surface);
  color: var(--surux-text);
}.surux-page-all {
  min-width: 64px;
  height: 30px;
  padding: 0 .65rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--surux-text);
  background-color: color-mix(in srgb, var(--surux-surface) 88%, rgba(var(--surux-primary-rgb), .12));
  border: 1px solid color-mix(in srgb, var(--surux-border) 70%, rgba(var(--surux-primary-rgb), .30));
  border-radius: .36rem;
  font-size: .84rem;
  font-weight: 700;
  line-height: 1;
}.surux-address-tool .surux-command-button-icon,
.surux-address-clear .surux-command-button-icon,
.surux-line-delete-btn .surux-command-button-icon {
  width: 1.05rem !important;
  height: 1.05rem !important;
  flex: 0 0 1.05rem !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}.surux-address-clear.surux-command-button {
  position: absolute !important;
  top: .42rem;
  right: .42rem;
  z-index: 2;
  width: 2rem !important;
  min-width: 2rem !important;
  height: 2rem !important;
  min-height: 2rem !important;
  padding: 0 !important;
  border-radius: var(--surux-button-radius-control, .55rem) !important;
}.btn:not(.btn-close):not(:where(.surux-toast-button, .surux-picker-action)):disabled,
.btn:not(.btn-close):not(:where(.surux-toast-button, .surux-picker-action)).disabled,
.surux-button:disabled,
.surux-button[aria-disabled="true"],
.surux-command-button:disabled,
.surux-command-overflow-trigger[aria-disabled="true"],
.surux-search-submit-btn:disabled,
.surux-icon-btn:disabled,
.surux-address-tool:disabled,
.surux-address-clear:disabled {
  cursor: not-allowed !important;
  filter: grayscale(.12);
  opacity: .5 !important;
  transform: none !important;
  box-shadow:
    .18rem .22rem .5rem rgba(0, 0, 0, .16),
    inset 1px 1px 0 rgba(255, 255, 255, .08) !important;
}[data-bs-theme="light"] .btn:not(.btn-close):not(:where(.surux-toast-button, .surux-picker-action)),
[data-bs-theme="light"] .surux-button,
[data-bs-theme="light"] .surux-command-button,
[data-bs-theme="light"] .surux-command-overflow-trigger,
[data-bs-theme="light"] .surux-search-submit-btn,
[data-bs-theme="light"] .surux-icon-btn,
[data-bs-theme="light"] .surux-address-tool,
[data-bs-theme="light"] .surux-address-clear,
[data-bs-theme="light"] .surux-page-all,
[data-bs-theme="light"] .surux-sidebar-close {
  --surux-button-light: rgba(255, 255, 255, .94);
  --surux-button-dark: rgba(148, 163, 184, .24);
  --surux-button-glass-top: rgba(255, 255, 255, .56);
  --surux-button-glass-mid: rgba(255, 255, 255, .12);
  --surux-button-glass-bottom: rgba(148, 163, 184, .12);
  box-shadow:
    var(--surux-button-elevation-glass, 0 .42rem .92rem rgba(15, 23, 42, .12),
    0 .06rem .16rem rgba(15, 23, 42, .08),
    inset 0 1px 0 rgba(255, 255, 255, .72),
    inset 0 -1px 0 rgba(148, 163, 184, .16)) !important;
}[data-bs-theme="light"] .surux-command-overflow-trigger,
[data-bs-theme="light"] .surux-search-submit-btn,
[data-bs-theme="light"] .surux-icon-btn,
[data-bs-theme="light"] .surux-address-tool,
[data-bs-theme="light"] .surux-address-clear,
[data-bs-theme="light"] .surux-page-all,
[data-bs-theme="light"] .surux-sidebar-close {
  --surux-button-bg: color-mix(in srgb, #ffffff 88%, var(--surux-primary) 12%);
}[data-bs-theme="light"] .surux-button-tone-secondary,
[data-bs-theme="light"] .surux-button-tone-standard,
[data-bs-theme="light"] .surux-button-tone-action,
[data-bs-theme="light"] .surux-button-tone-submitted,
[data-bs-theme="light"] .surux-button-tone-approved,
[data-bs-theme="light"] .surux-button-tone-paid,
[data-bs-theme="light"] .surux-button-tone-rejected,
[data-bs-theme="light"] .surux-button-tone-warning,
[data-bs-theme="light"] .surux-button-tone-destructive {
  --surux-button-bg: color-mix(in srgb, #ffffff 92%, var(--surux-button-accent) 8%);
  --surux-button-fg: #0f172a;
  --surux-button-border: color-mix(in srgb, #cbd5e1 64%, var(--surux-button-accent) 36%);
  --surux-button-icon-bg: color-mix(in srgb, #ffffff 86%, var(--surux-button-accent) 14%);
  --surux-button-icon-border: color-mix(in srgb, #ffffff 58%, var(--surux-button-accent) 42%);
  --surux-button-glass: rgba(255, 255, 255, .72);
}[data-bs-theme="light"] .surux-button-tone-action {
  --surux-button-accent: var(--surux-primary);
  --surux-button-bg: color-mix(in srgb, #ffffff 80%, var(--surux-primary) 20%);
  --surux-button-fg: color-mix(in srgb, var(--surux-primary) 86%, #0f172a 14%);
  --surux-button-border: color-mix(in srgb, var(--surux-primary) 68%, #ffffff 32%);
  --surux-button-glow: rgba(var(--surux-primary-rgb), .26);
  --surux-button-icon-bg: color-mix(in srgb, #ffffff 74%, var(--surux-primary) 26%);
  --surux-button-icon-fg: var(--surux-button-fg);
  --surux-button-icon-border: color-mix(in srgb, var(--surux-primary) 58%, #ffffff 42%);
  color: var(--surux-button-fg) !important;
}html[data-bs-theme="light"][data-surux-theme="yellow"] .surux-button-tone-action {
  --surux-button-bg: color-mix(in srgb, #ffffff 80%, #facc15 20%);
  --surux-button-fg: #7c2d12;
  --surux-button-border: color-mix(in srgb, #ca8a04 60%, #ffffff 40%);
  --surux-button-icon-bg: color-mix(in srgb, #ffffff 74%, #facc15 26%);
  --surux-button-icon-fg: #7c2d12;
  --surux-button-icon-border: color-mix(in srgb, #ca8a04 52%, #ffffff 48%);
  color: var(--surux-button-fg) !important;
}[data-bs-theme="light"] .surux-button-tone-submitted {
  --surux-button-accent: #f59e0b;
  --surux-button-bg: var(--surux-workflow-submitted-bg);
  --surux-button-fg: var(--surux-workflow-submitted-color);
  --surux-button-border: var(--surux-workflow-submitted-border);
  --surux-button-glow: rgba(245, 158, 11, .20);
  --surux-button-glass: rgba(255, 255, 255, .38);
  --surux-button-icon-bg: color-mix(in srgb, #fef3c7 76%, #f59e0b 24%);
  --surux-button-icon-fg: #92400e;
  --surux-button-icon-border: #f59e0b;
  color: var(--surux-button-fg) !important;
}[data-bs-theme="light"] .surux-button-tone-approved {
  --surux-button-accent: #0284c7;
  --surux-button-bg: var(--surux-workflow-approved-bg);
  --surux-button-fg: var(--surux-workflow-approved-color);
  --surux-button-border: var(--surux-workflow-approved-border);
  --surux-button-glow: rgba(2, 132, 199, .20);
  --surux-button-glass: rgba(255, 255, 255, .38);
  --surux-button-icon-bg: color-mix(in srgb, var(--surux-workflow-approved-bg) 76%, #0284c7 24%);
  --surux-button-icon-fg: var(--surux-workflow-approved-color);
  --surux-button-icon-border: var(--surux-workflow-approved-border);
  color: var(--surux-button-fg) !important;
}[data-bs-theme="light"] .surux-button-tone-paid {
  --surux-button-accent: var(--surux-success-fill);
  --surux-button-bg: var(--surux-workflow-paid-bg);
  --surux-button-fg: var(--surux-workflow-paid-color);
  --surux-button-border: var(--surux-workflow-paid-border);
  --surux-button-glow: color-mix(in srgb, var(--surux-success-fill) 20%, transparent);
  --surux-button-glass: rgba(255, 255, 255, .38);
  --surux-button-icon-bg: color-mix(in srgb, var(--surux-workflow-paid-bg) 76%, var(--surux-success-fill) 24%);
  --surux-button-icon-fg: var(--surux-workflow-paid-color);
  --surux-button-icon-border: var(--surux-workflow-paid-border);
  color: var(--surux-button-fg) !important;
}[data-bs-theme="light"] .surux-button-tone-rejected {
  --surux-button-accent: var(--surux-danger-fill);
  --surux-button-bg: var(--surux-workflow-rejected-bg);
  --surux-button-fg: var(--surux-workflow-rejected-color);
  --surux-button-border: var(--surux-workflow-rejected-border);
  --surux-button-glow: color-mix(in srgb, var(--surux-danger-fill) 20%, transparent);
  --surux-button-glass: rgba(255, 255, 255, .38);
  --surux-button-icon-bg: color-mix(in srgb, var(--surux-workflow-rejected-bg) 76%, var(--surux-danger-fill) 24%);
  --surux-button-icon-fg: var(--surux-workflow-rejected-color);
  --surux-button-icon-border: var(--surux-workflow-rejected-border);
  color: var(--surux-button-fg) !important;
}[data-bs-theme="light"] .surux-button-tone-warning {
  --surux-button-accent: #eab308;
  --surux-button-bg: color-mix(in srgb, #ffffff 84%, #facc15 16%);
  --surux-button-fg: #854d0e;
  --surux-button-border: color-mix(in srgb, #ca8a04 58%, #ffffff 42%);
  --surux-button-glow: rgba(234, 179, 8, .20);
  --surux-button-icon-bg: color-mix(in srgb, #ffffff 78%, #facc15 22%);
  --surux-button-icon-fg: #854d0e;
  --surux-button-icon-border: color-mix(in srgb, #ca8a04 48%, #ffffff 52%);
  color: var(--surux-button-fg) !important;
}[data-bs-theme="light"] .surux-button-tone-destructive {
  --surux-button-bg: linear-gradient(145deg, var(--surux-danger-fill), color-mix(in srgb, var(--surux-danger-fill) 77%, #000));
  --surux-button-fg: #fff;
  --surux-button-border: color-mix(in srgb, var(--surux-danger-fill) 87%, #000);
  --surux-button-glow: color-mix(in srgb, var(--surux-danger-fill) 32%, transparent);
  --surux-button-icon-bg: rgba(255, 255, 255, .18);
  --surux-button-icon-fg: #fff;
  --surux-button-icon-border: rgba(255, 255, 255, .42);
  color: var(--surux-button-fg) !important;
}[data-bs-theme="light"] .surux-button-tone-secondary,
[data-bs-theme="light"] .btn.surux-button-tone-secondary,
[data-bs-theme="light"] .surux-command-button.surux-button-tone-secondary {
  --surux-button-bg: linear-gradient(145deg, rgba(245, 245, 245, .86), rgba(231, 231, 231, .76));
  --surux-button-fg: #3d3d3d;
  --surux-button-border: #d6d6d6;
  --surux-button-accent: #7a7a7a;
  --surux-button-glow: rgba(128, 128, 128, .16);
  --surux-button-glass: rgba(255, 255, 255, .58);
  --surux-button-icon-bg: rgba(231, 231, 231, .72);
  --surux-button-icon-fg: #3d3d3d;
  --surux-button-icon-border: #a6a6a6;
  background: var(--surux-button-composed-bg) !important;
  border-color: var(--surux-button-border) !important;
  color: var(--surux-button-fg) !important;
}[data-bs-theme="light"] .surux-button-tone-secondary:hover,
[data-bs-theme="light"] .surux-button-tone-secondary:focus-visible,
[data-bs-theme="light"] .btn.surux-button-tone-secondary:hover,
[data-bs-theme="light"] .btn.surux-button-tone-secondary:focus-visible,
[data-bs-theme="light"] .surux-command-button.surux-button-tone-secondary:hover,
[data-bs-theme="light"] .surux-command-button.surux-button-tone-secondary:focus-visible {
  border-color: #a6a6a6 !important;
  box-shadow:
    var(--surux-hover-shadow-x) calc(.56rem + var(--surux-hover-shadow-y)) 1.1rem rgba(15, 23, 42, .14),
    0 0 0 1px rgba(128, 128, 128, .12),
    inset 0 1px 0 rgba(255, 255, 255, .72),
    inset 0 -1px 0 rgba(148, 163, 184, .18) !important;
}[data-bs-theme="light"] .surux-list-footer,
[data-bs-theme="light"] .surux-list-count,
[data-bs-theme="light"] .surux-page-total {
  color: #475569;
}[data-bs-theme="light"] .surux-page-total strong {
  color: #0f172a;
}[data-bs-theme="light"] .surux-page-control,
[data-bs-theme="light"] .surux-page-size-control {
  background: #ffffff;
  border-color: #cbd5e1;
  box-shadow: 0 .35rem .9rem rgba(15, 23, 42, .05);
}[data-bs-theme="light"] .surux-page-selector,
[data-bs-theme="light"] .surux-page-size-selector,
[data-bs-theme="light"] .surux-page-all {
  color: #0f172a !important;
  background-color: #ffffff !important;
  border-color: var(--surux-picker-edge, var(--surux-picker-edge-rest)) !important;
  box-shadow: none;
}[data-bs-theme="light"] .surux-page-selector option,
[data-bs-theme="light"] .surux-page-size-selector option,
[data-bs-theme="light"] .surux-filter-status select option {
  background-color: #ffffff !important;
  color: #0f172a !important;
}[data-bs-theme="light"] .surux-button-tone-standard,
[data-bs-theme="light"] .btn.surux-button-tone-standard,
[data-bs-theme="light"] .surux-command-button.surux-button-tone-standard {
  --surux-button-accent: var(--surux-primary);
  --surux-button-bg: color-mix(in srgb, #ffffff 88%, var(--surux-primary) 12%);
  --surux-button-fg: color-mix(in srgb, var(--surux-primary) 68%, #0f172a 32%);
  --surux-button-border: color-mix(in srgb, var(--surux-primary) 54%, #ffffff 46%);
  --surux-button-glow: rgba(var(--surux-primary-rgb), .22);
  --surux-button-icon-bg: color-mix(in srgb, #ffffff 78%, var(--surux-primary) 22%);
  --surux-button-icon-fg: var(--surux-button-fg);
  --surux-button-icon-border: color-mix(in srgb, var(--surux-primary) 44%, #ffffff 56%);
  background: var(--surux-button-composed-bg) !important;
  border-color: var(--surux-button-border) !important;
  color: var(--surux-button-fg) !important;
}[data-bs-theme="light"] :is(.surux-button-pressed, .surux-command-button[aria-pressed="true"], .surux-topbar .dropdown-toggle.show, .surux-topbar .dropdown-toggle[aria-expanded="true"], .surux-command-overflow[open] > .surux-command-overflow-trigger) {
  --surux-button-bg: linear-gradient(145deg, color-mix(in srgb, var(--surux-button-accent) 90%, #fff 10%), color-mix(in srgb, var(--surux-button-accent) 76%, #000 24%));
  --surux-button-fg: #fff;
  --surux-button-border: color-mix(in srgb, var(--surux-button-accent) 78%, #ffffff 22%);
  --surux-button-icon-bg: transparent;
  --surux-button-icon-fg: var(--surux-button-fg);
  --surux-button-icon-border: transparent;
  filter: saturate(1.07) brightness(.99);
  box-shadow:
    0 .28rem .66rem color-mix(in srgb, var(--surux-button-accent) 26%, rgba(15, 23, 42, .18)),
    0 0 0 1px color-mix(in srgb, var(--surux-button-accent) 28%, transparent),
    inset 0 1px 0 rgba(255, 255, 255, .34),
    inset 0 -.08rem .18rem rgba(15, 23, 42, .16) !important;
}html[data-surux-button-style="raised"] :is(
  .btn:not(.btn-close):not(:where(.surux-toast-button, .surux-picker-action)),
  .surux-button,
  .surux-command-button,
  .surux-command-overflow-trigger,
  .surux-search-submit-btn,
  .surux-icon-btn,
  .surux-address-tool,
  .surux-address-clear,
  .surux-page-all,
  .surux-sidebar-close
) {
  --surux-raised-surface: color-mix(in srgb, var(--surux-surface-2) 80%, var(--surux-button-accent) 20%);
  --surux-raised-drop-shadow: color-mix(in srgb, var(--surux-button-accent) 12%, rgba(0, 0, 0, .48));
  --surux-raised-upper-light: rgba(255, 255, 255, .10);
  --surux-raised-inner-light: rgba(255, 255, 255, .16);
  --surux-raised-inner-shadow: rgba(0, 0, 0, .13);
  --surux-button-glass: transparent;
  --surux-button-glass-top: transparent;
  --surux-button-glass-mid: transparent;
  --surux-button-glass-bottom: transparent;
  --surux-button-bg: var(--surux-raised-surface);
  --surux-button-composed-bg:
    linear-gradient(
      145deg,
      color-mix(in srgb, var(--surux-raised-surface) 92%, #ffffff 8%) 0%,
      var(--surux-raised-surface) 52%,
      color-mix(in srgb, var(--surux-raised-surface) 91%, #000000 9%) 100%
    );
  --surux-button-radius: var(--surux-button-radius-control, 16px);
  -webkit-backdrop-filter: var(--surux-button-blur-raised, none);
  backdrop-filter: var(--surux-button-blur-raised, none);
  border-color: color-mix(in srgb, var(--surux-raised-surface) 68%, rgba(255, 255, 255, .32)) !important;
  box-shadow:
    var(--surux-button-elevation-raised, .5rem .6rem 1.22rem color-mix(in srgb, var(--surux-raised-drop-shadow) 76%, transparent),
    -.36rem -.36rem .88rem color-mix(in srgb, var(--surux-raised-upper-light) 78%, transparent),
    inset .16rem .16rem .36rem var(--surux-raised-inner-light),
    inset -.18rem -.18rem .38rem var(--surux-raised-inner-shadow)) !important;
}html[data-surux-button-style="raised"] :is(
  .btn:not(.btn-close):not(:where(.surux-toast-button, .surux-picker-action)),
  .surux-button,
  .surux-command-button,
  .surux-command-overflow-trigger,
  .surux-search-submit-btn,
  .surux-icon-btn,
  .surux-address-tool,
  .surux-address-clear,
  .surux-page-all,
  .surux-sidebar-close
)::before {
  inset: 0;
  border-radius: inherit;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .09), transparent 42%, rgba(0, 0, 0, .08));
  box-shadow: none;
  opacity: .42;
}html[data-surux-button-style="raised"] :is(
  .btn:not(.btn-close):not(:where(.surux-toast-button, .surux-picker-action)):not(.dropdown-toggle),
  .surux-button,
  .surux-command-button,
  .surux-command-overflow-trigger,
  .surux-search-submit-btn,
  .surux-icon-btn,
  .surux-address-tool,
  .surux-address-clear,
  .surux-page-all,
  .surux-sidebar-close
)::after {
  inset: -10px;
  background: radial-gradient(ellipse 95% 76% at 64% 82%, var(--surux-raised-drop-shadow), transparent 70%);
  filter: blur(12px);
  opacity: .34;
  transform: scale(.97);
}html[data-surux-button-style="raised"] :is(.surux-command-button-icon) {
  width: 1.35rem !important;
  height: 1.35rem !important;
  flex: 0 0 1.35rem !important;
  border-color: transparent !important;
  border-radius: var(--surux-button-radius-chip, .4rem) !important;
  background: transparent !important;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow: none !important;
  filter: drop-shadow(.04rem .05rem .08rem rgba(0, 0, 0, .18));
}.surux-command-button-icon-only:not(.surux-search-submit-inline) .surux-command-button-icon,
html[data-surux-button-style="raised"] .surux-command-button-icon-only:not(.surux-search-submit-inline) .surux-command-button-icon {
  width: 1em !important;
  height: 1em !important;
  flex: 0 0 auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
  filter: none !important;
}html[data-surux-button-style="raised"] :is(
  .surux-button-tone-standard,
  .surux-button-tone-secondary,
  .surux-button-tone-action,
  .surux-button-tone-submitted,
  .surux-button-tone-approved,
  .surux-button-tone-paid,
  .surux-button-tone-rejected,
  .surux-button-tone-warning,
  .surux-button-tone-destructive
) {
  --surux-raised-surface: color-mix(in srgb, var(--surux-surface-2) 80%, var(--surux-button-accent) 20%);
  --surux-button-bg: var(--surux-raised-surface);
  --surux-button-border: color-mix(in srgb, var(--surux-raised-surface) 68%, rgba(255, 255, 255, .32));
  --surux-button-icon-bg: transparent;
}html[data-surux-button-style="raised"] .surux-button-tone-standard {
  --surux-raised-surface: color-mix(in srgb, var(--surux-surface-2) 90%, #64748b 10%);
  --surux-raised-drop-shadow: rgba(0, 0, 0, .28);
  --surux-button-bg: var(--surux-raised-surface);
  --surux-button-fg: var(--surux-text);
  --surux-button-border: color-mix(in srgb, var(--surux-border) 58%, rgba(255, 255, 255, .24));
  --surux-button-icon-bg: transparent;
  --surux-button-icon-fg: var(--surux-button-fg);
}html[data-surux-button-style="raised"] .surux-button-tone-action {
  --surux-raised-surface: var(--surux-primary-action-bg, color-mix(in srgb, var(--surux-surface-2) 38%, var(--surux-primary) 62%));
  --surux-raised-drop-shadow: color-mix(in srgb, var(--surux-primary) 46%, rgba(0, 0, 0, .22));
  --surux-button-bg: var(--surux-raised-surface);
  --surux-button-fg: var(--surux-primary-contrast, #fff);
  --surux-button-border: color-mix(in srgb, var(--surux-primary) 78%, #ffffff 22%);
  --surux-button-icon-bg: transparent;
  --surux-button-icon-fg: var(--surux-primary-contrast, #fff);
}html[data-surux-button-style="raised"][data-surux-appearance="black"][data-surux-theme="default"] .surux-button-tone-action {
  --surux-raised-surface: color-mix(in srgb, var(--surux-surface-2) 34%, #0ea5e9 66%);
  --surux-raised-drop-shadow: rgba(14, 165, 233, .42);
  --surux-button-border: color-mix(in srgb, #38bdf8 82%, #ffffff 18%);
  --surux-button-accent: #38bdf8;
}html[data-surux-button-style="raised"] .surux-button-tone-submitted {
  --surux-raised-surface: var(--surux-workflow-submitted-bg);
  --surux-button-bg: var(--surux-raised-surface);
  --surux-button-fg: var(--surux-workflow-submitted-color);
  --surux-button-border: var(--surux-workflow-submitted-border);
  --surux-button-icon-bg: transparent;
  --surux-button-icon-fg: var(--surux-workflow-submitted-color);
}html[data-surux-button-style="raised"] .surux-button-tone-approved {
  --surux-raised-surface: var(--surux-workflow-approved-bg);
  --surux-button-bg: var(--surux-raised-surface);
  --surux-button-fg: var(--surux-workflow-approved-color);
  --surux-button-border: var(--surux-workflow-approved-border);
  --surux-button-icon-bg: transparent;
  --surux-button-icon-fg: var(--surux-workflow-approved-color);
}html[data-surux-button-style="raised"] .surux-button-tone-paid {
  --surux-raised-surface: var(--surux-workflow-paid-bg);
  --surux-button-bg: var(--surux-raised-surface);
  --surux-button-fg: var(--surux-workflow-paid-color);
  --surux-button-border: var(--surux-workflow-paid-border);
  --surux-button-icon-bg: transparent;
  --surux-button-icon-fg: var(--surux-workflow-paid-color);
}html[data-surux-button-style="raised"] .surux-button-tone-rejected {
  --surux-raised-surface: var(--surux-workflow-rejected-bg);
  --surux-button-bg: var(--surux-raised-surface);
  --surux-button-fg: var(--surux-workflow-rejected-color);
  --surux-button-border: var(--surux-workflow-rejected-border);
  --surux-button-icon-bg: transparent;
  --surux-button-icon-fg: var(--surux-workflow-rejected-color);
}html[data-surux-button-style="raised"] .surux-button-tone-warning {
  --surux-raised-surface: color-mix(in srgb, var(--surux-surface-2) 62%, #d97706 38%);
  --surux-button-bg: var(--surux-raised-surface);
  --surux-button-fg: #fff;
  --surux-button-border: color-mix(in srgb, #f59e0b 62%, #ffffff 38%);
  --surux-button-icon-bg: transparent;
  --surux-button-icon-fg: #fff;
}html[data-surux-button-style="raised"] :is(.btn-danger, .surux-button-tone-destructive, .surux-line-delete-btn) {
  --surux-raised-surface: color-mix(in srgb, var(--surux-surface-2) 58%, color-mix(in srgb, var(--surux-danger-fill) 92%, #000) 42%);
  --surux-raised-drop-shadow: color-mix(in srgb, var(--surux-danger-fill) 30%, transparent);
  --surux-button-bg: var(--surux-raised-surface);
  --surux-button-fg: #fff;
  --surux-button-border: color-mix(in srgb, var(--surux-danger-fill) 91%, #000);
  --surux-button-icon-bg: transparent;
  --surux-button-icon-fg: #fff;
}html[data-surux-button-style="raised"] .surux-button-tone-secondary {
  --surux-raised-surface: color-mix(in srgb, var(--surux-surface-2) 64%, #52525b 36%);
  --surux-button-bg: var(--surux-raised-surface);
  --surux-button-fg: #f4f4f5;
  --surux-button-border: color-mix(in srgb, #a1a1aa 56%, #ffffff 44%);
  --surux-button-icon-bg: transparent;
}html[data-surux-button-style="raised"] :is(.surux-button-pressed, .surux-command-button[aria-pressed="true"], .surux-topbar .dropdown-toggle.show, .surux-topbar .dropdown-toggle[aria-expanded="true"], .surux-command-overflow[open] > .surux-command-overflow-trigger) {
  --surux-raised-surface: color-mix(in srgb, var(--surux-button-accent) 84%, #000 16%);
  --surux-button-bg: var(--surux-raised-surface);
  --surux-button-fg: #fff;
  --surux-button-border: color-mix(in srgb, var(--surux-button-accent) 78%, rgba(255, 255, 255, .36));
  --surux-button-icon-bg: transparent;
  --surux-button-icon-fg: var(--surux-button-fg);
  --surux-button-icon-border: transparent;
  transform: translateY(2px) scale(.988) !important;
  box-shadow:
    .16rem .18rem .42rem color-mix(in srgb, var(--surux-button-accent) 32%, transparent),
    inset 0 1px 0 rgba(255, 255, 255, .22),
    inset 0 -.12rem .26rem rgba(0, 0, 0, .2) !important;
}html[data-surux-button-style="raised"] :is(
  .btn:not(.btn-close):not(:where(.surux-toast-button, .surux-picker-action)):hover,
  .btn:not(.btn-close):not(:where(.surux-toast-button, .surux-picker-action)):focus-visible,
  .surux-button:hover,
  .surux-button:focus-visible,
  .surux-command-button:hover,
  .surux-command-button:focus-visible,
  .surux-command-overflow-trigger:hover,
  .surux-command-overflow-trigger:focus-visible,
  .surux-search-submit-btn:hover,
  .surux-search-submit-btn:focus-visible,
  .surux-icon-btn:hover,
  .surux-icon-btn:focus-visible,
  .surux-address-tool:hover,
  .surux-address-tool:focus-visible,
  .surux-address-clear:hover,
  .surux-address-clear:focus-visible,
  .surux-page-all:hover,
  .surux-page-all:focus-visible,
  .surux-sidebar-close:hover,
  .surux-sidebar-close:focus-visible
) {
  transform: translateY(-1px);
  box-shadow:
    .56rem .68rem 1.34rem color-mix(in srgb, var(--surux-raised-drop-shadow) 82%, transparent),
    -.4rem -.4rem .95rem color-mix(in srgb, var(--surux-raised-upper-light) 84%, transparent),
    inset .18rem .18rem .38rem color-mix(in srgb, var(--surux-raised-inner-light) 94%, transparent),
    inset -.18rem -.18rem .38rem var(--surux-raised-inner-shadow) !important;
}html[data-surux-button-style="raised"] :is(
  .btn:not(.btn-close):not(:where(.surux-toast-button, .surux-picker-action)):active,
  .surux-button:active,
  .surux-command-button:active,
  .surux-command-overflow-trigger:active,
  .surux-search-submit-btn:active,
  .surux-icon-btn:active,
  .surux-address-tool:active,
  .surux-address-clear:active,
  .surux-page-all:active,
  .surux-sidebar-close:active
) {
  transform: translateY(1px) scale(.995);
  box-shadow:
    .18rem .2rem .48rem color-mix(in srgb, var(--surux-raised-drop-shadow) 70%, transparent),
    inset .18rem .18rem .34rem rgba(0, 0, 0, .22),
    inset -.12rem -.12rem .24rem rgba(255, 255, 255, .12) !important;
}html[data-bs-theme="light"][data-surux-button-style="raised"] :is(
  .btn:not(.btn-close):not(:where(.surux-toast-button, .surux-picker-action)),
  .surux-button,
  .surux-command-button,
  .surux-command-overflow-trigger,
  .surux-search-submit-btn,
  .surux-icon-btn,
  .surux-address-tool,
  .surux-address-clear,
  .surux-page-all,
  .surux-sidebar-close
) {
  --surux-raised-drop-shadow: color-mix(in srgb, var(--surux-button-accent) 8%, rgba(15, 23, 42, .16));
  --surux-raised-edge: color-mix(in srgb, var(--surux-button-accent) 46%, #64748b 54%);
  --surux-raised-edge-ring: color-mix(in srgb, var(--surux-button-accent) 18%, rgba(15, 23, 42, .18));
  --surux-raised-upper-light: rgba(255, 255, 255, .76);
  --surux-raised-inner-light: rgba(255, 255, 255, .62);
  --surux-raised-inner-shadow: rgba(15, 23, 42, .055);
  border-color: var(--surux-raised-edge) !important;
  box-shadow:
    var(--surux-button-elevation-raised, 0 0 0 1px var(--surux-raised-edge-ring),
    .28rem .34rem .76rem color-mix(in srgb, var(--surux-raised-drop-shadow) 68%, transparent),
    -.2rem -.2rem .52rem rgba(255, 255, 255, .72),
    inset .12rem .12rem .28rem rgba(255, 255, 255, .62),
    inset -.13rem -.13rem .28rem rgba(15, 23, 42, .052)) !important;
}html[data-bs-theme="light"][data-surux-button-style="raised"] :is(
  .btn:not(.btn-close):not(:where(.surux-toast-button, .surux-picker-action)):not(.dropdown-toggle),
  .surux-button,
  .surux-command-button,
  .surux-command-overflow-trigger,
  .surux-search-submit-btn,
  .surux-icon-btn,
  .surux-address-tool,
  .surux-address-clear,
  .surux-page-all,
  .surux-sidebar-close
)::after {
  inset: -7px;
  filter: blur(8px);
  opacity: .18;
}html[data-bs-theme="light"][data-surux-theme="yellow"][data-surux-button-style="raised"] :is(
  .btn:not(.btn-close):not(:where(.surux-toast-button, .surux-picker-action)),
  .surux-button,
  .surux-command-button,
  .surux-command-overflow-trigger,
  .surux-search-submit-btn,
  .surux-icon-btn,
  .surux-address-tool,
  .surux-address-clear,
  .surux-page-all,
  .surux-sidebar-close
) {
  --surux-raised-drop-shadow: rgba(250, 204, 21, .22);
  --surux-raised-edge: color-mix(in srgb, #facc15 72%, #f59e0b 28%);
  --surux-raised-edge-ring: rgba(250, 204, 21, .32);
}html[data-bs-theme="light"][data-surux-button-style="raised"] .surux-command-overflow-trigger {
  --surux-raised-surface: color-mix(in srgb, #ffffff 88%, #e2e8f0 12%);
  --surux-raised-drop-shadow: rgba(100, 116, 139, .16);
  --surux-raised-edge: color-mix(in srgb, #f8fafc 54%, #64748b 46%);
  --surux-raised-edge-ring: rgba(100, 116, 139, .16);
  --surux-button-bg: var(--surux-raised-surface);
  --surux-button-fg: #0f172a;
  --surux-button-border: color-mix(in srgb, #f8fafc 62%, #64748b 38%);
  --surux-button-icon-fg: #0f172a;
}html[data-bs-theme="light"][data-surux-button-style="raised"] :is(
  .surux-button-tone-standard,
  .surux-button-tone-secondary,
  .surux-button-tone-action,
  .surux-button-tone-submitted,
  .surux-button-tone-approved,
  .surux-button-tone-paid,
  .surux-button-tone-rejected,
  .surux-button-tone-warning,
  .surux-button-tone-destructive
) {
  --surux-raised-surface: color-mix(in srgb, #ffffff 80%, var(--surux-button-accent) 20%);
  --surux-button-bg: var(--surux-raised-surface);
  --surux-button-border: color-mix(in srgb, var(--surux-raised-surface) 62%, var(--surux-button-accent) 38%);
  --surux-button-icon-bg: transparent;
}html[data-bs-theme="light"][data-surux-button-style="raised"] .surux-button-tone-standard {
  --surux-raised-surface: color-mix(in srgb, #ffffff 84%, var(--surux-primary) 16%);
  --surux-raised-drop-shadow: color-mix(in srgb, var(--surux-primary) 18%, rgba(15, 23, 42, .10));
  --surux-raised-edge: color-mix(in srgb, var(--surux-primary) 52%, #ffffff 48%);
  --surux-raised-edge-ring: color-mix(in srgb, var(--surux-primary) 22%, transparent);
  --surux-button-bg: var(--surux-raised-surface);
  --surux-button-fg: color-mix(in srgb, var(--surux-primary) 70%, #0f172a 30%);
  --surux-button-border: color-mix(in srgb, var(--surux-primary) 50%, #ffffff 50%);
  --surux-button-icon-bg: transparent;
  --surux-button-icon-fg: var(--surux-button-fg);
  color: var(--surux-button-fg) !important;
}html[data-bs-theme="light"][data-surux-button-style="raised"] .surux-button-tone-action {
  --surux-raised-surface: var(--surux-primary-action-bg, color-mix(in srgb, #ffffff 68%, var(--surux-primary) 32%));
  --surux-raised-drop-shadow: color-mix(in srgb, var(--surux-primary) 34%, rgba(15, 23, 42, .12));
  --surux-raised-edge: color-mix(in srgb, var(--surux-primary) 74%, #ffffff 26%);
  --surux-raised-edge-ring: color-mix(in srgb, var(--surux-primary) 38%, transparent);
  --surux-button-bg: var(--surux-raised-surface);
  --surux-button-fg: var(--surux-primary-contrast, color-mix(in srgb, var(--surux-primary) 92%, #0f172a 8%));
  --surux-button-border: color-mix(in srgb, var(--surux-primary) 74%, #ffffff 26%);
  --surux-button-icon-bg: transparent;
  --surux-button-icon-fg: var(--surux-button-fg);
  color: var(--surux-button-fg) !important;
}html[data-bs-theme="light"][data-surux-theme="yellow"][data-surux-button-style="raised"] .surux-button-tone-action {
  --surux-raised-surface: color-mix(in srgb, #ffffff 74%, #facc15 26%);
  --surux-raised-drop-shadow: rgba(250, 204, 21, .26);
  --surux-raised-edge: color-mix(in srgb, #ca8a04 60%, #ffffff 40%);
  --surux-raised-edge-ring: rgba(250, 204, 21, .28);
  --surux-button-bg: var(--surux-raised-surface);
  --surux-button-fg: #7c2d12;
  --surux-button-border: color-mix(in srgb, #ca8a04 64%, #ffffff 36%);
  --surux-button-icon-bg: transparent;
  --surux-button-icon-fg: var(--surux-button-fg);
  color: var(--surux-button-fg) !important;
}html[data-bs-theme="light"][data-surux-button-style="raised"] .surux-button-tone-submitted {
  --surux-raised-surface: var(--surux-workflow-submitted-bg);
  --surux-raised-drop-shadow: rgba(245, 158, 11, .18);
  --surux-raised-edge: #f59e0b;
  --surux-raised-edge-ring: rgba(245, 158, 11, .20);
  --surux-button-bg: var(--surux-raised-surface);
  --surux-button-fg: var(--surux-workflow-submitted-color);
  --surux-button-border: var(--surux-workflow-submitted-border);
  --surux-button-icon-bg: transparent;
  --surux-button-icon-fg: var(--surux-workflow-submitted-color);
  color: var(--surux-button-fg) !important;
}html[data-bs-theme="light"][data-surux-button-style="raised"] .surux-button-tone-approved {
  --surux-raised-surface: var(--surux-workflow-approved-bg);
  --surux-raised-drop-shadow: rgba(2, 132, 199, .18);
  --surux-raised-edge: var(--surux-workflow-approved-border);
  --surux-raised-edge-ring: rgba(2, 132, 199, .20);
  --surux-button-bg: var(--surux-raised-surface);
  --surux-button-fg: var(--surux-workflow-approved-color);
  --surux-button-border: var(--surux-workflow-approved-border);
  --surux-button-icon-bg: transparent;
  --surux-button-icon-fg: var(--surux-workflow-approved-color);
  color: var(--surux-button-fg) !important;
}html[data-bs-theme="light"][data-surux-button-style="raised"] .surux-button-tone-paid {
  --surux-raised-surface: var(--surux-workflow-paid-bg);
  --surux-raised-drop-shadow: color-mix(in srgb, var(--surux-success-fill) 18%, transparent);
  --surux-raised-edge: var(--surux-workflow-paid-border);
  --surux-raised-edge-ring: color-mix(in srgb, var(--surux-success-fill) 20%, transparent);
  --surux-button-bg: var(--surux-raised-surface);
  --surux-button-fg: var(--surux-workflow-paid-color);
  --surux-button-border: var(--surux-workflow-paid-border);
  --surux-button-icon-bg: transparent;
  --surux-button-icon-fg: var(--surux-workflow-paid-color);
  color: var(--surux-button-fg) !important;
}html[data-bs-theme="light"][data-surux-button-style="raised"] .surux-button-tone-rejected {
  --surux-raised-surface: var(--surux-workflow-rejected-bg);
  --surux-raised-drop-shadow: color-mix(in srgb, var(--surux-danger-fill) 18%, transparent);
  --surux-raised-edge: var(--surux-workflow-rejected-border);
  --surux-raised-edge-ring: color-mix(in srgb, var(--surux-danger-fill) 20%, transparent);
  --surux-button-bg: var(--surux-raised-surface);
  --surux-button-fg: var(--surux-workflow-rejected-color);
  --surux-button-border: var(--surux-workflow-rejected-border);
  --surux-button-icon-bg: transparent;
  --surux-button-icon-fg: var(--surux-workflow-rejected-color);
  color: var(--surux-button-fg) !important;
}html[data-bs-theme="light"][data-surux-button-style="raised"] .surux-button-tone-warning {
  --surux-raised-surface: color-mix(in srgb, #ffffff 82%, #facc15 18%);
  --surux-raised-drop-shadow: rgba(250, 204, 21, .18);
  --surux-raised-edge: color-mix(in srgb, #ca8a04 48%, #ffffff 52%);
  --surux-raised-edge-ring: rgba(234, 179, 8, .20);
  --surux-button-bg: var(--surux-raised-surface);
  --surux-button-fg: #854d0e;
  --surux-button-border: color-mix(in srgb, #ca8a04 52%, #ffffff 48%);
  --surux-button-icon-bg: transparent;
  --surux-button-icon-fg: var(--surux-button-fg);
  color: var(--surux-button-fg) !important;
}html[data-bs-theme="light"][data-surux-button-style="raised"] :is(.btn-danger, .surux-button-tone-destructive, .surux-line-delete-btn) {
  --surux-raised-surface: linear-gradient(145deg, var(--surux-danger-fill), color-mix(in srgb, var(--surux-danger-fill) 77%, #000));
  --surux-raised-drop-shadow: color-mix(in srgb, var(--surux-danger-fill) 28%, transparent);
  --surux-raised-edge: color-mix(in srgb, var(--surux-danger-fill) 87%, #000);
  --surux-raised-edge-ring: color-mix(in srgb, var(--surux-danger-fill) 28%, transparent);
  --surux-button-bg: var(--surux-raised-surface);
  --surux-button-fg: #fff;
  --surux-button-border: color-mix(in srgb, var(--surux-danger-fill) 87%, #000);
  --surux-button-icon-bg: transparent;
  --surux-button-icon-fg: var(--surux-button-fg);
  color: var(--surux-button-fg) !important;
}html[data-bs-theme="light"][data-surux-button-style="raised"] .surux-button-tone-secondary {
  --surux-raised-surface: color-mix(in srgb, #f8fafc 84%, #64748b 16%);
  --surux-raised-drop-shadow: rgba(100, 116, 139, .18);
  --surux-raised-edge: color-mix(in srgb, #f8fafc 56%, #64748b 44%);
  --surux-raised-edge-ring: rgba(100, 116, 139, .18);
  --surux-button-bg: var(--surux-raised-surface);
  --surux-button-fg: #334155;
  --surux-button-border: color-mix(in srgb, #f8fafc 62%, #64748b 38%);
  --surux-button-icon-bg: transparent;
  --surux-button-icon-fg: #334155;
}html[data-bs-theme="light"][data-surux-theme="yellow"][data-surux-button-style="raised"] .surux-command-button.surux-button-tone-secondary {
  --surux-raised-surface: color-mix(in srgb, #f8fafc 84%, #64748b 16%);
  --surux-raised-drop-shadow: rgba(100, 116, 139, .18);
  --surux-raised-edge: color-mix(in srgb, #f8fafc 56%, #64748b 44%);
  --surux-raised-edge-ring: rgba(100, 116, 139, .18);
  --surux-button-bg: var(--surux-raised-surface);
  --surux-button-fg: #334155;
  --surux-button-border: color-mix(in srgb, #f8fafc 62%, #64748b 38%);
  --surux-button-icon-bg: transparent;
  --surux-button-icon-fg: #334155;
}

@media (max-width: 991.98px) {.surux-list-footer {
    align-items: stretch;
    flex-direction: column;
    gap: .75rem;
    margin-top: 1.15rem;
    margin-bottom: 1rem;
    padding: .8rem var(--surux-mobile-list-rail, .55rem) max(1.25rem, env(safe-area-inset-bottom));
    border-top: 1px solid color-mix(in srgb, var(--surux-border) 78%, rgba(var(--surux-primary-rgb), .18));
    border-radius: .8rem;
    background: color-mix(in srgb, var(--surux-surface) 82%, transparent);
  }.surux-list-count {
    white-space: normal;
    text-align: center;
    line-height: 1.35;
  }.surux-list-pager {
    width: 100%;
    display: grid;
    grid-template-columns: 2.25rem minmax(5.8rem, 1fr) minmax(5.2rem, .8fr) 2.25rem;
    gap: .5rem;
    align-items: center;
    justify-content: stretch;
  }.surux-page-control,
.surux-page-size-control {
    min-width: 0;
    min-height: 42px;
    justify-content: center;
    padding-left: .34rem;
    padding-right: .34rem;
    border-radius: .65rem;
  }.surux-page-selector,
.surux-page-size-selector {
    width: 100%;
    min-width: 0;
  }.surux-page-total {
    white-space: nowrap;
  }
}

@media (max-width: 400px) {.surux-list-pager {
    grid-template-columns: 2.25rem minmax(5.2rem, 1fr) minmax(4.75rem, .8fr) 2.25rem;
    gap: .35rem;
  }
}

@media (max-width: 1399.98px),
       ((hover: none) and (pointer: coarse) and (max-width: 1599.98px)) {.surux-search-mobile-actions .surux-inline-new-btn.surux-command-button-icon-only {
    --surux-button-accent: var(--surux-primary);
    --surux-button-bg: color-mix(in srgb, var(--surux-surface) 82%, rgba(var(--surux-primary-rgb), .18));
    --surux-button-fg: var(--surux-text);
    --surux-button-border: color-mix(in srgb, var(--surux-border) 52%, rgba(var(--surux-primary-rgb), .48));
    --surux-button-glow: rgba(var(--surux-primary-rgb), .22);
    --surux-button-glass: rgba(255, 255, 255, .11);
    --surux-button-icon-bg: color-mix(in srgb, var(--surux-surface-2) 72%, rgba(var(--surux-primary-rgb), .28));
    --surux-button-icon-fg: var(--surux-text);
    --surux-button-icon-border: color-mix(in srgb, var(--surux-border) 44%, rgba(var(--surux-primary-rgb), .46));
    width: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;
    height: 46px !important;
    min-height: 46px !important;
    padding: 0 !important;
    align-self: center;
    justify-self: start;
    border-color: var(--surux-button-border) !important;
    border-radius: 999px !important;
    color: var(--surux-button-fg) !important;
    flex: 0 0 46px;
  }.surux-search-mobile-actions .surux-filter-search .surux-search-submit-inline.surux-command-button {
    position: absolute !important;
    top: 50% !important;
    right: .25rem !important;
    z-index: 4;
    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: .72rem !important;
    transform: translateY(-50%) !important;
  }.surux-search-mobile-actions .surux-filter-search .surux-search-mobile-toggle.surux-command-button-icon-only {
    --surux-button-bg: transparent;
    --surux-button-border: transparent;
    --surux-button-glow: transparent;
    --surux-button-icon-bg: transparent;
    --surux-button-icon-fg: var(--surux-primary);
    --surux-button-icon-border: transparent;
    position: absolute !important;
    top: 50% !important;
    right: 2.78rem !important;
    z-index: 4;
    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: .72rem !important;
    background: transparent !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    color: var(--surux-primary) !important;
    box-shadow: none !important;
    opacity: .84;
    transform: translateY(-50%) !important;
  }.surux-search-mobile-actions .surux-filter-search .surux-search-submit-inline.surux-command-button:hover,
.surux-search-mobile-actions .surux-filter-search .surux-search-submit-inline.surux-command-button:focus-visible,
.surux-search-mobile-actions .surux-filter-search .surux-search-mobile-toggle.surux-command-button-icon-only:hover,
.surux-search-mobile-actions .surux-filter-search .surux-search-mobile-toggle.surux-command-button-icon-only:focus-visible {
    background: color-mix(in srgb, var(--surux-primary) 10%, transparent) !important;
    box-shadow: none !important;
    opacity: 1;
    transform: translateY(-50%) scale(1.025) !important;
  }.surux-search-mobile-actions .surux-filter-search .surux-search-submit-inline.surux-command-button:active,
.surux-search-mobile-actions .surux-filter-search .surux-search-mobile-toggle.surux-command-button-icon-only:active {
    transform: translateY(-50%) scale(.99) !important;
  }.surux-search-fields .surux-search-clear-fields.surux-command-button-icon-only {
    --surux-button-bg: transparent;
    --surux-button-border: transparent;
    --surux-button-glow: transparent;
    --surux-button-icon-bg: transparent;
    --surux-button-icon-fg: var(--surux-primary);
    --surux-button-icon-border: transparent;
    width: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;
    height: 46px !important;
    min-height: 46px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    color: var(--surux-primary) !important;
    box-shadow: none !important;
    opacity: .88;
  }.surux-search-fields .surux-search-clear-fields.surux-command-button-icon-only::before,
.surux-search-fields .surux-search-clear-fields.surux-command-button-icon-only::after {
    display: none !important;
  }.surux-search-fields .surux-search-clear-fields.surux-command-button-icon-only:hover,
.surux-search-fields .surux-search-clear-fields.surux-command-button-icon-only:focus-visible {
    background: color-mix(in srgb, var(--surux-primary) 12%, transparent) !important;
    opacity: 1;
  }.surux-search-mobile-actions .surux-inline-new-btn .surux-command-button-icon,
.surux-search-mobile-actions .surux-search-mobile-toggle .surux-command-button-icon,
.surux-search-mobile-actions .surux-search-submit-inline .surux-command-button-icon,
.surux-search-fields .surux-search-clear-fields .surux-command-button-icon {
    width: 1.42rem !important;
    height: 1.42rem !important;
    flex: 0 0 1.42rem !important;
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
  }.surux-search-mobile-actions .surux-inline-new-btn .surux-command-button-icon i,
.surux-search-mobile-actions .surux-search-mobile-toggle .surux-command-button-icon i,
.surux-search-mobile-actions .surux-search-submit-inline .surux-command-button-icon i,
.surux-search-fields .surux-search-clear-fields .surux-command-button-icon i {
    font-size: 1rem !important;
  }.surux-search-mobile-actions .surux-inline-new-btn::after,
.surux-search-mobile-actions .surux-search-mobile-toggle::after,
.surux-search-mobile-actions .surux-search-submit-inline::after {
    inset: -3px !important;
    border-radius: calc(var(--surux-button-radius) + 3px) !important;
  }
}

@media (max-width: 767.98px) {.surux-search-mobile-actions {
    grid-template-columns: minmax(0, 1fr) !important;
    row-gap: 0 !important;
    align-items: center !important;
  }.surux-search-bar-has-create .surux-search-mobile-actions {
    grid-template-columns: 42px minmax(0, 1fr) !important;
  }.surux-search-bar-has-active-filters .surux-search-mobile-actions {
    grid-template-columns: minmax(0, 1fr) !important;
  }.surux-search-bar-has-create.surux-search-bar-has-active-filters .surux-search-mobile-actions {
    grid-template-columns: 42px minmax(0, 1fr) !important;
  }.surux-search-mobile-actions .surux-inline-new-btn.surux-command-button-icon-only {
    --surux-button-bg: transparent;
    --surux-button-border: transparent;
    --surux-button-glow: transparent;
    --surux-button-icon-bg: transparent;
    --surux-button-icon-fg: var(--surux-primary);
    --surux-button-icon-border: transparent;
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    border: 0 !important;
    background: transparent !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    color: var(--surux-primary) !important;
    box-shadow: none !important;
    opacity: .88;
  }.surux-search-mobile-actions .surux-inline-new-btn.surux-command-button-icon-only::before,
.surux-search-mobile-actions .surux-inline-new-btn.surux-command-button-icon-only::after {
    display: none !important;
  }.surux-search-mobile-actions .surux-inline-new-btn.surux-command-button-icon-only:hover,
.surux-search-mobile-actions .surux-inline-new-btn.surux-command-button-icon-only:focus-visible {
    background: color-mix(in srgb, var(--surux-primary) 12%, transparent) !important;
    opacity: 1;
  }.surux-search-mobile-actions .surux-inline-new-btn.surux-command-button-icon-only .surux-command-button-icon,
.surux-search-mobile-actions .surux-inline-new-btn.surux-command-button-icon-only .surux-command-button-icon i,
.surux-search-fields .surux-search-clear-fields.surux-command-button-icon-only .surux-command-button-icon,
.surux-search-fields .surux-search-clear-fields.surux-command-button-icon-only .surux-command-button-icon i {
    color: var(--surux-primary) !important;
  }.surux-search-mobile-actions .surux-filter-search {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }.surux-search-bar-has-create .surux-search-mobile-actions .surux-filter-search,
.surux-search-bar-has-create.surux-search-bar-has-active-filters .surux-search-mobile-actions .surux-filter-search {
    grid-column: 2 !important;
  }.surux-search-mobile-actions .surux-filter-search .surux-search-submit-inline.surux-command-button {
    --surux-button-bg: transparent;
    --surux-button-border: transparent;
    --surux-button-glow: transparent;
    --surux-button-icon-bg: transparent;
    --surux-button-icon-fg: var(--surux-primary);
    --surux-button-icon-border: transparent;
    right: .38rem !important;
    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    color: var(--surux-primary) !important;
    box-shadow: none !important;
    opacity: .82;
  }.surux-search-mobile-actions .surux-filter-search .surux-search-submit-inline.surux-command-button::before,
.surux-search-mobile-actions .surux-filter-search .surux-search-submit-inline.surux-command-button::after {
    display: none !important;
  }.surux-search-mobile-actions .surux-filter-search .surux-search-submit-inline.surux-command-button:hover,
.surux-search-mobile-actions .surux-filter-search .surux-search-submit-inline.surux-command-button:focus-visible {
    background: color-mix(in srgb, var(--surux-primary) 12%, transparent) !important;
    opacity: 1;
  }.surux-search-mobile-actions .surux-filter-search .surux-search-submit-inline .surux-command-button-icon {
    width: 1.1rem !important;
    height: 1.1rem !important;
    flex-basis: 1.1rem !important;
    color: var(--surux-primary) !important;
  }.surux-search-mobile-actions .surux-filter-search .surux-search-submit-inline .surux-command-button-icon i {
    color: var(--surux-primary) !important;
    font-size: .96rem !important;
  }.surux-search-mobile-actions .surux-search-mobile-toggle.surux-command-button-icon-only {
    --surux-button-bg: transparent;
    --surux-button-border: transparent;
    --surux-button-glow: transparent;
    --surux-button-icon-bg: transparent;
    --surux-button-icon-fg: var(--surux-primary);
    --surux-button-icon-border: transparent;
    position: absolute !important;
    top: 50% !important;
    right: 2.55rem !important;
    z-index: 4;
    border-color: transparent !important;
    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    color: var(--surux-primary) !important;
    box-shadow: none !important;
    opacity: .82;
    transform: translateY(-50%) !important;
  }.surux-search-bar-has-create .surux-search-mobile-actions .surux-search-mobile-toggle.surux-command-button-icon-only,
.surux-search-bar-has-create.surux-search-bar-has-active-filters .surux-search-mobile-actions .surux-search-mobile-toggle.surux-command-button-icon-only {
    right: 2.55rem !important;
  }.surux-search-mobile-actions .surux-search-mobile-toggle.surux-command-button-icon-only::before,
.surux-search-mobile-actions .surux-search-mobile-toggle.surux-command-button-icon-only::after {
    display: none !important;
  }.surux-search-mobile-actions .surux-search-mobile-toggle.surux-command-button-icon-only:hover,
.surux-search-mobile-actions .surux-search-mobile-toggle.surux-command-button-icon-only:focus-visible,
.surux-search-mobile-actions .surux-search-mobile-toggle.surux-command-button-icon-only[aria-pressed="true"],
.surux-search-mobile-actions .surux-search-mobile-toggle.surux-command-button-icon-only.surux-search-mobile-toggle-active {
    background: color-mix(in srgb, var(--surux-primary) 12%, transparent) !important;
    box-shadow: none !important;
    opacity: 1;
    transform: translateY(-50%) !important;
  }.surux-search-mobile-actions .surux-search-mobile-toggle.surux-command-button-icon-only .surux-command-button-icon,
.surux-search-mobile-actions .surux-search-mobile-toggle.surux-command-button-icon-only .surux-command-button-icon i {
    color: var(--surux-primary) !important;
  }.surux-search-mobile-actions .surux-search-mobile-toggle.surux-command-button-icon-only .surux-command-button-icon {
    width: 1rem !important;
    height: 1rem !important;
    flex: 0 0 1rem !important;
  }.surux-search-mobile-actions .surux-search-mobile-toggle.surux-command-button-icon-only .surux-command-button-icon i {
    font-size: .82rem !important;
  }.surux-search-fields .surux-search-clear-fields.surux-command-button-icon-only {
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
  }.surux-search-mobile-actions .surux-search-mobile-toggle .surux-search-active-count {
    top: -.18rem;
    right: .08rem;
    min-width: .98rem;
    height: .98rem;
    padding: 0 .22rem;
    font-size: .56rem;
    border-color: color-mix(in srgb, var(--surux-surface) 82%, transparent);
  }
}

.surux-command-button.surux-button-pressed,
.surux-command-button[aria-pressed="true"] {
  --surux-button-icon-fg: var(--surux-button-fg);
}

.surux-command-button.surux-button-pressed .surux-command-button-icon,
.surux-command-button[aria-pressed="true"] .surux-command-button-icon,
.surux-command-button.surux-button-pressed .surux-command-button-icon i,
.surux-command-button[aria-pressed="true"] .surux-command-button-icon i {
  color: var(--surux-button-fg) !important;
}

/* Compact, neutral-at-rest icon action. Tone colour is reserved for interaction. */
html .btn.surux-button.surux-command-button.surux-command-button-icon-only.surux-command-button-icon-only-subtle,
html .btn.surux-button.surux-command-button.surux-command-button-icon-only.surux-command-button-icon-only-tinted {
  --surux-button-subtle-accent: var(--surux-primary);
  --surux-button-radius: var(--surux-button-radius-pill, 999px);
  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: 1px solid color-mix(in srgb, var(--surux-border) 86%, var(--surux-muted) 14%) !important;
  border-radius: var(--surux-button-radius-pill, 999px) !important;
  background: color-mix(in srgb, var(--surux-surface-2) 78%, transparent) !important;
  color: var(--surux-muted) !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
}

html .btn.surux-button.surux-command-button.surux-command-button-icon-only.surux-command-button-icon-only-subtle.surux-button-tone-standard,
html .btn.surux-button.surux-command-button.surux-command-button-icon-only.surux-command-button-icon-only-subtle.surux-button-tone-action {
  --surux-button-subtle-accent: var(--surux-primary);
}

html .btn.surux-button.surux-command-button.surux-command-button-icon-only.surux-command-button-icon-only-subtle.surux-button-tone-secondary {
  --surux-button-subtle-accent: color-mix(in srgb, var(--surux-muted) 70%, var(--surux-text) 30%);
}

html .btn.surux-button.surux-command-button.surux-command-button-icon-only.surux-command-button-icon-only-subtle.surux-button-tone-submitted,
html .btn.surux-button.surux-command-button.surux-command-button-icon-only.surux-command-button-icon-only-subtle.surux-button-tone-warning {
  --surux-button-subtle-accent: #f59e0b;
}

html .btn.surux-button.surux-command-button.surux-command-button-icon-only.surux-command-button-icon-only-subtle.surux-button-tone-approved {
  --surux-button-subtle-accent: #18a7d8;
}

html .btn.surux-button.surux-command-button.surux-command-button-icon-only.surux-command-button-icon-only-subtle.surux-button-tone-paid {
  --surux-button-subtle-accent: var(--surux-success-fill);
}

html .btn.surux-button.surux-command-button.surux-command-button-icon-only.surux-command-button-icon-only-subtle.surux-button-tone-rejected {
  --surux-button-subtle-accent: var(--surux-danger-fill);
}

html .btn.surux-button.surux-command-button.surux-command-button-icon-only.surux-command-button-icon-only-subtle.surux-button-tone-destructive {
  --surux-button-subtle-accent: var(--surux-danger-fill);
}

/* Tinted is subtle with its tone showing at rest. It remaps only the three properties the
   subtle surface sets - border, background and colour - reading the same
   --surux-button-subtle-accent the tone already supplies, so every tone works and nothing else
   changes. Use it where the action belongs to something the tone already colours, such as the
   actions on a warning, where a neutral control reads as unrelated to it. */
html .btn.surux-button.surux-command-button.surux-command-button-icon-only.surux-command-button-icon-only-tinted {
  border-color: color-mix(in srgb, var(--surux-button-subtle-accent) 45%, transparent) !important;
  background: color-mix(in srgb, var(--surux-button-subtle-accent) 13%, transparent) !important;
  color: var(--surux-button-subtle-accent) !important;
}

html .btn.surux-button.surux-command-button.surux-command-button-icon-only.surux-command-button-icon-only-tinted:hover,
html .btn.surux-button.surux-command-button.surux-command-button-icon-only.surux-command-button-icon-only-tinted:focus-visible {
  border-color: color-mix(in srgb, var(--surux-button-subtle-accent) 70%, transparent) !important;
  background: color-mix(in srgb, var(--surux-button-subtle-accent) 22%, transparent) !important;
}

.surux-command-button-icon-only-subtle::before,
.surux-command-button-icon-only-subtle::after,
.surux-command-button-icon-only-tinted::before,
.surux-command-button-icon-only-tinted::after {
  display: none !important;
}

html .btn.surux-button.surux-command-button.surux-command-button-icon-only.surux-command-button-icon-only-subtle .surux-command-button-icon,
html .btn.surux-button.surux-command-button.surux-command-button-icon-only.surux-command-button-icon-only-tinted .surux-command-button-icon {
  width: 1rem !important;
  height: 1rem !important;
  flex: 0 0 1rem !important;
  border: 0 !important;
  background: transparent !important;
  color: inherit !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

html .btn.surux-button.surux-command-button.surux-command-button-icon-only.surux-command-button-icon-only-subtle:hover,
html .btn.surux-button.surux-command-button.surux-command-button-icon-only.surux-command-button-icon-only-subtle:focus-visible {
  border-color: color-mix(in srgb, var(--surux-button-subtle-accent) 68%, var(--surux-border)) !important;
  background: color-mix(in srgb, var(--surux-button-subtle-accent) 16%, var(--surux-surface-2)) !important;
  color: var(--surux-button-subtle-accent) !important;
  box-shadow: 0 0 0 .16rem color-mix(in srgb, var(--surux-button-subtle-accent) 14%, transparent) !important;
  filter: none !important;
  transform: none !important;
}

html .btn.surux-button.surux-command-button.surux-command-button-icon-only.surux-command-button-icon-only-subtle:active,
html .btn.surux-button.surux-command-button.surux-command-button-icon-only.surux-command-button-icon-only-subtle.surux-button-pressed,
html .btn.surux-button.surux-command-button.surux-command-button-icon-only.surux-command-button-icon-only-subtle[aria-pressed="true"] {
  border-color: color-mix(in srgb, var(--surux-button-subtle-accent) 72%, var(--surux-border)) !important;
  background: color-mix(in srgb, var(--surux-button-subtle-accent) 20%, var(--surux-surface-2)) !important;
  color: var(--surux-button-subtle-accent) !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--surux-button-subtle-accent) 16%, transparent) !important;
  filter: none !important;
  transform: scale(.96) !important;
}

html .btn.surux-button.surux-command-button.surux-command-button-icon-only.surux-command-button-icon-only-subtle:hover .surux-command-button-icon,
html .btn.surux-button.surux-command-button.surux-command-button-icon-only.surux-command-button-icon-only-subtle:hover .surux-command-button-icon i,
html .btn.surux-button.surux-command-button.surux-command-button-icon-only.surux-command-button-icon-only-subtle:focus-visible .surux-command-button-icon,
html .btn.surux-button.surux-command-button.surux-command-button-icon-only.surux-command-button-icon-only-subtle:focus-visible .surux-command-button-icon i,
html .btn.surux-button.surux-command-button.surux-command-button-icon-only.surux-command-button-icon-only-subtle:active .surux-command-button-icon,
html .btn.surux-button.surux-command-button.surux-command-button-icon-only.surux-command-button-icon-only-subtle:active .surux-command-button-icon i,
html .btn.surux-button.surux-command-button.surux-command-button-icon-only.surux-command-button-icon-only-subtle.surux-button-pressed .surux-command-button-icon,
html .btn.surux-button.surux-command-button.surux-command-button-icon-only.surux-command-button-icon-only-subtle.surux-button-pressed .surux-command-button-icon i,
html .btn.surux-button.surux-command-button.surux-command-button-icon-only.surux-command-button-icon-only-subtle[aria-pressed="true"] .surux-command-button-icon,
html .btn.surux-button.surux-command-button.surux-command-button-icon-only.surux-command-button-icon-only-subtle[aria-pressed="true"] .surux-command-button-icon i {
  color: var(--surux-button-subtle-accent) !important;
}

html .btn.surux-button.surux-command-button.surux-command-button-icon-only.surux-command-button-icon-only-subtle:disabled,
html .btn.surux-button.surux-command-button.surux-command-button-icon-only.surux-command-button-icon-only-subtle[aria-disabled="true"] {
  border-color: var(--surux-disabled-control-border) !important;
  background: var(--surux-disabled-control-bg) !important;
  color: var(--surux-disabled-control-icon) !important;
  box-shadow: none !important;
  opacity: .62;
  transform: none !important;
}

/* Shared compact surface for IconOnlySubtle and its visible-label Subtle sibling. */
html .btn.surux-button.surux-command-button.surux-command-button-subtle-surface {
  --surux-button-subtle-accent: var(--surux-primary);
  --surux-button-radius: var(--surux-button-radius-pill, 999px);
  height: var(--surux-icon-only-subtle-size, 2.25rem) !important;
  min-height: var(--surux-icon-only-subtle-size, 2.25rem) !important;
  border: 1px solid color-mix(in srgb, var(--surux-border) 86%, var(--surux-muted) 14%) !important;
  border-radius: var(--surux-button-radius-pill, 999px) !important;
  background: color-mix(in srgb, var(--surux-surface-2) 78%, transparent) !important;
  color: var(--surux-muted) !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
}

html .btn.surux-button.surux-command-button.surux-command-button-subtle-surface.surux-command-button-icon-only {
  width: var(--surux-icon-only-subtle-size, 2.25rem) !important;
  min-width: var(--surux-icon-only-subtle-size, 2.25rem) !important;
  padding: 0 !important;
}

html .btn.surux-button.surux-command-button.surux-command-button-subtle-surface.surux-command-button-subtle {
  width: auto !important;
  min-width: 0 !important;
  padding: .44rem .72rem .44rem .58rem !important;
  gap: .4rem !important;
}

html .btn.surux-button.surux-command-button.surux-command-button-subtle-surface.surux-button-tone-standard,
html .btn.surux-button.surux-command-button.surux-command-button-subtle-surface.surux-button-tone-action {
  --surux-button-subtle-accent: var(--surux-primary);
}

html .btn.surux-button.surux-command-button.surux-command-button-subtle-surface.surux-button-tone-secondary {
  --surux-button-subtle-accent: color-mix(in srgb, var(--surux-muted) 70%, var(--surux-text) 30%);
}

html .btn.surux-button.surux-command-button.surux-command-button-subtle-surface.surux-button-tone-submitted,
html .btn.surux-button.surux-command-button.surux-command-button-subtle-surface.surux-button-tone-warning {
  --surux-button-subtle-accent: #f59e0b;
}

html .btn.surux-button.surux-command-button.surux-command-button-subtle-surface.surux-button-tone-approved {
  --surux-button-subtle-accent: #18a7d8;
}

html .btn.surux-button.surux-command-button.surux-command-button-subtle-surface.surux-button-tone-paid {
  --surux-button-subtle-accent: var(--surux-success-fill);
}

html .btn.surux-button.surux-command-button.surux-command-button-subtle-surface.surux-button-tone-rejected {
  --surux-button-subtle-accent: var(--surux-danger-fill);
}

html .btn.surux-button.surux-command-button.surux-command-button-subtle-surface.surux-button-tone-destructive {
  --surux-button-subtle-accent: var(--surux-danger-fill);
}

/* Unfilled Action. The filled tone paints --surux-primary-contrast, which is the ink for a
   solid accent and disappears on a quiet surface. These three keep the tone accent. Cyberpunk
   Neon replaces it with the neon glyph. */
html .btn.surux-button.surux-command-button.surux-button-tone-action:is(
  .surux-command-button-icon-only-subtle,
  .surux-command-button-subtle-surface,
  .surux-command-button-icon-only-tinted
) {
  --surux-button-fg: var(--surux-button-subtle-accent);
  --surux-button-icon-fg: var(--surux-button-subtle-accent);
  color: var(--surux-button-subtle-accent) !important;
}

.surux-command-button-subtle-surface::before,
.surux-command-button-subtle-surface::after {
  display: none !important;
}

html .btn.surux-button.surux-command-button.surux-command-button-subtle-surface .surux-command-button-icon {
  width: 1rem !important;
  height: 1rem !important;
  flex: 0 0 1rem !important;
  border: 0 !important;
  background: transparent !important;
  color: inherit !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

html .btn.surux-button.surux-command-button.surux-command-button-subtle-surface .surux-command-button-icon i {
  color: inherit !important;
}

html .btn.surux-button.surux-command-button.surux-command-button-subtle-surface:hover,
html .btn.surux-button.surux-command-button.surux-command-button-subtle-surface:focus-visible {
  border-color: color-mix(in srgb, var(--surux-button-subtle-accent) 68%, var(--surux-border)) !important;
  background: color-mix(in srgb, var(--surux-button-subtle-accent) 16%, var(--surux-surface-2)) !important;
  color: var(--surux-button-subtle-accent) !important;
  box-shadow: 0 0 0 .16rem color-mix(in srgb, var(--surux-button-subtle-accent) 14%, transparent) !important;
  filter: none !important;
  transform: none !important;
}

html:not([data-surux-contrast="high"]) .btn.surux-button.surux-command-button.surux-command-button-subtle-surface.surux-button-tone-action:hover,
html:not([data-surux-contrast="high"]) .btn.surux-button.surux-command-button.surux-command-button-subtle-surface.surux-button-tone-action:focus-visible {
  --surux-subtle-focus-bg: var(--surux-surface-2);
  background: var(--surux-subtle-focus-bg, var(--surux-surface-2)) !important;
}

html .btn.surux-button.surux-command-button.surux-command-button-subtle-surface:active,
html .btn.surux-button.surux-command-button.surux-command-button-subtle-surface.surux-button-pressed,
html .btn.surux-button.surux-command-button.surux-command-button-subtle-surface[aria-pressed="true"] {
  border-color: color-mix(in srgb, var(--surux-button-subtle-accent) 72%, var(--surux-border)) !important;
  background: color-mix(in srgb, var(--surux-button-subtle-accent) 20%, var(--surux-surface-2)) !important;
  color: var(--surux-button-subtle-accent) !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--surux-button-subtle-accent) 16%, transparent) !important;
  filter: none !important;
  transform: scale(.96) !important;
}

html .btn.surux-button.surux-command-button.surux-command-button-subtle-surface:disabled,
html .btn.surux-button.surux-command-button.surux-command-button-subtle-surface[aria-disabled="true"] {
  border-color: var(--surux-disabled-control-border) !important;
  background: var(--surux-disabled-control-bg) !important;
  color: var(--surux-disabled-control-icon) !important;
  box-shadow: none !important;
  opacity: .62;
  transform: none !important;
}

/* IconOnlyToggle: same rest weight as IconOnly. Selected controls sit recessed
   in the surface, retaining their accent and on/off pip through hover and focus. */
html .btn.surux-button.surux-command-button.surux-command-button-icon-only.surux-command-button-icon-only-toggle {
  position: relative !important;
}

html .btn.surux-button.surux-command-button.surux-command-button-icon-only.surux-command-button-icon-only-toggle.surux-button-pressed,
html .btn.surux-button.surux-command-button.surux-command-button-icon-only.surux-command-button-icon-only-toggle[aria-pressed="true"],
html .btn.surux-button.surux-command-button.surux-command-button-icon-only.surux-command-button-icon-only-toggle.surux-button-pressed:hover,
html .btn.surux-button.surux-command-button.surux-command-button-icon-only.surux-command-button-icon-only-toggle[aria-pressed="true"]:hover,
html .btn.surux-button.surux-command-button.surux-command-button-icon-only.surux-command-button-icon-only-toggle.surux-button-pressed:focus-visible,
html .btn.surux-button.surux-command-button.surux-command-button-icon-only.surux-command-button-icon-only-toggle[aria-pressed="true"]:focus-visible {
  border-color: var(--surux-button-accent) !important;
  background: var(--surux-button-accent) !important;
  color: var(--surux-primary-contrast) !important;
  box-shadow:
    inset 0 .2rem .35rem color-mix(in srgb, var(--surux-button-accent) 45%, #000 55%),
    inset 0 -.12rem .25rem color-mix(in srgb, var(--surux-button-accent) 65%, #fff 35%) !important;
  filter: none !important;
  transform: translateY(1px) !important;
}

html .btn.surux-button.surux-command-button.surux-command-button-icon-only.surux-command-button-icon-only-toggle.surux-button-pressed::before,
html .btn.surux-button.surux-command-button.surux-command-button-icon-only.surux-command-button-icon-only-toggle.surux-button-pressed::after,
html .btn.surux-button.surux-command-button.surux-command-button-icon-only.surux-command-button-icon-only-toggle[aria-pressed="true"]::before,
html .btn.surux-button.surux-command-button.surux-command-button-icon-only.surux-command-button-icon-only-toggle[aria-pressed="true"]::after {
  display: none !important;
}

@media (prefers-reduced-transparency: reduce) {
  .surux-button,
  .surux-command-button,
  .surux-command-overflow-trigger,
  .surux-search-submit-btn,
  .surux-icon-btn,
  .surux-address-tool,
  .surux-address-clear,
  .surux-page-all,
  .surux-sidebar-close,
  .surux-command-button-icon {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}

html .btn.surux-button.surux-command-button.surux-command-button-icon-only.surux-command-button-icon-only-toggle.surux-button-pressed .surux-command-button-icon,
html .btn.surux-button.surux-command-button.surux-command-button-icon-only.surux-command-button-icon-only-toggle.surux-button-pressed .surux-command-button-icon i,
html .btn.surux-button.surux-command-button.surux-command-button-icon-only.surux-command-button-icon-only-toggle[aria-pressed="true"] .surux-command-button-icon,
html .btn.surux-button.surux-command-button.surux-command-button-icon-only.surux-command-button-icon-only-toggle[aria-pressed="true"] .surux-command-button-icon i {
  color: var(--surux-primary-contrast) !important;
}

/* Keyboard focus stays distinct from the persistent pressed depth. */
html .btn.surux-button.surux-command-button.surux-command-button-icon-only.surux-command-button-icon-only-toggle:focus-visible {
  outline: 2px solid var(--surux-text) !important;
  outline-offset: 3px;
}

.surux-command-button-toggle-state {
  position: absolute;
  top: .18rem;
  right: .18rem;
  width: .42rem;
  height: .42rem;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--surux-muted) 72%, transparent);
  background: color-mix(in srgb, var(--surux-muted) 38%, transparent);
  pointer-events: none;
}

.surux-command-button-toggle-state[data-surux-toggle-state="on"] {
  border-color: var(--surux-primary-contrast);
  background: var(--surux-primary-contrast);
}

/* The summary-based overflow trigger follows the same IconOnlySubtle contract. */
html .surux-command-overflow-trigger.surux-command-overflow-trigger-icon-only-subtle {
  --surux-button-subtle-accent: var(--surux-primary);
  --surux-button-radius: var(--surux-button-radius-pill, 999px);
  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: 1px solid color-mix(in srgb, var(--surux-border) 86%, var(--surux-muted) 14%) !important;
  border-radius: var(--surux-button-radius-pill, 999px) !important;
  background: color-mix(in srgb, var(--surux-surface-2) 78%, transparent) !important;
  color: var(--surux-muted) !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
}

.surux-command-overflow-trigger-icon-only-subtle::before,
.surux-command-overflow-trigger-icon-only-subtle::after {
  display: none !important;
}

html .surux-command-overflow-trigger.surux-command-overflow-trigger-icon-only-subtle:hover,
html .surux-command-overflow-trigger.surux-command-overflow-trigger-icon-only-subtle:focus-visible,
html .surux-command-overflow[open] > .surux-command-overflow-trigger.surux-command-overflow-trigger-icon-only-subtle {
  border-color: color-mix(in srgb, var(--surux-button-subtle-accent) 68%, var(--surux-border)) !important;
  background: color-mix(in srgb, var(--surux-button-subtle-accent) 16%, var(--surux-surface-2)) !important;
  color: var(--surux-button-subtle-accent) !important;
  box-shadow: 0 0 0 .16rem color-mix(in srgb, var(--surux-button-subtle-accent) 14%, transparent) !important;
  filter: none !important;
  transform: none !important;
}

/* Menu bars fold into a centred X. The button shell stays the theme's; only this glyph trigger settles. */
html .surux-command-overflow-trigger.surux-menu-bars-trigger {
  transition: transform .2s ease, outline-color .25s ease;
}
html .surux-command-overflow-trigger .surux-menu-bars {
  width: 1.15em;
  height: 1.15em;
  display: block;
  overflow: visible;
}
html .surux-command-overflow-trigger .surux-menu-bar {
  transform-box: view-box;
  transform-origin: 12px 12px;
  transition: transform .30s cubic-bezier(.34,1.32,.64,1) .06s, opacity .12s ease;
}
html .surux-command-overflow-trigger .surux-menu-bar-middle {
  transition: transform .14s ease, opacity .12s ease;
}
html .surux-command-overflow[open] > .surux-command-overflow-trigger .surux-menu-bar-top {
  transform: rotate(45deg) translateY(6px) scaleX(.8);
}
html .surux-command-overflow[open] > .surux-command-overflow-trigger .surux-menu-bar-middle {
  opacity: 0;
  transform: scaleX(0);
}
html .surux-command-overflow[open] > .surux-command-overflow-trigger .surux-menu-bar-bottom {
  transform: rotate(-45deg) translateY(-6px) scaleX(.8);
}
html .surux-command-overflow:not([open]) > .surux-command-overflow-trigger .surux-menu-bar-middle {
  transition-delay: .18s;
}
html .surux-command-overflow:not([open]) > .surux-command-overflow-trigger .surux-menu-bar-top,
html .surux-command-overflow:not([open]) > .surux-command-overflow-trigger .surux-menu-bar-bottom {
  transition: transform .26s cubic-bezier(.4,0,.2,1);
}
html .surux-command-overflow:not([open]) > .surux-command-overflow-trigger:hover .surux-menu-bar-top {
  transform: scaleX(.82);
}
html .surux-command-overflow:not([open]) > .surux-command-overflow-trigger:hover .surux-menu-bar-bottom {
  transform: scaleX(.64);
}
html .surux-command-overflow[open] > .surux-command-overflow-trigger:hover .surux-menu-bar-top {
  transform: rotate(45deg) translateY(6px) scaleX(.8);
}
html .surux-command-overflow[open] > .surux-command-overflow-trigger:hover .surux-menu-bar-bottom {
  transform: rotate(-45deg) translateY(-6px) scaleX(.8);
}
html .surux-command-overflow[open] > .surux-command-overflow-trigger.surux-menu-bars-trigger {
  transform: scale(.96) !important;
  outline: 3px solid color-mix(in srgb, var(--surux-primary) 45%, transparent);
  outline-offset: 2px;
}
html .surux-command-overflow[open] > .surux-command-overflow-trigger.surux-menu-bars-trigger:hover {
  transform: scale(.98) !important;
}
@media (prefers-reduced-motion: reduce) {
  html .surux-command-overflow-trigger.surux-menu-bars-trigger,
  html .surux-command-overflow-trigger .surux-menu-bar {
    transition: none;
  }
}

html .surux-map-tracker-utility-action.surux-command-button {
  --surux-button-bg: color-mix(in srgb, var(--surux-surface-2) 92%, var(--surux-primary) 8%);
  --surux-button-fg: var(--surux-text);
  --surux-button-border: color-mix(in srgb, var(--surux-border) 78%, rgba(var(--surux-primary-rgb), .22));
  width: 100% !important;
  min-width: 0 !important;
  min-height: 2.25rem !important;
  padding: .38rem .52rem !important;
  gap: .38rem !important;
  overflow: hidden !important;
  border-radius: .42rem !important;
  background: var(--surux-button-bg) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
}

html .surux-map-tracker-utility-action.surux-command-button::before,
html .surux-map-tracker-utility-action.surux-command-button::after { display: none !important; }

html .surux-map-tracker-utility-action.surux-command-button .surux-command-button-icon {
  width: 1rem !important;
  height: 1rem !important;
  flex: 0 0 1rem !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html .surux-map-tracker-utility-action.surux-command-button .surux-command-button-icon i {
  font-size: .72rem;
}

html .surux-map-tracker-utility-action.surux-command-button .surux-command-button-text {
  font-size: .68rem;
  font-weight: 720;
}

html .surux-map-tracker-utility-action.surux-command-button:hover,
html .surux-map-tracker-utility-action.surux-command-button:focus-visible {
  --surux-button-bg: color-mix(in srgb, var(--surux-primary) 8%, var(--surux-surface-2));
  --surux-button-fg: var(--surux-primary);
  --surux-button-border: color-mix(in srgb, var(--surux-primary) 38%, var(--surux-border));
  box-shadow: 0 0 0 .14rem rgba(var(--surux-primary-rgb), .1) !important;
}

@media (prefers-reduced-motion: reduce) {.btn:not(.btn-close):not(:where(.surux-toast-button, .surux-picker-action)),
.surux-button,
.surux-command-button,
.surux-command-overflow-trigger,
.surux-search-submit-btn,
.surux-icon-btn,
.surux-address-tool,
.surux-address-clear,
.surux-page-all,
.surux-sidebar-close {
    transition: none !important;
  }
  html:not([data-surux-button-style="raised"]) :is(.btn:not(.btn-close):not(:where(.surux-toast-button, .surux-picker-action)), .surux-button, .surux-command-button, .surux-command-overflow-trigger, .surux-search-submit-btn, .surux-icon-btn, .surux-address-tool, .surux-address-clear, .surux-page-all, .surux-sidebar-close) {
    transform: none !important;
  }
  :is(.btn:not(.btn-close):not(:where(.surux-toast-button, .surux-picker-action)), .surux-button, .surux-command-button, .surux-command-overflow-trigger, .surux-search-submit-btn, .surux-icon-btn, .surux-address-tool, .surux-address-clear, .surux-page-all, .surux-sidebar-close)::before,
  :is(.btn:not(.btn-close):not(:where(.surux-toast-button, .surux-picker-action)), .surux-button, .surux-command-button, .surux-command-overflow-trigger, .surux-search-submit-btn, .surux-icon-btn, .surux-address-tool, .surux-address-clear, .surux-page-all, .surux-sidebar-close)::after {
    transition: none !important;
  }
}



/* Semantic actions keep their meaning and readable ink in every material.
   Materials still own the gradient, shape, shadow and interaction effects.
   Compact subtle/tinted variants own their resting and interaction foregrounds;
   do not force semantic ink onto their icons outside that shared contract. */
html[data-bs-theme][data-surux-theme][data-surux-button-style] .surux-button-tone-warning {
  --surux-button-fg: var(--surux-workflow-submitted-color);
  --surux-button-accent: var(--surux-workflow-submitted-border);
}
html[data-bs-theme][data-surux-theme][data-surux-button-style] .surux-button-tone-destructive {
  --surux-button-fg: var(--surux-workflow-rejected-color);
  --surux-button-accent: var(--surux-workflow-rejected-border);
}
html[data-bs-theme][data-surux-theme][data-surux-button-style] :is(.surux-button-tone-warning, .surux-button-tone-destructive):not(:where(.surux-command-button-icon-only-subtle, .surux-command-button-icon-only-tinted, .surux-command-button-subtle-surface)):not(:disabled) {
  --surux-button-bg: color-mix(in srgb, var(--surux-button-fg) 5%, var(--surux-surface));
  --surux-raised-surface: var(--surux-button-bg);
  --surux-button-border: var(--surux-button-accent);
  --surux-button-icon-bg: color-mix(in srgb, var(--surux-surface) 97%, var(--surux-button-fg) 3%);
  --surux-button-icon-fg: var(--surux-button-fg);
  --surux-button-glass-top: rgba(255, 255, 255, .12);
  --surux-button-glass-mid: rgba(255, 255, 255, .015);
  --surux-button-pointer-glow: rgba(255, 255, 255, .025);
  color: var(--surux-button-fg) !important;
}
html[data-bs-theme][data-surux-theme][data-surux-button-style] :is(.surux-button-tone-warning, .surux-button-tone-destructive):not(:where(.surux-command-button-icon-only-subtle, .surux-command-button-icon-only-tinted, .surux-command-button-subtle-surface))::before {
  opacity: .18;
}
html[data-bs-theme][data-surux-theme][data-surux-button-style] :is(.surux-button-tone-warning, .surux-button-tone-destructive):not(:where(.surux-command-button-icon-only-subtle, .surux-command-button-icon-only-tinted, .surux-command-button-subtle-surface)) .surux-command-button-icon {
  color: var(--surux-button-icon-fg) !important;
}

/* Keep reflections at the edges of solid palette actions. The foreground is
   chosen against that solid fill, including the icon's circular backing. */
html[data-bs-theme][data-surux-theme][data-surux-button-style] .surux-button-tone-action:not(:where(.surux-command-button-icon-only-subtle, .surux-command-button-icon-only-tinted, .surux-command-button-subtle-surface)) {
  --surux-button-glass-top: rgba(255, 255, 255, .12);
  --surux-button-glass-mid: rgba(255, 255, 255, .015);
  --surux-button-glass-bottom: rgba(0, 0, 0, .02);
  --surux-button-pointer-glow: rgba(255, 255, 255, .025);
  --surux-button-icon-bg: var(--surux-primary-action-bg);
}
html[data-bs-theme][data-surux-theme][data-surux-button-style] .surux-button-tone-action::before { opacity: .18; }
html[data-bs-theme][data-surux-theme][data-surux-button-style="raised"] .surux-button-tone-action::after { opacity: .02; }
/* A pressed action keeps its readable fill; depth comes from the material's
   movement and recessed edges rather than dimming the label area. */
html[data-bs-theme][data-surux-theme][data-surux-button-style="raised"] .surux-button-tone-action:active::after { opacity: .02; }
html[data-bs-theme][data-surux-theme][data-surux-button-style="raised"] .surux-button-tone-action:active {
  filter: saturate(1) brightness(1);
}
html[data-bs-theme][data-surux-theme][data-surux-button-style="soft-ui"] .surux-button-tone-action:is(:active, [aria-pressed="true"], .surux-button-pressed) {
  --surux-soft-ui-overlay: linear-gradient(145deg, rgba(0, 0, 0, .025), transparent 70%);
}
html[data-bs-theme][data-surux-theme][data-surux-button-style="raised"] .surux-button-tone-action:not(:where(.surux-command-button-icon-only-subtle, .surux-command-button-icon-only-tinted, .surux-command-button-subtle-surface)) {
  --surux-raised-inner-shadow: rgba(0, 0, 0, .02);
  --surux-raised-inner-light: rgba(255, 255, 255, .04);
  --surux-button-composed-bg: linear-gradient(145deg,
    color-mix(in srgb, var(--surux-raised-surface) 98%, white) 0%,
    var(--surux-raised-surface) 20%, var(--surux-raised-surface) 80%,
    color-mix(in srgb, var(--surux-raised-surface) 98%, black) 100%);
}

/* Shared search actions retain the compact toolbar geometry across button materials. */
html .surux-toolbar .surux-toolbar-search-actions .btn.surux-button.surux-command-button.surux-command-button-icon-only,
html .surux-toolbar .surux-toolbar-actions .btn.surux-button.surux-command-button.surux-command-button-icon-only {
  width: 32px !important;
  min-width: 32px !important;
  max-width: 32px !important;
  height: 32px !important;
  min-height: 32px !important;
}
html .surux-toolbar .surux-toolbar-search-actions .surux-command-button-icon-only .surux-command-button-text,
html .surux-toolbar .surux-toolbar-actions .surux-command-button-icon-only .surux-command-button-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* Compact labelled pills for dense tool rows (native chat list). Label truncates before wrap. */
html .btn.surux-button.surux-command-button.surux-command-button-pill {
  flex: 0 1 auto;
  min-width: 0;
  max-width: 100%;
  /* Preferred size is the label. min-width 0 lets a row shrink and truncate; fit-content does not grow a single pill. */
  width: fit-content;
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 8px !important;
  gap: 4px !important;
  font-size: 12px !important;
  overflow: hidden;
}
html .btn.surux-button.surux-command-button.surux-command-button-pill .surux-command-button-icon {
  width: 12px !important;
  height: 12px !important;
  flex: 0 0 12px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
html .btn.surux-button.surux-command-button.surux-command-button-pill .surux-command-button-text {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
html .btn.surux-button.surux-command-button.surux-command-button-pill:not(.surux-button-tone-action) {
  --surux-button-bg: var(--surux-surface);
  --surux-button-composed-bg: var(--surux-surface);
  background: var(--surux-surface) !important;
  box-shadow: none !important;
  filter: none !important;
}
html .btn.surux-button.surux-command-button.surux-command-button-pill:not(.surux-button-tone-action)::before,
html .btn.surux-button.surux-command-button.surux-command-button-pill:not(.surux-button-tone-action)::after {
  display: none !important;
}

/* Disabled buttons stay at rest. Hover and press rules that omit :disabled still match them. */
:is(
  .btn:not(.btn-close):not(:where(.surux-toast-button, .surux-picker-action)),
  .surux-button,
  .surux-command-button,
  .surux-command-overflow-trigger,
  .surux-search-submit-btn,
  .surux-icon-btn,
  .surux-address-tool,
  .surux-address-clear,
  .surux-sidebar-close
):is(:disabled, .disabled, [aria-disabled="true"]):is(:hover, :focus, :focus-visible, :active) {
  transform: none !important;
  filter: grayscale(.12);
  border-color: var(--surux-button-border) !important;
  box-shadow:
    .18rem .22rem .5rem rgba(0, 0, 0, .16),
    inset 1px 1px 0 rgba(255, 255, 255, .08) !important;
}
html[data-surux-button-style="raised"] :is(
  .btn:not(.btn-close):not(:where(.surux-toast-button, .surux-picker-action)),
  .surux-button,
  .surux-command-button,
  .surux-command-overflow-trigger,
  .surux-search-submit-btn,
  .surux-icon-btn,
  .surux-address-tool,
  .surux-address-clear,
  .surux-sidebar-close
):is(:disabled, .disabled, [aria-disabled="true"]):is(:hover, :focus, :focus-visible, :active) {
  transform: none !important;
  filter: none;
  box-shadow:
    .18rem .22rem .5rem rgba(0, 0, 0, .16),
    inset 1px 1px 0 rgba(255, 255, 255, .08) !important;
}
:is(
  .btn:not(.btn-close):not(:where(.surux-toast-button, .surux-picker-action)),
  .surux-button,
  .surux-command-button,
  .surux-command-overflow-trigger,
  .surux-search-submit-btn,
  .surux-icon-btn,
  .surux-address-tool,
  .surux-address-clear,
  .surux-sidebar-close
):is(:disabled, .disabled, [aria-disabled="true"]):is(:hover, :focus, :focus-visible, :active)::before {
  opacity: .62;
}
:is(
  .btn:not(.btn-close):not(:where(.surux-toast-button, .surux-picker-action)),
  .surux-button,
  .surux-command-button,
  .surux-command-overflow-trigger,
  .surux-search-submit-btn,
  .surux-icon-btn,
  .surux-address-tool,
  .surux-address-clear,
  .surux-sidebar-close
):is(:disabled, .disabled, [aria-disabled="true"]):is(:hover, :focus, :focus-visible, :active)::after {
  opacity: 0;
  transform: scale(.985);
  filter: blur(2px);
}

/* Disabled warning and destructive keep the semantic surface, not the legacy solid gradient. */
html[data-bs-theme][data-surux-theme][data-surux-button-style] :is(.surux-button-tone-warning, .surux-button-tone-destructive):not(:where(.surux-command-button-icon-only-subtle, .surux-command-button-icon-only-tinted, .surux-command-button-subtle-surface)):is(:disabled, .disabled, [aria-disabled="true"]) {
  --surux-button-bg: color-mix(in srgb, var(--surux-button-fg) 5%, var(--surux-surface));
  --surux-raised-surface: var(--surux-button-bg);
  --surux-button-border: var(--surux-button-accent);
  --surux-button-icon-bg: color-mix(in srgb, var(--surux-surface) 97%, var(--surux-button-fg) 3%);
  --surux-button-icon-fg: var(--surux-button-fg);
  --surux-button-glass-top: rgba(255, 255, 255, .12);
  --surux-button-glass-mid: rgba(255, 255, 255, .015);
  --surux-button-pointer-glow: rgba(255, 255, 255, .025);
  color: var(--surux-button-fg) !important;
  background: var(--surux-button-composed-bg) !important;
  border-color: var(--surux-button-border) !important;
}
html[data-bs-theme][data-surux-theme][data-surux-button-style] :is(.surux-button-tone-warning, .surux-button-tone-destructive):not(:where(.surux-command-button-icon-only-subtle, .surux-command-button-icon-only-tinted, .surux-command-button-subtle-surface)):is(:disabled, .disabled, [aria-disabled="true"])::before {
  opacity: .18;
}

/* Soft UI (and a mobile root or preference preview using it) keeps its own disabled paint. */
:is(html, .surux-mobile-root, [data-surux-preference-preview])[data-bs-theme][data-surux-theme][data-surux-button-style="soft-ui"] :is(.surux-button-tone-warning, .surux-button-tone-destructive):not(:where(.surux-command-button-icon-only-subtle, .surux-command-button-icon-only-tinted, .surux-command-button-subtle-surface)):is(:disabled, .disabled, [aria-disabled="true"]) {
  --surux-soft-ui-disabled-bg: var(--surux-disabled-control-bg, var(--surux-surface-2));
  --surux-soft-ui-disabled-ink: var(--surux-disabled-control-color, var(--surux-muted, var(--surux-text)));
  --surux-soft-ui-shadow: none;
  --surux-soft-ui-lift: 0px;
  color: var(--surux-soft-ui-disabled-ink) !important;
  background: var(--surux-soft-ui-disabled-bg) !important;
  border-color: transparent !important;
  box-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
}

/* Disabled Glass Light stays on the Light rest shadow and the rest filter. */
html[data-bs-theme="light"]:not([data-surux-button-style="raised"]):not([data-surux-button-style="soft-ui"]) :is(
  .btn:not(.btn-close):not(:where(.surux-toast-button, .surux-picker-action)),
  .surux-button,
  .surux-command-button,
  .surux-command-overflow-trigger,
  .surux-search-submit-btn,
  .surux-icon-btn,
  .surux-address-tool,
  .surux-address-clear,
  .surux-sidebar-close
):not(:where(.surux-command-button-icon-only-subtle, .surux-command-button-icon-only-tinted, .surux-command-button-subtle-surface, .surux-modal-close, .surux-toast-close)):is(:disabled, .disabled, [aria-disabled="true"]):is(:hover, :focus, :focus-visible, :active) {
  transform: none !important;
  filter: grayscale(.12);
  border-color: var(--surux-button-border) !important;
  box-shadow:
    0 .42rem .92rem rgba(15, 23, 42, .12),
    0 .06rem .16rem rgba(15, 23, 42, .08),
    inset 0 1px 0 rgba(255, 255, 255, .72),
    inset 0 -1px 0 rgba(148, 163, 184, .16) !important;
}

/* Disabled Raised stays on Raised rest: shadow, grayscale, and the rest sheen. */
html[data-surux-button-style="raised"] :is(
  .btn:not(.btn-close):not(:where(.surux-toast-button, .surux-picker-action)),
  .surux-button,
  .surux-command-button,
  .surux-command-overflow-trigger,
  .surux-search-submit-btn,
  .surux-icon-btn,
  .surux-address-tool,
  .surux-address-clear,
  .surux-sidebar-close
):not(:where(.surux-command-button-icon-only-subtle, .surux-command-button-icon-only-tinted, .surux-command-button-subtle-surface)):is(:disabled, .disabled, [aria-disabled="true"]):is(:hover, :focus, :focus-visible, :active) {
  transform: none !important;
  filter: grayscale(.12);
  box-shadow:
    .5rem .6rem 1.22rem color-mix(in srgb, var(--surux-raised-drop-shadow) 76%, transparent),
    -.36rem -.36rem .88rem color-mix(in srgb, var(--surux-raised-upper-light) 78%, transparent),
    inset .16rem .16rem .36rem var(--surux-raised-inner-light),
    inset -.18rem -.18rem .38rem var(--surux-raised-inner-shadow) !important;
}
html[data-bs-theme="light"][data-surux-button-style="raised"] :is(
  .btn:not(.btn-close):not(:where(.surux-toast-button, .surux-picker-action)),
  .surux-button,
  .surux-command-button,
  .surux-command-overflow-trigger,
  .surux-search-submit-btn,
  .surux-icon-btn,
  .surux-address-tool,
  .surux-address-clear,
  .surux-sidebar-close
):not(:where(.surux-command-button-icon-only-subtle, .surux-command-button-icon-only-tinted, .surux-command-button-subtle-surface)):is(:disabled, .disabled, [aria-disabled="true"]):is(:hover, :focus, :focus-visible, :active) {
  filter: grayscale(.12);
  box-shadow:
    0 0 0 1px var(--surux-raised-edge-ring),
    .28rem .34rem .76rem color-mix(in srgb, var(--surux-raised-drop-shadow) 68%, transparent),
    -.2rem -.2rem .52rem rgba(255, 255, 255, .72),
    inset .12rem .12rem .28rem rgba(255, 255, 255, .62),
    inset -.13rem -.13rem .28rem rgba(15, 23, 42, .052) !important;
}
html[data-surux-button-style="raised"] :is(
  .btn:not(.btn-close):not(:where(.surux-toast-button, .surux-picker-action)),
  .surux-button,
  .surux-command-button,
  .surux-command-overflow-trigger,
  .surux-search-submit-btn,
  .surux-icon-btn,
  .surux-address-tool,
  .surux-address-clear,
  .surux-sidebar-close
):not(:where(.surux-command-button-icon-only-subtle, .surux-command-button-icon-only-tinted, .surux-command-button-subtle-surface, .surux-button-tone-action, .surux-button-tone-warning, .surux-button-tone-destructive)):is(:disabled, .disabled, [aria-disabled="true"]):is(:hover, :focus, :focus-visible, :active) {
  border-color: color-mix(in srgb, var(--surux-raised-surface) 68%, rgba(255, 255, 255, .32)) !important;
}
html[data-bs-theme="light"][data-surux-button-style="raised"] :is(
  .btn:not(.btn-close):not(:where(.surux-toast-button, .surux-picker-action)),
  .surux-button,
  .surux-command-button,
  .surux-command-overflow-trigger,
  .surux-search-submit-btn,
  .surux-icon-btn,
  .surux-address-tool,
  .surux-address-clear,
  .surux-sidebar-close
):not(:where(.surux-command-button-icon-only-subtle, .surux-command-button-icon-only-tinted, .surux-command-button-subtle-surface, .surux-button-tone-action, .surux-button-tone-warning, .surux-button-tone-destructive)):is(:disabled, .disabled, [aria-disabled="true"]):is(:hover, :focus, :focus-visible, :active) {
  border-color: var(--surux-raised-edge) !important;
}
html[data-surux-button-style="raised"] :is(
  .btn:not(.btn-close):not(:where(.surux-toast-button, .surux-picker-action)),
  .surux-button,
  .surux-command-button,
  .surux-command-overflow-trigger,
  .surux-search-submit-btn,
  .surux-icon-btn,
  .surux-address-tool,
  .surux-address-clear,
  .surux-sidebar-close
):not(:where(.surux-button-tone-action, .surux-button-tone-warning, .surux-button-tone-destructive)):is(:disabled, .disabled, [aria-disabled="true"]):is(:hover, :focus, :focus-visible, :active)::before {
  opacity: .42;
}
html[data-surux-button-style="raised"] :is(
  .btn:not(.btn-close):not(:where(.surux-toast-button, .surux-picker-action)):not(.dropdown-toggle),
  .surux-button,
  .surux-command-button,
  .surux-command-overflow-trigger,
  .surux-search-submit-btn,
  .surux-icon-btn,
  .surux-address-tool,
  .surux-address-clear,
  .surux-sidebar-close
):not(:where(.surux-button-tone-action, .surux-button-tone-warning, .surux-button-tone-destructive)):is(:disabled, .disabled, [aria-disabled="true"]):is(:hover, :focus, :focus-visible, :active)::after {
  opacity: .34;
  transform: scale(.97);
  filter: blur(12px);
}
html[data-bs-theme="light"][data-surux-button-style="raised"] :is(
  .btn:not(.btn-close):not(:where(.surux-toast-button, .surux-picker-action)):not(.dropdown-toggle),
  .surux-button,
  .surux-command-button,
  .surux-command-overflow-trigger,
  .surux-search-submit-btn,
  .surux-icon-btn,
  .surux-address-tool,
  .surux-address-clear,
  .surux-sidebar-close
):not(:where(.surux-button-tone-action, .surux-button-tone-warning, .surux-button-tone-destructive)):is(:disabled, .disabled, [aria-disabled="true"]):is(:hover, :focus, :focus-visible, :active)::after {
  inset: -7px;
  opacity: .18;
  filter: blur(8px);
}
html[data-bs-theme][data-surux-button-style="raised"] .btn:is(
  .surux-command-button-icon-only-subtle,
  .surux-command-button-icon-only-tinted,
  .surux-command-button-subtle-surface
):is(:disabled, .disabled, [aria-disabled="true"]):is(:hover, :focus, :focus-visible, :active) {
  transform: none !important;
  filter: grayscale(.12);
  box-shadow: none !important;
}
/* A bare Bootstrap button is not position:relative. Without transform or filter it stops containing ::before/::after. */
html[data-surux-button-style="raised"] .btn:not(.btn-close):not(:where(.surux-toast-button, .surux-picker-action)):is(:disabled, .disabled, [aria-disabled="true"]) {
  position: relative;
}

/* Disabled Soft UI interaction stays on the disabled rest (no Glass shadow, no lift). */
:is(html, .surux-mobile-root, [data-surux-preference-preview])[data-surux-button-style="soft-ui"] :is(
  .btn:not(.btn-close):not(:where(.surux-toast-button, .surux-picker-action)),
  .surux-button,
  .surux-command-button,
  .surux-command-overflow-trigger,
  .surux-search-submit-btn,
  .surux-icon-btn,
  .surux-address-tool,
  .surux-address-clear,
  .surux-sidebar-close
):is(:disabled, .disabled, [aria-disabled="true"]):is(:hover, :focus, :focus-visible, :active) {
  filter: none !important;
  border-color: transparent !important;
  box-shadow: var(--surux-soft-ui-shadow, none) !important;
}

@media (prefers-reduced-motion: reduce) {
  html[data-surux-button-style="raised"] :is(
    .btn:not(.btn-close):not(:where(.surux-toast-button, .surux-picker-action)),
    .surux-button,
    .surux-command-button,
    .surux-command-overflow-trigger,
    .surux-search-submit-btn,
    .surux-icon-btn,
    .surux-address-tool,
    .surux-address-clear,
    .surux-sidebar-close
  ):is(:hover, :focus-visible, :active, .surux-button-pressed, [aria-pressed="true"]) {
    transform: none !important;
  }
  html :is(
    .surux-command-overflow[open] > .surux-command-overflow-trigger,
    .surux-topbar .dropdown-toggle.show,
    .surux-topbar .dropdown-toggle[aria-expanded="true"]
  ) {
    transform: none !important;
  }
}

@media (prefers-reduced-transparency: reduce) {
  html:not([data-surux-button-style="raised"]):not([data-surux-button-style="soft-ui"]) :is(
    .surux-button,
    .surux-command-button,
    .surux-command-overflow-trigger,
    .surux-search-submit-btn,
    .surux-icon-btn,
    .surux-address-tool,
    .surux-address-clear,
    .surux-sidebar-close
  ):not(:where(
    .surux-modal-close,
    .surux-toast-close,
    .surux-command-button-subtle,
    .surux-command-button-subtle-surface,
    .surux-command-button-icon-only-subtle,
    .surux-command-button-icon-only-tinted
  )) {
    --surux-button-composed-bg: linear-gradient(var(--surux-button-bg), var(--surux-button-bg)), var(--surux-surface);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}

@media (forced-colors: active) {
  .surux-toggler-arm-face {
    forced-color-adjust: none;
    fill: ButtonText;
  }
  .surux-toggler-arm-depth,
  .surux-toggler-arm-cast {
    display: none;
  }
}

/* Secondary selected labels need the same contrast across the whole gradient.
   Design finishes keep their own selected treatment. */
html[data-surux-button-style="glass"]:not([data-surux-contrast="high"]) .surux-command-button.surux-button-tone-secondary:is(.surux-button-pressed, [aria-pressed="true"]):not(:where(.surux-command-button-icon-only, .surux-command-button-subtle-surface, :disabled, [aria-disabled="true"])) {
  --surux-button-composed-bg: linear-gradient(145deg, #4b4b4b, #303030);
  --surux-button-fg: #fff;
}
html[data-surux-button-style="glass"]:not([data-surux-contrast="high"]) .surux-command-button.surux-button-tone-secondary:is(.surux-button-pressed, [aria-pressed="true"]):not(:where(.surux-command-button-icon-only, .surux-command-button-subtle-surface, :disabled, [aria-disabled="true"]))::before {
  opacity: 0;
}

/* Compact toolbar keys retain the IconOnlyToggle presentation contract. */
.surux-toolbar-compact-commands .surux-command-button-icon-only {
  width: 2.25rem !important;
  min-width: 2.25rem !important;
  height: 2.25rem !important;
  min-height: 2.25rem !important;
}
.surux-toolbar-compact-commands .surux-command-button-toggle-state {
  top: -.08rem;
  right: -.08rem;
}

/* Shared list toolbar keys retain the catalogue command presentation. */


:where(.surux-list-catalogue) .surux-toolbar-key {
    box-shadow: var(--surux-list-key-shadow, none);
    min-height: 2.3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    padding: .34rem .65rem;
    border: 1px solid var(--surux-border);
    border-radius: var(--surux-list-plate-radius, .52rem);
    color: var(--surux-muted);
    background: var(--surux-surface);
    font: inherit;
    font-size: .74rem;
    font-weight: 750;
    cursor: pointer;
}

:where(.surux-list-catalogue) .surux-toolbar-key:hover {
    color: var(--surux-text);
    border-color: color-mix(in srgb, var(--surux-border) 65%, rgba(var(--surux-primary-rgb), .4));
    background: var(--surux-surface-2);
}
:where(.surux-list-catalogue) .surux-toolbar-key:focus-visible { outline: 2px solid var(--surux-primary); outline-offset: 2px; }

/* Catalogue actions compose the shared Subtle button; designs supply only paint tokens. */
html :where(.surux-list-catalogue) :where(.surux-list-actions) > .btn.surux-button.surux-command-button.surux-command-button-subtle-surface:where(:not(:hover, :focus-visible, :active, :disabled, [aria-disabled="true"])) {
  background: var(--surux-list-action-bg, color-mix(in srgb, var(--surux-surface-2) 78%, transparent)) !important;
  box-shadow: var(--surux-list-action-shadow, none) !important;
}