body :is(select, .status-select) {
  color-scheme: dark;
  font: inherit;
  max-width: 100%;
  min-height: 42px;
  border-color: rgba(104, 190, 255, 0.26);
  color: #f8fbff;
  background-color: rgba(10, 16, 29, 0.88);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 0 0 1px rgba(255, 255, 255, 0.02);
}

body :is(select, .status-select):not([multiple]) {
  appearance: none;
  -webkit-appearance: none;
  padding-right: 44px;
  background-image:
    linear-gradient(145deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.03)),
    url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2020%2020'%20fill='none'%3E%3Cpath%20d='M5%207.5l5%205%205-5'%20stroke='%23dff4ff'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat, no-repeat;
  background-size: 100% 100%, 18px 18px;
  background-position: center, right 14px center;
}

body :is(select, .status-select):hover {
  border-color: rgba(104, 190, 255, 0.42);
  background-color: rgba(13, 22, 39, 0.94);
}

body :is(select, .status-select):focus,
body :is(select, .status-select):focus-visible {
  border-color: rgba(67, 163, 255, 0.68);
  background-color: rgba(13, 22, 39, 0.98);
  box-shadow:
    0 0 0 3px rgba(67, 163, 255, 0.13),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
  outline: none;
}

body :is(select, .status-select):disabled {
  cursor: not-allowed;
  border-color: rgba(255, 255, 255, 0.1);
  color: rgba(248, 251, 255, 0.42);
  background-color: rgba(10, 16, 29, 0.48);
}

body select option,
body select optgroup {
  color: #f8fbff;
  background-color: #101827;
}

body select option:checked {
  color: #fff;
  background-color: #195879;
}

body select option:disabled {
  color: rgba(248, 251, 255, 0.42);
}

body select[multiple] {
  padding-right: 12px;
  background-image: linear-gradient(145deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.03));
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
}