/* Central interaction standard. Component CSS owns shape/material; this layer owns hover behavior. */
:root {
  --interaction-hover-duration: 150ms;
  --interaction-hover-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --interaction-hover-y: -1.5px;
  --interaction-click-y: -2px;
  --interaction-click-border: rgba(10, 132, 255, 0.16);
  --interaction-click-border-dark: rgba(255, 255, 255, 0.16);
  --interaction-click-tint: rgba(10, 132, 255, 0.08);
  --interaction-click-tint-dark: rgba(0, 0, 0, 0.16);
  --interaction-click-surface: rgba(10, 132, 255, 0.065);
  --interaction-click-surface-dark: rgba(34, 34, 40, 0.72);
  --selection-accent: rgba(10, 132, 255, 0.86);
  --selection-accent-dark: rgba(90, 200, 250, 0.9);
  --ui-density-gap: 0.88;
  --ui-density-pad: 0.9;
  --ui-control-height: 40px;
  --ui-control-height-large: 46px;
  --ui-control-radius: 14px;
  --ui-control-pad-y: 8px;
  --ui-control-pad-x: 13px;
  --ui-panel-pad: 19px;
  --ui-panel-gap: 14px;
  --ui-glass-control-light: var(--ios-control-fill, rgba(255, 255, 255, 0.64));
  --ui-glass-control-dark: var(--ios-control-fill, rgba(120, 120, 128, 0.22));
  --ui-glass-line-light: rgba(60, 60, 67, 0.1);
  --ui-glass-line-dark: rgba(255, 255, 255, 0.11);
  --ui-glass-shadow-light: inset 0 1px 0 rgba(255, 255, 255, 0.36), inset 0 0 0 1px var(--ui-glass-line-light);
  --ui-glass-shadow-dark: inset 0 1px 0 rgba(255, 255, 255, 0.09), inset 0 0 0 1px var(--ui-glass-line-dark);
}

:root body :is(
  [data-interaction="hover-only"],
  .text-link
) {
  transition:
    color var(--interaction-hover-duration) ease,
    background var(--interaction-hover-duration) ease,
    border-color var(--interaction-hover-duration) ease,
    box-shadow var(--interaction-hover-duration) ease,
    transform var(--interaction-hover-duration) var(--interaction-hover-ease) !important;
}

:root body :is(
  [data-interaction="hover-only"],
  .text-link
):where(:hover, :focus-visible, [data-tooltip-open="true"]) {
  transform: translateY(var(--interaction-hover-y)) !important;
}

:root body :is(
  button[data-action]:not(.provider-modal-backdrop):not(.mobile-menu-backdrop):not(.provider-section-group-toggle):not(.provider-card-hit-area):not(.credential-expiration-day):not(.credential-secret-toggle),
  a[href].btn,
  .btn,
  .provider-submit-button,
  .provider-secondary-button,
  .provider-danger-button,
  .provider-save-button,
  .profile-save-button,
  .credential-expiration-display,
  [role="button"]:not(.provider-credential-row):not(.provider-credential-inspector):not(.provider-request-row),
  .provider-card.is-enterable
):not(:disabled):not([aria-disabled="true"]) {
  transition:
    background var(--interaction-hover-duration) ease,
    border-color var(--interaction-hover-duration) ease,
    box-shadow var(--interaction-hover-duration) ease,
    filter var(--interaction-hover-duration) ease,
    transform var(--interaction-hover-duration) var(--interaction-hover-ease),
    opacity var(--interaction-hover-duration) ease !important;
}

:root body :is(
  button[data-action]:not(.provider-modal-backdrop):not(.mobile-menu-backdrop):not(.provider-section-group-toggle):not(.provider-card-hit-area):not(.credential-expiration-day):not(.credential-secret-toggle),
  a[href].btn,
  .btn,
  .provider-submit-button,
  .provider-secondary-button,
  .provider-danger-button,
  .provider-save-button,
  .profile-save-button,
  .credential-expiration-display,
  [role="button"]:not(.provider-credential-row):not(.provider-credential-inspector):not(.provider-request-row),
  .provider-card.is-enterable
):where(:hover):not(:disabled):not([aria-disabled="true"]) {
  box-shadow:
    var(--ui-glass-shadow-light),
    inset 0 0 0 1px var(--interaction-click-border) !important;
  transform: translateY(var(--interaction-click-y)) !important;
}

