/* FuelDash R146 — Price-alert editors use the exact R145 input material. */
:root {
  --fd-r146-input-dark: #17171c;
  --fd-r146-input-light: #eeeef2;
  --fd-r146-input-border-dark: #323239;
  --fd-r146-input-border-light: #d1d1d7;
}

html body:not(#fd-r146-alert-input-scope) .fd-alert-modal .fd-alert-row :is(select,input[type="time"],input[type="number"]) {
  box-sizing: border-box !important;
  border-color: var(--fd-r146-input-border-dark) !important;
  background: var(--fd-r146-input-dark) !important;
  background-color: var(--fd-r146-input-dark) !important;
  background-image: none !important;
  box-shadow: inset 0 1px rgba(255,255,255,.055) !important;
  color: #f7f7f8 !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

html[data-fd-theme="light"] body:not(#fd-r146-alert-input-scope) .fd-alert-modal .fd-alert-row :is(select,input[type="time"],input[type="number"]) {
  border-color: var(--fd-r146-input-border-light) !important;
  background: var(--fd-r146-input-light) !important;
  background-color: var(--fd-r146-input-light) !important;
  background-image: none !important;
  box-shadow: inset 0 1px #fff !important;
  color: #27272d !important;
}

html body:not(#fd-r146-alert-input-scope) .fd-alert-modal .fd-alert-row :is(select,input[type="time"],input[type="number"]):focus {
  border-color: #ff3b30 !important;
  outline: 0 !important;
  outline-offset: 0 !important;
  box-shadow: inset 0 1px rgba(255,255,255,.055), inset 0 0 0 1px #ff3b30 !important;
}