@import url('/assets/cr029-density.css?v=cr029');

/* CR-028: consistent select typography and controls across every portal. */
.cr-body select,
.market-body select {
  font-family: Inter, "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", "Source Han Sans SC", Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: 0;
  color: #26334a;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  font-synthesis: none;
}

.cr-body select:not([multiple]),
.market-body select:not([multiple]) {
  min-height: 44px;
  box-sizing: border-box;
  appearance: none;
  -webkit-appearance: none;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6l4 4 4-4' stroke='%2356647A' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 16px 16px;
  padding: 0 42px 0 12px !important;
}

.cr-body select:not([multiple]):focus,
.market-body select:not([multiple]):focus {
  outline: 0;
  border-color: var(--portal-action, #3a36db);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--portal-action, #3a36db) 14%, transparent);
}

.cr-body select:disabled,
.market-body select:disabled {
  color: #7a8598;
  background-color: #f2f4f8;
  cursor: not-allowed;
  opacity: 1;
}

.cr-body select option,
.market-body select option {
  font-family: "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", "Source Han Sans SC", Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #26334a;
  background-color: #fff;
}

.cr-body select[multiple],
.market-body select[multiple] {
  padding: 8px 10px;
  line-height: 1.5;
}

@media (forced-colors: active) {
  .cr-body select:not([multiple]),
  .market-body select:not([multiple]) {
    appearance: auto;
    -webkit-appearance: auto;
    background-image: none;
    padding-right: 12px !important;
  }
}