:root body :is(
  button[data-action]:not(.provider-modal-backdrop):not(.mobile-menu-backdrop):not(.provider-section-group-toggle):not(.provider-card-hit-area):not(.credential-expiration-day):not(.credential-secret-toggle),
  a[href].btn,
  .btn,
  .provider-submit-button,
  .provider-secondary-button,
  .provider-danger-button,
  .provider-save-button,
  .profile-save-button,
  .credential-expiration-display,
  [role="button"]:not(.provider-credential-row):not(.provider-credential-inspector):not(.provider-request-row),
  .provider-card.is-enterable
):where(:focus-visible, :focus-within):not(:hover):not(:disabled):not([aria-disabled="true"]) {
  box-shadow:
    var(--ui-glass-shadow-light),
    inset 0 0 0 1px var(--interaction-click-border) !important;
  transform: none !important;
}

:root[data-color-scheme="dark"] body :is(
  button[data-action]:not(.provider-modal-backdrop):not(.mobile-menu-backdrop):not(.provider-section-group-toggle):not(.provider-card-hit-area):not(.credential-expiration-day):not(.credential-secret-toggle),
  a[href].btn,
  .btn,
  .provider-submit-button,
  .provider-secondary-button,
  .provider-danger-button,
  .provider-save-button,
  .profile-save-button,
  .credential-expiration-display,
  [role="button"]:not(.provider-credential-row):not(.provider-credential-inspector):not(.provider-request-row),
  .provider-card.is-enterable
):where(:hover):not(:disabled):not([aria-disabled="true"]) {
  box-shadow:
    var(--ui-glass-shadow-dark),
    inset 0 0 0 1px var(--interaction-click-border-dark) !important;
}

:root[data-color-scheme="dark"] body :is(
  button[data-action]:not(.provider-modal-backdrop):not(.mobile-menu-backdrop):not(.provider-section-group-toggle):not(.provider-card-hit-area):not(.credential-expiration-day):not(.credential-secret-toggle),
  a[href].btn,
  .btn,
  .provider-submit-button,
  .provider-secondary-button,
  .provider-danger-button,
  .provider-save-button,
  .profile-save-button,
  .credential-expiration-display,
  [role="button"]:not(.provider-credential-row):not(.provider-credential-inspector):not(.provider-request-row),
  .provider-card.is-enterable
):where(:focus-visible, :focus-within):not(:hover):not(:disabled):not([aria-disabled="true"]) {
  box-shadow:
    var(--ui-glass-shadow-dark),
    inset 0 0 0 1px var(--interaction-click-border-dark) !important;
  transform: none !important;
}

:root body :is(
  .profile-button,
  .company-profile-button,
  .theme-toggle,
  .mobile-menu-toggle,
  .profile-menu-item,
  .provider-back-button,
  .provider-section-button,
  .provider-secondary-button,
  .provider-danger-button,
  .provider-activation-option,
  .provider-role-chip:not(.is-static),
  .request-setup-type-button,
  .request-setup-type-option,
  .credential-expiration-display,
  .mobile-menu-action
):where(:hover, :focus-visible):not(:disabled):not([aria-disabled="true"]) {
  background: var(--interaction-click-surface) !important;
}

:root[data-color-scheme="dark"] body :is(
  .profile-button,
  .company-profile-button,
  .theme-toggle,
  .mobile-menu-toggle,
  .profile-menu-item,
  .provider-back-button,
  .provider-section-button,
  .provider-secondary-button,
  .provider-danger-button,
  .provider-activation-option,
  .provider-role-chip:not(.is-static),
  .request-setup-type-button,
  .request-setup-type-option,
  .credential-expiration-display,
  .mobile-menu-action
):where(:hover, :focus-visible):not(:disabled):not([aria-disabled="true"]) {
  background: var(--interaction-click-surface-dark) !important;
}

:root body .credential-expiration-day[data-selected="true"]:where(:hover, :focus-visible) {
  background-color: transparent !important;
  background-image: linear-gradient(135deg, rgba(32, 151, 255, 0.98), rgba(91, 208, 145, 0.94)) !important;
  color: #ffffff !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.34),
    inset 0 -10px 18px rgba(10, 132, 255, 0.14) !important;
  transform: translateY(-1px) !important;
}

