/* Shared native-menu contrast contract for every KINETIK dark surface. */

:where(.kinetik-home, .kinetik-studio, .kinetik-operator) select {
  /* Keep the fallback opaque even when a surface uses a background shorthand for its closed-control treatment. */
  background-color: #111214 !important;
  color: #f7f2e9;
  color-scheme: dark;
}

:where(.kinetik-home, .kinetik-studio, .kinetik-operator) select option,
:where(.kinetik-home, .kinetik-studio, .kinetik-operator) select optgroup {
  background-color: #111214;
  color: #f7f2e9;
}

:where(.kinetik-home, .kinetik-studio, .kinetik-operator) select option:checked {
  background-color: Highlight;
  color: HighlightText;
}

:where(.kinetik-home, .kinetik-studio, .kinetik-operator) select:disabled {
  color: #b7b0a4;
  -webkit-text-fill-color: #b7b0a4;
  opacity: 1;
}

:where(.kinetik-home, .kinetik-studio, .kinetik-operator) select option:disabled,
:where(.kinetik-home, .kinetik-studio, .kinetik-operator) select optgroup:disabled {
  background-color: #111214;
  color: #9d968b;
}

@media (forced-colors: active) {
  :where(.kinetik-home, .kinetik-studio, .kinetik-operator) select,
  :where(.kinetik-home, .kinetik-studio, .kinetik-operator) select option,
  :where(.kinetik-home, .kinetik-studio, .kinetik-operator) select optgroup {
    background-color: Canvas !important;
    color: CanvasText !important;
    -webkit-text-fill-color: CanvasText !important;
    forced-color-adjust: none;
  }

  :where(.kinetik-home, .kinetik-studio, .kinetik-operator) select option:checked {
    background-color: Highlight !important;
    color: HighlightText !important;
    -webkit-text-fill-color: HighlightText !important;
    forced-color-adjust: none;
  }

  :where(.kinetik-home, .kinetik-studio, .kinetik-operator) select:disabled,
  :where(.kinetik-home, .kinetik-studio, .kinetik-operator) select option:disabled,
  :where(.kinetik-home, .kinetik-studio, .kinetik-operator) select optgroup:disabled {
    background-color: Canvas !important;
    color: GrayText !important;
    -webkit-text-fill-color: GrayText !important;
    forced-color-adjust: none;
  }
}