/* Generated from design-system/web/paynila-syncfusion.css. Do not edit this output directly. */
/*
 * Paynila Syncfusion adapter boundary.
 *
 * No Syncfusion package, version, base theme, component, or generated selector is
 * present in either web host. Component-specific overrides are intentionally not
 * guessed. When an approved component is introduced, its verified public theme
 * hooks belong here and must be scoped by the Paynila-owned wrapper.
 */

.pn-syncfusion {
  --pn-syncfusion-font-family: var(--pn-font-family-ui);
  --pn-syncfusion-font-size: var(--pn-font-role-body-size);
  --pn-syncfusion-text-color: var(--pn-color-text-primary);
  --pn-syncfusion-muted-color: var(--pn-color-text-muted);
  --pn-syncfusion-surface-color: var(--pn-color-surface-primary);
  --pn-syncfusion-surface-subtle-color: var(--pn-color-surface-secondary);
  --pn-syncfusion-border-color: var(--pn-color-border-default);
  --pn-syncfusion-focus-color: var(--pn-color-focus-default);
  --pn-syncfusion-focus-ring: var(--pn-color-focus-ring);
  --pn-syncfusion-hover-color: var(--pn-color-surface-hover);
  --pn-syncfusion-selected-color: var(--pn-color-surface-selected-row);
  --pn-syncfusion-disabled-color: var(--pn-color-text-disabled);
  --pn-syncfusion-disabled-surface: var(--pn-color-surface-disabled);
  --pn-syncfusion-error-color: var(--pn-color-status-error-default);
  --pn-syncfusion-row-height: var(--pn-size-table-row-standard);
  --pn-syncfusion-row-height-compact: var(--pn-size-table-row-compact);
  color: var(--pn-syncfusion-text-color);
  font-family: var(--pn-syncfusion-font-family);
}

.pn-syncfusion[aria-disabled="true"] {
  color: var(--pn-syncfusion-disabled-color);
  cursor: not-allowed;
}

.pn-syncfusion:focus-visible,
.pn-syncfusion [tabindex]:focus-visible {
  outline: var(--pn-focus-ring-width) solid var(--pn-syncfusion-focus-color);
  outline-offset: var(--pn-focus-ring-offset);
  box-shadow: 0 0 0 var(--pn-focus-ring-spread) var(--pn-syncfusion-focus-ring);
}

.pn-syncfusion--compact {
  --pn-syncfusion-row-height: var(--pn-size-table-row-compact);
  --pn-syncfusion-font-size: var(--pn-font-role-compact-size);
}