:root[data-color-scheme="dark"] body .credential-expiration-day[data-selected="true"]:where(:hover, :focus-visible) {
  background-color: transparent !important;
  background-image: linear-gradient(135deg, rgba(87, 214, 145, 1), rgba(40, 158, 255, 0.98)) !important;
  color: #ffffff !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.34),
    inset 0 -10px 18px rgba(10, 132, 255, 0.16) !important;
  transform: translateY(-1px) !important;
}

:root body .provider-card.is-enterable {
  overflow: visible !important;
}

:root body .provider-card.is-enterable::before {
  content: none !important;
  display: none !important;
}

:root body .provider-card-hit-area,
:root body .provider-card-hit-area:where(:hover, :focus-visible, :focus-within, :active) {
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
}

:root body :is(.provider-request-card, .provider-credential-card) {
  overflow: visible !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

:root body .provider-request-row {
  box-sizing: border-box !important;
  border: 1px solid transparent !important;
  border-radius: inherit !important;
  background: rgba(255, 255, 255, 0.66) !important;
  box-shadow: inset 0 0 0 1px rgba(60, 60, 67, 0.08) !important;
  transition:
    background var(--interaction-hover-duration) ease,
    box-shadow var(--interaction-hover-duration) ease,
    transform var(--interaction-hover-duration) var(--interaction-hover-ease) !important;
  transform: none !important;
}

:root[data-color-scheme="dark"] body .provider-request-row {
  background: rgba(44, 44, 46, 0.5) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.09) !important;
}

:root body .provider-request-row > *,
:root body .provider-credential-row > * {
  transition: transform var(--interaction-hover-duration) var(--interaction-hover-ease) !important;
  transform: none !important;
}

