:root,
[data-theme=light] {
  --color-sf-primary: var(--gk-color-primary-500);
  --color-sf-primary-text-color: var(--gk-color-neutral-0);
  --color-sf-primary-light: var(--gk-color-primary-200);
  --color-sf-primary-lighter: var(--gk-color-primary-50);
  --color-sf-primary-dark: var(--gk-color-primary-600);
  --color-sf-primary-darker: var(--gk-color-primary-700);
  --color-sf-success: var(--gk-color-success-600);
  --color-sf-success-light: var(--gk-color-success-300);
  --color-sf-success-dark: var(--gk-color-success-700);
  --color-sf-info: var(--gk-color-secondary-500);
  --color-sf-info-light: var(--gk-color-secondary-300);
  --color-sf-info-dark: var(--gk-color-secondary-700);
  --color-sf-warning: var(--gk-color-signal-600);
  --color-sf-warning-light: var(--gk-color-signal-200);
  --color-sf-warning-dark: var(--gk-color-signal-700);
  --color-sf-danger: var(--gk-color-error-500);
  --color-sf-danger-light: var(--gk-color-error-200);
  --color-sf-danger-dark: var(--gk-color-error-700);
  --color-sf-black: var(--gk-color-neutral-1000);
  --color-sf-white: var(--gk-color-neutral-0);
  --color-sf-content-bg-color: var(--gk-color-neutral-0);
  --color-sf-content-bg-color-alt1: var(--gk-color-neutral-50);
  --color-sf-content-bg-color-alt2: var(--gk-color-neutral-100);
  --color-sf-content-bg-color-alt3: var(--gk-color-neutral-150);
  --color-sf-content-bg-color-alt4: var(--gk-color-neutral-200);
  --color-sf-content-bg-color-alt5: var(--gk-color-neutral-300);
  --color-sf-content-text-color: var(--gk-color-neutral-900);
  --color-sf-content-text-color-alt1: var(--gk-color-neutral-600);
  --color-sf-content-text-color-alt2: var(--gk-color-neutral-500);
  --color-sf-border: var(--gk-color-neutral-200);
  --color-sf-border-alt1: var(--gk-color-neutral-150);
  --color-sf-border-alt2: var(--gk-color-neutral-300);
  --color-sf-border-alt3: var(--gk-color-neutral-400);
  --color-sf-icon-color: var(--gk-color-neutral-600);
  --color-sf-icon-color-hover: var(--gk-color-neutral-900);
  --color-sf-disabled: var(--gk-color-neutral-200);
  --color-sf-disabled-text: var(--gk-color-neutral-400);
  --color-sf-hover: var(--gk-color-neutral-100);
  --color-sf-active: var(--gk-color-neutral-150);
  --color-sf-focus: var(--gk-color-primary-500);
  --color-sf-selected: var(--gk-color-primary-50);
  --color-sf-selected-text: var(--gk-color-primary-700);
  --color-sf-overlay-bg: var(--gk-overlay-backdrop);
}

