@charset "UTF-8";

@import "settings/_index.css";

@import "tools/_index.css";

@import "generic/_index.css";

@import "elements/_index.css";

@import "objects/_index.css";

@import "components/_index.css";

@import "utilities/_index.css";

@import "themes/_index.css";

@import "admin-design-system.css";

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-size: 16px;
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

body {
  margin: 0;
  padding: 0;
  font-family: var(--FluxoraPilot-font-family-sans);
  font-size: var(--FluxoraPilot-font-size-base);
  line-height: var(--FluxoraPilot-line-height-normal);
  color: var(--FluxoraPilot-text-primary);
  background-color: var(--FluxoraPilot-gray-50);
  transition: background-color var(--FluxoraPilot-duration-normal) var(--FluxoraPilot-ease-out),
              color var(--FluxoraPilot-duration-normal) var(--FluxoraPilot-ease-out);
  overflow-x: hidden;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }

  html {
    scroll-behavior: auto;
  }
}

select {
  background-color: var(--FluxoraPilot-gray-100);
  color: var(--FluxoraPilot-color-white);
  border: 1px solid var(--FluxoraPilot-glass-border-light);
  border-radius: var(--FluxoraPilot-radius-md, 8px);
  padding: var(--FluxoraPilot-spacing-2-5, 10px) var(--FluxoraPilot-spacing-3-5, 14px);
  font-size: var(--FluxoraPilot-font-size-sm, 14px);
  font-weight: var(--FluxoraPilot-font-weight-medium, 500);
  cursor: pointer;
}

select:hover {
  border-color: var(--FluxoraPilot-glow-primary);
  background-color: var(--FluxoraPilot-gray-200);
}

select:focus {
  outline: none;
  border-color: var(--FluxoraPilot-primary);
  box-shadow: var(--FluxoraPilot-focus-ring);
}

select option {
  background-color: var(--FluxoraPilot-gray-100);
  color: var(--FluxoraPilot-color-white);
  padding: var(--FluxoraPilot-spacing-3-5, 14px) var(--FluxoraPilot-spacing-4, 16px);
  font-size: var(--FluxoraPilot-font-size-sm, 14px);
  font-weight: var(--FluxoraPilot-font-weight-medium, 500);
  line-height: var(--FluxoraPilot-line-height-normal, 1.5);
}

select option:hover {
  background-color: var(--FluxoraPilot-color-primary-300) !important;
  color: var(--FluxoraPilot-color-white) !important;
}

select option:focus {
  background-color: var(--FluxoraPilot-color-primary-400) !important;
  color: var(--FluxoraPilot-color-white) !important;
}

select option:checked {
  background: var(--FluxoraPilot-primary) linear-gradient(0deg, var(--FluxoraPilot-primary) 0%, var(--FluxoraPilot-primary) 100%);
  color: var(--FluxoraPilot-color-white);
  font-weight: var(--FluxoraPilot-font-weight-semibold, 600);
}

select option:disabled {
  color: var(--FluxoraPilot-text-dim);
  background-color: var(--FluxoraPilot-gray-50);
  font-style: italic;
}

select optgroup {
  background: var(--FluxoraPilot-gray-50);
  color: var(--FluxoraPilot-primary-hover);
  font-weight: var(--FluxoraPilot-font-weight-bold, 700);
  font-size: var(--FluxoraPilot-font-size-xs, 11px);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: var(--FluxoraPilot-spacing-3, 12px) var(--FluxoraPilot-spacing-3-5, 14px) var(--FluxoraPilot-spacing-2, 8px);
}

select optgroup option {
  font-weight: var(--FluxoraPilot-font-weight-medium, 500);
  text-transform: none;
  letter-spacing: normal;
  padding-left: var(--FluxoraPilot-spacing-5, 20px);
  color: var(--FluxoraPilot-gray-900);
  font-size: var(--FluxoraPilot-font-size-sm, 14px);
}