/* Shared native selects retain keyboard and mobile picker support. */
select:not([multiple]):not([size]),select[size="1"] {
  -webkit-appearance:none;
  appearance:none;
  color-scheme:dark;
  font:inherit;
  font-size:14px;
  line-height:1.4;
  color:#eef4ee;
  background-color:#18251e;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23caff35' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 13px center;
  background-size:16px;
  border:1px solid #405046;
  border-radius:10px;
  min-height:42px;
  padding:10px 40px 10px 13px;
  max-width:100%;
  box-sizing:border-box;
  cursor:pointer;
  transition:border-color .15s,box-shadow .15s,background-color .15s;
}
select:not([multiple]):hover:not(:disabled){border-color:#82976b;background-color:#203026}
select:focus-visible{outline:2px solid #caff35;outline-offset:2px;box-shadow:0 0 0 4px #caff3514}
select:disabled{opacity:.5;cursor:not-allowed}
select option,select optgroup{background:#18251e;color:#eef4ee}
#topup-extra select{width:100%;margin:8px 0 12px}
@media(max-width:640px){select:not([multiple]):not([size]),select[size="1"]{font-size:16px;min-height:44px}}
@media(prefers-reduced-motion:reduce){select{transition:none!important}}
@media(forced-colors:active){select:not([multiple]){appearance:auto;background-image:none}}