:root body .provider-request-card:has(.provider-request-row:hover),
:root body .provider-request-card:has(.provider-request-row:focus-visible) {
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

:root[data-color-scheme="dark"] body .provider-request-card:has(.provider-request-row:hover),
:root[data-color-scheme="dark"] body .provider-request-card:has(.provider-request-row:focus-visible) {
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

:root body .provider-request-row:where(:hover, :focus-visible):not(.provider-credential-row),
:root body .provider-credential-row.provider-request-row:where(:focus-visible),
:root body .provider-credential-row.provider-request-row:where(:hover):not(:has(.provider-credential-inspector:where(:hover, :focus-visible, [data-tooltip-open="true"]))):not(:has(.provider-credential-row-delete:where(:hover, :focus-visible))) {
  background: var(--interaction-click-surface) !important;
  box-shadow:
    inset 0 0 0 1px var(--interaction-click-border),
    0 8px 18px rgba(10, 132, 255, 0.08) !important;
  transform: translateY(var(--interaction-hover-y)) !important;
}

:root[data-color-scheme="dark"] body .provider-request-row:where(:hover, :focus-visible):not(.provider-credential-row),
:root[data-color-scheme="dark"] body .provider-credential-row.provider-request-row:where(:focus-visible),
:root[data-color-scheme="dark"] body .provider-credential-row.provider-request-row:where(:hover):not(:has(.provider-credential-inspector:where(:hover, :focus-visible, [data-tooltip-open="true"]))):not(:has(.provider-credential-row-delete:where(:hover, :focus-visible))) {
  background: var(--interaction-click-surface-dark) !important;
  box-shadow:
    inset 0 0 0 1px var(--interaction-click-border-dark),
    0 8px 18px rgba(0, 0, 0, 0.16) !important;
  transform: translateY(var(--interaction-hover-y)) !important;
}

:root body .provider-request-row:where(:hover, :focus-visible):not(.provider-credential-row) > *,
:root body .provider-credential-row.provider-request-row:where(:focus-visible) > *,
:root body .provider-credential-row.provider-request-row:where(:hover):not(:has(.provider-credential-inspector:where(:hover, :focus-visible, [data-tooltip-open="true"]))):not(:has(.provider-credential-row-delete:where(:hover, :focus-visible))) > * {
  transform: none !important;
}

:root body :is(.provider-credential-card, .provider-request-header-card).provider-request-card.is-expanded,
:root body :is(.provider-credential-card, .provider-request-header-card).provider-request-card.is-expanded:where(:hover, :focus-within) {
  background: transparent !important;
  box-shadow: inset 0 0 0 1px var(--ui-glass-line-light) !important;
  transform: none !important;
}

:root[data-color-scheme="dark"] body :is(.provider-credential-card, .provider-request-header-card).provider-request-card.is-expanded,
:root[data-color-scheme="dark"] body :is(.provider-credential-card, .provider-request-header-card).provider-request-card.is-expanded:where(:hover, :focus-within) {
  background: transparent !important;
  box-shadow: inset 0 0 0 1px var(--ui-glass-line-dark) !important;
  transform: none !important;
}

:root body .provider-list-expand {
  display: grid;
  will-change: grid-template-rows, opacity, transform;
}

:root body .provider-list-expand-content {
  min-height: 0;
}

:root body .provider-credential-card .provider-request-status {
  pointer-events: none !important;
  transform: none !important;
}

:root body :is(.provider-modal-backdrop, .mobile-menu-backdrop):where(:hover, :focus-visible) {
  box-shadow: none !important;
  transform: none !important;
}

@media (hover: none) {
  :root body :is(
    [data-interaction="hover-only"],
    .text-link,
    button[data-action]:not(.provider-modal-backdrop):not(.mobile-menu-backdrop):not(.provider-section-group-toggle):not(.provider-card-hit-area):not(.credential-secret-toggle),
    a[href].btn,
    [role="button"]:not(.provider-credential-row):not(.provider-credential-inspector):not(.provider-request-row),
    .provider-card.is-enterable
  ):where(:hover, :focus-visible, :focus-within) {
    transform: none !important;
  }
}

/* Global density and control family. Loaded after the visual system. */
:root body :is(
  .btn,
  .provider-submit-button,
  .provider-secondary-button,
  .provider-danger-button,
  .provider-save-button,
  .profile-save-button,
  .provider-back-button,
  .provider-section-button,
  .provider-users-view-button,
  .profile-button,
  .company-profile-button,
  .profile-menu-item,
  .mobile-menu-action,
  .mobile-menu-toggle,
  .profile-close-button,
  .request-setup-type-button,
  .request-setup-type-option,
  .credential-expiration-display,
  .provider-credential-inspector,
  .provider-credential-row-delete,
  .credential-expiration-clear
) {
  box-sizing: border-box !important;
  min-height: var(--ui-control-height) !important;
  border-radius: var(--ui-control-radius) !important;
  padding: var(--ui-control-pad-y) var(--ui-control-pad-x) !important;
  font-size: clamp(12px, 0.93em, 15px) !important;
  line-height: 1.12 !important;
  letter-spacing: -0.01em;
  box-shadow: var(--ui-glass-shadow-light) !important;
  -webkit-backdrop-filter: blur(20px) saturate(1.35) !important;
  backdrop-filter: blur(20px) saturate(1.35) !important;
}

:root body :is(
  .btn-create-secondary,
  .btn-back,
  .provider-secondary-button,
  .provider-danger-button,
  .provider-back-button,
  .provider-section-button,
  .provider-users-view-button,
  .profile-button,
  .company-profile-button,
  .profile-menu-item,
  .mobile-menu-action,
  .mobile-menu-toggle,
  .profile-close-button,
  .request-setup-type-button,
  .request-setup-type-option,
  .credential-expiration-display,
  .provider-credential-inspector,
  .provider-credential-row-delete,
  .credential-expiration-clear
) {
  background: var(--ui-glass-control-light) !important;
}

:root[data-color-scheme="dark"] body :is(
  .btn,
  .provider-submit-button,
  .provider-secondary-button,
  .provider-danger-button,
  .provider-save-button,
  .profile-save-button,
  .provider-back-button,
  .provider-section-button,
  .provider-users-view-button,
  .profile-button,
  .company-profile-button,
  .profile-menu-item,
  .mobile-menu-action,
  .mobile-menu-toggle,
  .profile-close-button,
  .request-setup-type-button,
  .request-setup-type-option,
  .credential-expiration-display,
  .provider-credential-inspector,
  .provider-credential-row-delete,
  .credential-expiration-clear
) {
  box-shadow: var(--ui-glass-shadow-dark) !important;
}

:root[data-color-scheme="dark"] body :is(
  .btn-create-secondary,
  .btn-back,
  .provider-secondary-button,
  .provider-danger-button,
  .provider-back-button,
  .provider-section-button,
  .provider-users-view-button,
  .profile-button,
  .company-profile-button,
  .profile-menu-item,
  .mobile-menu-action,
  .mobile-menu-toggle,
  .profile-close-button,
  .request-setup-type-button,
  .request-setup-type-option,
  .credential-expiration-display,
  .provider-credential-inspector,
  .provider-credential-row-delete,
  .credential-expiration-clear
) {
  background: var(--ui-glass-control-dark) !important;
}

:root body .request-setup-type-option {
  box-sizing: border-box !important;
  border: 1px solid transparent !important;
}

:root body .provider-card.is-active {
  border: 2px solid var(--selection-accent) !important;
  background: var(--ui-glass-control) !important;
  background-clip: border-box !important;
  outline: none !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
  transition: none !important;
}

:root[data-color-scheme="dark"] body .provider-card.is-active {
  border: 2px solid var(--selection-accent-dark) !important;
  background: var(--ui-glass-control-dark) !important;
  background-clip: border-box !important;
  outline: none !important;
  box-shadow: none !important;
  filter: none !important;
}

:root body .provider-page-menu .provider-section-button.is-active,
:root body .provider-page-menu .provider-section-button.is-active:where(:hover, :focus-visible, :focus-within) {
  border: 2px solid var(--selection-accent) !important;
  background: var(--ui-glass-control) !important;
  background-clip: border-box !important;
  color: var(--muted-strong) !important;
  outline: none !important;
  box-shadow: none !important;
  transform: none !important;
  transition: none !important;
}

:root[data-color-scheme="dark"] body .provider-page-menu .provider-section-button.is-active,
:root[data-color-scheme="dark"] body .provider-page-menu .provider-section-button.is-active:where(:hover, :focus-visible, :focus-within) {
  border: 2px solid var(--selection-accent-dark) !important;
  background: var(--ui-glass-control-dark) !important;
  background-clip: border-box !important;
  color: var(--ink) !important;
  outline: none !important;
  box-shadow: none !important;
}

:root body .provider-users-view-nav .provider-section-button.is-active,
:root body .provider-users-view-nav .provider-section-button.is-active:where(:hover, :focus-visible, :focus-within) {
  border: 2px solid var(--selection-accent) !important;
  background: var(--ui-glass-control) !important;
  background-clip: border-box !important;
  color: var(--accent-deep) !important;
  outline: none !important;
  box-shadow: none !important;
  transform: none !important;
  transition: none !important;
}

:root[data-color-scheme="dark"] body .provider-users-view-nav .provider-section-button.is-active,
:root[data-color-scheme="dark"] body .provider-users-view-nav .provider-section-button.is-active:where(:hover, :focus-visible, :focus-within) {
  border: 2px solid var(--selection-accent-dark) !important;
  background: var(--ui-glass-control-dark) !important;
  background-clip: border-box !important;
  color: var(--ink) !important;
  outline: none !important;
  box-shadow: none !important;
}

:root body .provider-request-row[aria-expanded="true"],
:root body .provider-request-row[aria-expanded="true"]:where(:hover, :focus-visible) {
  border: 2px solid var(--selection-accent) !important;
  background: var(--ui-glass-control) !important;
  background-clip: border-box !important;
  outline: none !important;
  box-shadow: none !important;
  transform: none !important;
  transition: none !important;
}

:root body button[data-action].provider-request-row[aria-expanded="true"],
:root body button[data-action].provider-request-row[aria-expanded="true"]:where(:hover, :focus-visible),
:root body [role="button"][data-action].provider-request-row[aria-expanded="true"],
:root body [role="button"][data-action].provider-request-row[aria-expanded="true"]:where(:hover, :focus-visible),
:root body .provider-credential-card .provider-credential-row.provider-request-row[data-action][aria-expanded="true"],
:root body .provider-credential-card .provider-credential-row.provider-request-row[data-action][aria-expanded="true"]:where(:hover, :focus-visible) {
  border: 2px solid var(--selection-accent) !important;
  background: var(--ui-glass-control) !important;
  background-clip: border-box !important;
  outline: none !important;
  box-shadow: none !important;
  transform: none !important;
  transition: none !important;
}

:root[data-color-scheme="dark"] body .provider-request-row[aria-expanded="true"],
:root[data-color-scheme="dark"] body .provider-request-row[aria-expanded="true"]:where(:hover, :focus-visible) {
  border: 2px solid var(--selection-accent-dark) !important;
  background: var(--ui-glass-control-dark) !important;
  background-clip: border-box !important;
  outline: none !important;
  box-shadow: none !important;
}

:root[data-color-scheme="dark"] body button[data-action].provider-request-row[aria-expanded="true"],
:root[data-color-scheme="dark"] body button[data-action].provider-request-row[aria-expanded="true"]:where(:hover, :focus-visible),
:root[data-color-scheme="dark"] body [role="button"][data-action].provider-request-row[aria-expanded="true"],
:root[data-color-scheme="dark"] body [role="button"][data-action].provider-request-row[aria-expanded="true"]:where(:hover, :focus-visible),
:root[data-color-scheme="dark"] body .provider-credential-card .provider-credential-row.provider-request-row[data-action][aria-expanded="true"],
:root[data-color-scheme="dark"] body .provider-credential-card .provider-credential-row.provider-request-row[data-action][aria-expanded="true"]:where(:hover, :focus-visible) {
  border: 2px solid var(--selection-accent-dark) !important;
  background: var(--ui-glass-control-dark) !important;
  background-clip: border-box !important;
  outline: none !important;
  box-shadow: none !important;
  transform: none !important;
  transition: none !important;
}

:root body .request-setup-type-option:is(.is-selected, [aria-selected="true"]),
:root body .request-setup-type-option:is(.is-selected, [aria-selected="true"]):where(:hover, :focus-visible) {
  border: 2px solid var(--selection-accent) !important;
  background: transparent !important;
  background-clip: border-box !important;
  color: var(--accent-deep) !important;
  outline: none !important;
  box-shadow: none !important;
  transform: none !important;
  transition: none !important;
}

:root[data-color-scheme="dark"] body .request-setup-type-option:is(.is-selected, [aria-selected="true"]),
:root[data-color-scheme="dark"] body .request-setup-type-option:is(.is-selected, [aria-selected="true"]):where(:hover, :focus-visible) {
  border: 2px solid var(--selection-accent-dark) !important;
  background: transparent !important;
  background-clip: border-box !important;
  color: var(--ink) !important;
  outline: none !important;
  box-shadow: none !important;
}

:root body .provider-request-setups-view-nav button[data-action].provider-request-setups-view-button.is-active,
:root body .provider-request-setups-view-nav button[data-action].provider-request-setups-view-button.is-active:where(:hover, :focus-visible, :focus-within),
:root body button[data-action="select-provider-request-setups-view"].provider-request-setups-view-button.is-active,
:root body button[data-action="select-provider-request-setups-view"].provider-request-setups-view-button.is-active:where(:hover, :focus-visible, :focus-within) {
  border: 2px solid var(--selection-accent) !important;
  background: var(--ui-glass-control) !important;
  background-clip: border-box !important;
  color: var(--accent-deep) !important;
  outline: none !important;
  box-shadow: none !important;
  transform: none !important;
  transition: none !important;
}

:root[data-color-scheme="dark"] body .provider-request-setups-view-nav button[data-action].provider-request-setups-view-button.is-active,
:root[data-color-scheme="dark"] body .provider-request-setups-view-nav button[data-action].provider-request-setups-view-button.is-active:where(:hover, :focus-visible, :focus-within),
:root[data-color-scheme="dark"] body button[data-action="select-provider-request-setups-view"].provider-request-setups-view-button.is-active,
:root[data-color-scheme="dark"] body button[data-action="select-provider-request-setups-view"].provider-request-setups-view-button.is-active:where(:hover, :focus-visible, :focus-within) {
  border: 2px solid var(--selection-accent-dark) !important;
  background: var(--ui-glass-control-dark) !important;
  background-clip: border-box !important;
  color: var(--ink) !important;
  outline: none !important;
  box-shadow: none !important;
  transform: none !important;
  transition: none !important;
}

:root body :is(
  .btn-login,
  .btn-create-primary,
  .btn-return-home,
  .provider-submit-button:not(.provider-secondary-button):not(.provider-danger-button),
  .provider-save-button,
  .profile-save-button
) {
  min-height: var(--ui-control-height-large) !important;
  border-radius: calc(var(--ui-control-radius) + 2px) !important;
}

:root body :is(.dashboard-topbar, .dashboard-welcome, .workspace-panel, .profile-panel, .provider-page-panel, .provider-create-modal, .login-card) {
  gap: var(--ui-panel-gap) !important;
  padding: var(--ui-panel-pad) !important;
}

:root body .login-card {
  min-height: min(500px, calc(100dvh - 96px)) !important;
  padding-top: 34px !important;
}

:root body :is(.dashboard-main, .provider-page-content, .provider-page-menu, .provider-grid, .provider-users-list, .provider-invites-list, .provider-requests-list, .provider-credential-secret-editor, .provider-request-header-editor, .provider-create-form, .login-form, .auth-actions) {
  gap: calc(1rem * var(--ui-density-gap)) !important;
}

:root body :is(.provider-card, .provider-user-card, .provider-invite-card, .provider-request-card, .provider-credential-card, .profile-name-editor, .provider-credential-edit-panel) {
  border-radius: 16px !important;
}

:root body :is(.provider-card, .provider-user-card, .provider-invite-card, .provider-credential-edit-panel, .provider-request-header-variable-row, .request-setup-flow-section) {
  padding: calc(14px * var(--ui-density-pad)) !important;
}

:root body :is(.provider-request-row, .provider-credential-row) {
  padding: 8px 10px !important;
}

:root body .provider-role-chip {
  min-height: 24px !important;
  border-radius: 10px !important;
  padding: 3px 7px !important;
  font-size: 12px !important;
}

:root body .credential-expiration-display {
  width: 100% !important;
  justify-content: space-between !important;
}

:root body .credential-expiration-day {
  min-height: 30px !important;
  border-radius: 11px !important;
  padding: 5px 0 !important;
  font-size: 13px !important;
}

:root body .credential-secret-toggle {
  min-height: 28px !important;
  width: 28px !important;
  height: 28px !important;
  padding: 0 !important;
  border-radius: 10px !important;
}

:root body .credential-secret-toggle:where(:hover, :focus-visible):not(:disabled) {
  transform: translateY(-50%) !important;
}

:root body .credential-secret-toggle:active:not(:disabled) {
  transform: translateY(-50%) scale(0.96) !important;
}

:root body :is(
  .stored-credential-input-stack[data-credential-type="password"],
  .stored-credential-input-stack[data-credential-type="certificate"]
) {
  gap: 5px !important;
}

:root body :is(
  .stored-credential-input-stack[data-credential-type="password"],
  .stored-credential-input-stack[data-credential-type="certificate"]
) .provider-field {
  gap: 4px !important;
}

:root body :is(
  .stored-credential-input-stack[data-credential-type="password"],
  .stored-credential-input-stack[data-credential-type="certificate"]
) .credential-ttl-composer {
  gap: 4px !important;
}

:root body :is(
  .stored-credential-input-stack[data-credential-type="password"],
  .stored-credential-input-stack[data-credential-type="certificate"]
) .credential-ttl-unit-grid {
  gap: 6px !important;
}

:root body :is(
  .stored-credential-input-stack[data-credential-type="password"],
  .stored-credential-input-stack[data-credential-type="certificate"]
) :is(.provider-field input, .credential-expiration-display, .credential-ttl-unit input) {
  min-height: 38px !important;
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}

:root body :is(.field-group input, .provider-field input, .provider-field textarea, .profile-name-control, .request-header-line, .credential-expiration-trigger) {
  min-height: 44px !important;
  border-radius: 14px !important;
  padding: 10px 13px !important;
  font-size: 15px !important;
}

:root body :is(.workspace-heading h2, .profile-page-title) {
  font-size: clamp(25px, 3vw, 28px) !important;
}

:root body .dashboard-welcome h2 {
  font-size: clamp(34px, 5vw, 39px) !important;
}

:root body .login-title {
  font-size: clamp(31px, 7vw, 34px) !important;
}

:root body :is(.provider-request-method, .provider-request-status, .provider-credential-type) {
  min-height: 24px !important;
  border-radius: 12px !important;
  padding: 3px 8px !important;
  font-size: 11px !important;
}

@media (min-width: 721px) {
  :root body .app-shell {
    padding: 24px !important;
  }

  :root body .dashboard-topbar {
    height: 70px !important;
  }

  :root body .dashboard-main {
    gap: 18px !important;
    padding-top: 20px !important;
  }
}

@media (max-width: 720px) {
  :root body {
    --ui-panel-pad: 17px;
    --ui-control-height: 38px;
    --ui-control-height-large: 44px;
    --ui-control-pad-y: 8px;
    --ui-control-pad-x: 12px;
  }

  :root body .app-shell {
    padding-inline: 22px !important;
  }

  :root body :is(.dashboard-topbar, .workspace-panel, .provider-page-panel, .provider-create-modal, .login-card) {
    border-radius: 24px !important;
  }

  :root body .provider-submit-button[data-action="open-provider-create"] {
    min-height: 34px !important;
    padding: 6px 10px 6px 7px !important;
    border-radius: 14px !important;
    font-size: 13px !important;
  }
}

:root body .provider-create-modal.provider-stored-credential-create-modal :is(
  .stored-credential-input-stack[data-credential-type="password"],
  .stored-credential-input-stack[data-credential-type="certificate"]
) {
  gap: 2px !important;
  min-height: 198px !important;
}

:root body .provider-create-modal.provider-stored-credential-create-modal :is(
  .stored-credential-input-stack[data-credential-type="password"],
  .stored-credential-input-stack[data-credential-type="certificate"]
) .provider-field {
  gap: 3px !important;
}

:root body .provider-create-modal.provider-stored-credential-create-modal :is(
  .stored-credential-input-stack[data-credential-type="password"],
  .stored-credential-input-stack[data-credential-type="certificate"]
) .credential-ttl-composer {
  gap: 3px !important;
}

:root body .provider-create-modal.provider-stored-credential-create-modal :is(
  .stored-credential-input-stack[data-credential-type="password"],
  .stored-credential-input-stack[data-credential-type="certificate"]
) .credential-ttl-unit {
  gap: 3px !important;
}

:root body .provider-create-modal.provider-stored-credential-create-modal :is(
  .stored-credential-input-stack[data-credential-type="password"],
  .stored-credential-input-stack[data-credential-type="certificate"]
) :is(.provider-field input, .credential-expiration-display, .credential-ttl-unit input) {
  min-height: 34px !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

@media (max-width: 560px) {
  :root body .workspace-panel .provider-submit-button.provider-submit-button[data-action="open-provider-create"]:not(.provider-secondary-button):not(.provider-danger-button) {
    min-height: 34px !important;
    padding: 6px 10px 6px 7px !important;
    border-radius: 14px !important;
    font-size: 13px !important;
    line-height: 1.1 !important;
  }

  :root body .provider-card-actions :is(
    .provider-secondary-button[data-action="edit-provider"],
    .provider-danger-button[data-action="delete-provider"]
  ) {
    min-height: 28px !important;
    padding: 4px 8px !important;
    border-radius: 10px !important;
    font-size: 12px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  :root body :is(
    [data-interaction="hover-only"],
    .text-link,
    button[data-action]:not(.provider-modal-backdrop):not(.mobile-menu-backdrop):not(.provider-section-group-toggle):not(.provider-card-hit-area):not(.credential-secret-toggle),
    a[href].btn,
    [role="button"]:not(.provider-credential-row):not(.provider-credential-inspector):not(.provider-request-row),
    .provider-card.is-enterable
  ) {
    transition: none !important;
  }

  :root body :is(
    [data-interaction="hover-only"],
    .text-link,
    button[data-action]:not(.provider-modal-backdrop):not(.mobile-menu-backdrop):not(.provider-section-group-toggle):not(.provider-card-hit-area):not(.credential-secret-toggle),
    a[href].btn,
    [role="button"]:not(.provider-credential-row):not(.provider-credential-inspector):not(.provider-request-row),
    .provider-card.is-enterable
  ):where(:hover, :focus-visible, :focus-within) {
    transform: none !important;
  }
}