/* SmileDice v26 — Manual Pick only: match built-in controls to the dark/cyan
   theme without changing markup, browser input behavior, validation or JS.
   Native datetime popup internals remain controlled by the browser/OS. */

/* Remove the grey native SELECT arrow while keeping the real native menu. */
#sport-screen #sp-view-create .sp-ap-edit-fields select[name="sport"] {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  color-scheme: dark !important;
  color: #e8f9ff !important;
  border-color: #31849c !important;
  padding-right: 42px !important;
  background: #091b33 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6' fill='none' stroke='%233df2d9' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 14px center / 17px 17px no-repeat !important;
  cursor: pointer;
}

/* Decimal odds now shares the same working, native-input-backed aqua controls
   as Stake (see sport-stake-stepper-v25_12_28.css). */

/* Recolour the existing datetime field and its calendar icon. The popup is
   native, so dates, keyboard shortcuts, min and timezone behavior stay intact. */
#sport-screen #sp-view-create .sp-ap-edit-fields input[name="kickoff_at"] {
  color-scheme: dark !important;
  accent-color: #35ebd4 !important;
  border-color: #34849c !important;
  background: #091b33 !important;
  color: #e8f9ff !important;
}
#sport-screen #sp-view-create .sp-ap-edit-fields input[name="kickoff_at"]::-webkit-calendar-picker-indicator {
  opacity: 1 !important;
  filter: brightness(0) saturate(100%) invert(85%) sepia(48%) saturate(722%) hue-rotate(105deg) brightness(105%);
  cursor: pointer;
}

#sport-screen #sp-view-create .sp-ap-edit-fields select[name="sport"]:focus-visible,
#sport-screen #sp-view-create .sp-ap-edit-fields input[name="kickoff_at"]:focus-visible,
#sport-screen #sp-view-create.is-manual .sp-ap-ticket input[name="odds"]:focus-visible {
  outline: 2px solid #35f3db !important;
  outline-offset: 2px !important;
  border-color: #38ddc9 !important;
  box-shadow: 0 0 0 3px #1ae6cc20 !important;
}