[data-theme=dark],
.e-dark-mode {
  --color-sf-primary: var(--gk-color-primary-500);
  --color-sf-primary-text-color: var(--gk-color-neutral-0);
  --color-sf-primary-light: var(--gk-color-primary-800);
  --color-sf-primary-lighter: var(--gk-color-primary-900);
  --color-sf-primary-dark: var(--gk-color-primary-300);
  --color-sf-primary-darker: var(--gk-color-primary-200);
  --color-sf-success: var(--gk-color-success-500);
  --color-sf-success-light: var(--gk-color-success-800);
  --color-sf-success-dark: var(--gk-color-success-300);
  --color-sf-info: var(--gk-color-secondary-500);
  --color-sf-info-light: var(--gk-color-secondary-800);
  --color-sf-info-dark: var(--gk-color-secondary-300);
  --color-sf-warning: var(--gk-color-signal-500);
  --color-sf-warning-light: var(--gk-color-signal-800);
  --color-sf-warning-dark: var(--gk-color-signal-300);
  --color-sf-danger: var(--gk-color-error-500);
  --color-sf-danger-light: var(--gk-color-error-800);
  --color-sf-danger-dark: var(--gk-color-error-300);
  --color-sf-black: var(--gk-text-primary);
  --color-sf-white: var(--gk-surface-page);
  --color-sf-content-bg-color: var(--gk-surface-elevated);
  --color-sf-content-bg-color-alt1: var(--gk-surface-secondary);
  --color-sf-content-bg-color-alt2: var(--gk-surface-tertiary);
  --color-sf-content-bg-color-alt3: oklch(0.40 0.016 260);
  --color-sf-content-bg-color-alt4: oklch(0.45 0.014 260);
  --color-sf-content-bg-color-alt5: oklch(0.50 0.012 260);
  --color-sf-content-text-color: var(--gk-text-primary);
  --color-sf-content-text-color-alt1: var(--gk-text-secondary);
  --color-sf-content-text-color-alt2: var(--gk-text-tertiary);
  --color-sf-border: var(--gk-border-default);
  --color-sf-border-alt1: var(--gk-border-subtle);
  --color-sf-border-alt2: var(--gk-border-strong);
  --color-sf-border-alt3: oklch(0.50 0.012 260);
  --color-sf-icon-color: var(--gk-text-secondary);
  --color-sf-icon-color-hover: var(--gk-text-primary);
  --color-sf-disabled: var(--gk-border-default);
  --color-sf-disabled-text: var(--gk-text-disabled);
  --color-sf-hover: var(--gk-interactive-hover);
  --color-sf-active: var(--gk-interactive-active);
  --color-sf-focus: var(--gk-color-primary-500);
  --color-sf-selected: var(--gk-surface-primary-subtle);
  --color-sf-selected-text: var(--gk-color-primary-200);
  --color-sf-overlay-bg: var(--gk-overlay-backdrop);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]) {
    --color-sf-primary: var(--gk-color-primary-500);
    --color-sf-primary-text-color: var(--gk-color-neutral-0);
    --color-sf-primary-light: var(--gk-color-primary-800);
    --color-sf-primary-dark: var(--gk-color-primary-300);
    --color-sf-content-bg-color: var(--gk-color-neutral-900);
    --color-sf-content-bg-color-alt1: var(--gk-color-neutral-850);
    --color-sf-content-bg-color-alt2: var(--gk-color-neutral-800);
    --color-sf-content-text-color: var(--gk-color-neutral-50);
    --color-sf-content-text-color-alt1: var(--gk-color-neutral-300);
    --color-sf-border: var(--gk-color-neutral-800);
    --color-sf-hover: var(--gk-interactive-hover);
    --color-sf-active: var(--gk-interactive-active);
    --color-sf-focus: var(--gk-color-primary-500);
    --color-sf-selected: var(--gk-surface-primary-subtle);
    --color-sf-overlay-bg: var(--gk-overlay-backdrop);
  }
}
.e-control,
.e-lib,
.e-input-group,
.e-input-group input,
.e-input-group textarea,
.e-btn,
.e-dropdown-popup,
.e-popup,
.e-dialog,
.e-grid,
.e-toolbar,
.e-listbox-wrapper,
.e-tab,
.e-treeview {
  font-family: var(--gk-font-body) !important;
}

.e-dialog .e-dlg-header,
.e-dialog .e-dlg-header-content,
.e-tab .e-tab-header,
.e-toolbar .e-toolbar-items,
.e-grid .e-headertext,
.e-schedule .e-header-cells {
  font-family: var(--gk-font-display) !important;
}

.e-btn {
  border-radius: var(--gk-radius-md);
}

:root,
[data-theme=light] {
  --color-sf-primary-bg-color: var(--gk-color-primary-500);
  --color-sf-primary-bg-color-hover: var(--gk-color-primary-600);
  --color-sf-primary-bg-color-pressed: var(--gk-color-primary-700);
  --color-sf-primary-bg-color-focus: var(--gk-color-primary-500);
  --color-sf-primary-border-color: var(--gk-color-primary-500);
  --color-sf-primary-border-color-hover: var(--gk-color-primary-600);
  --color-sf-primary-border-color-pressed: var(--gk-color-primary-700);
  --color-sf-primary-border-color-focus: var(--gk-color-primary-500);
  --color-sf-primary-text: var(--gk-color-neutral-0);
  --color-sf-primary-text-hover: var(--gk-color-neutral-0);
  --color-sf-primary-text-pressed: var(--gk-color-neutral-0);
  --color-sf-primary-text-focus: var(--gk-color-neutral-0);
  --color-sf-secondary-bg-color-hover: var(--gk-interactive-hover);
  --color-sf-secondary-bg-color-pressed: var(--gk-interactive-active);
  --color-sf-secondary-bg-color-focus: transparent;
  --color-sf-secondary-border-color-hover: var(--gk-border-strong);
  --color-sf-secondary-border-color-pressed: var(--gk-border-strong);
  --color-sf-secondary-border-color-focus: var(--gk-border-default);
  --color-sf-secondary-text-color-hover: var(--gk-text-primary);
  --color-sf-secondary-text-color-pressed: var(--gk-text-primary);
  --color-sf-secondary-text-color-focus: var(--gk-text-primary);
  --color-sf-shadow-color: var(--gk-border-focus);
  --color-sf-shadow-color1: color-mix(in srgb, var(--gk-border-focus) 50%, transparent);
  --color-sf-border-focus: var(--gk-border-focus);
}

[data-theme=dark] {
  --color-sf-primary-bg-color: var(--gk-color-primary-500);
  --color-sf-primary-bg-color-hover: var(--gk-color-primary-400);
  --color-sf-primary-bg-color-pressed: var(--gk-color-primary-300);
  --color-sf-primary-bg-color-focus: var(--gk-color-primary-500);
  --color-sf-primary-border-color: var(--gk-color-primary-500);
  --color-sf-primary-border-color-hover: var(--gk-color-primary-400);
  --color-sf-primary-border-color-pressed: var(--gk-color-primary-300);
  --color-sf-primary-border-color-focus: var(--gk-color-primary-500);
  --color-sf-primary-text: var(--gk-color-neutral-0);
  --color-sf-primary-text-hover: var(--gk-color-neutral-0);
  --color-sf-primary-text-pressed: var(--gk-color-neutral-0);
  --color-sf-primary-text-focus: var(--gk-color-neutral-0);
  --color-sf-secondary-bg-color-hover: var(--gk-interactive-hover);
  --color-sf-secondary-bg-color-pressed: var(--gk-interactive-active);
  --color-sf-secondary-bg-color-focus: transparent;
  --color-sf-secondary-border-color-hover: var(--gk-border-strong);
  --color-sf-secondary-border-color-pressed: var(--gk-border-strong);
  --color-sf-secondary-border-color-focus: var(--gk-border-default);
  --color-sf-secondary-text-color-hover: var(--gk-text-primary);
  --color-sf-secondary-text-color-pressed: var(--gk-text-primary);
  --color-sf-secondary-text-color-focus: var(--gk-text-primary);
  --color-sf-shadow-color: var(--gk-border-focus);
  --color-sf-shadow-color1: color-mix(in srgb, var(--gk-border-focus) 50%, transparent);
  --color-sf-border-focus: var(--gk-border-focus);
}

.e-btn:hover:not(:disabled),
.e-btn.e-flat:hover:not(:disabled),
.e-btn.e-primary:hover:not(:disabled),
.e-btn.e-flat.e-primary:hover:not(:disabled) {
  box-shadow: var(--gk-shadow-sm);
}

.e-btn:focus,
.e-btn.e-flat:focus,
.e-btn.e-primary:focus,
.e-btn.e-flat.e-primary:focus {
  box-shadow: none;
}

.e-btn:focus-visible,
.e-btn.e-flat:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--gk-border-focus) 40%, transparent);
}

.e-btn.e-primary:focus-visible,
.e-btn.e-flat.e-primary:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px var(--gk-surface-page), 0 0 0 4px color-mix(in srgb, var(--gk-border-focus) 60%, transparent);
}

.e-input-group.e-control-wrapper,
.e-input-group.e-control-wrapper.e-input-focus {
  border: var(--gk-border-thin, 1px) solid var(--gk-border-default);
  border-radius: var(--gk-radius-md);
  background: var(--gk-surface-secondary);
  transition: border-color 120ms ease, box-shadow 120ms ease;
}

.e-input-group.e-control-wrapper::before,
.e-input-group.e-control-wrapper::after {
  content: none;
}

.e-input-group.e-control-wrapper:not(.e-disabled):not(.e-input-focus):hover {
  border-color: var(--gk-border-strong);
}

.e-input-group.e-control-wrapper.e-input-focus {
  border-color: var(--gk-border-focus);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--gk-border-focus) 30%, transparent);
}

.e-input-group {
  border-radius: var(--gk-radius-md);
}

.e-dialog {
  border-radius: var(--gk-radius-xl);
}

.e-dropdown-popup,
.e-popup {
  border-radius: var(--gk-radius-lg);
}

.e-dropdown-popup ul,
.e-dropdown-popup > ul.e-ul {
  background: var(--gk-surface-overlay) !important;
  border: 1px solid var(--gk-border-subtle) !important;
  box-shadow: var(--gk-shadow-md) !important;
  color: var(--gk-text-primary) !important;
}

.e-dropdown-popup .e-item,
.e-dropdown-popup .e-menu-item {
  color: var(--gk-text-primary) !important;
  background: transparent !important;
}
.e-dropdown-popup .e-item:hover, .e-dropdown-popup .e-item.e-focused,
.e-dropdown-popup .e-menu-item:hover,
.e-dropdown-popup .e-menu-item.e-focused {
  background: var(--gk-interactive-hover) !important;
  color: var(--gk-text-primary) !important;
}
.e-dropdown-popup .e-item .e-menu-icon,
.e-dropdown-popup .e-item .e-caret,
.e-dropdown-popup .e-menu-item .e-menu-icon,
.e-dropdown-popup .e-menu-item .e-caret {
  color: var(--gk-text-secondary);
}

.e-grid {
  border-radius: var(--gk-radius-lg);
  overflow: hidden;
}

.e-switch-wrapper .e-switch-inner {
  border-radius: var(--gk-radius-full);
}

.e-toolbar .e-toolbar-item .e-btn-icon {
  font-size: 18px !important;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  min-height: 18px;
}

.e-menu-wrapper .e-menu-container, .e-menu-container .e-menu {
  font-size: var(--gk-text-sm);
}

.e-menu-wrapper ul.e-menu .e-menu-item .e-menu-icon, .e-menu-container ul.e-menu .e-menu-item .e-menu-icon {
  margin-top: 3px;
}

/*# sourceMappingURL=gkit-syncfusion-bridge.css.map */