body[data-scope="app"] select.client-select-native,
body[data-scope="app"] select.kyc-select-native {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 1px !important;
  min-width: 1px !important;
  max-width: 1px !important;
  height: 1px !important;
  min-height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  border: 0 !important;
  white-space: nowrap !important;
}

body[data-scope="app"] :is(.client-select, .kyc-select) {
  position: relative;
  width: 100%;
  min-width: 0;
}

body[data-scope="app"] :is(.client-select__button, .kyc-select__button) {
  display: grid;
  width: 100%;
  min-height: 48px;
  padding: 0 14px;
  grid-template-columns: minmax(0, 1fr) 12px;
  align-items: center;
  gap: 12px;
  border: 1px solid #c8d5de;
  border-radius: 10px;
  color: #071f36;
  background: #fff;
  box-shadow: none;
  cursor: pointer;
  font: inherit;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
}

body[data-scope="app"] :is(.client-select__button, .kyc-select__button):hover { border-color: #9eb4c2; }
body[data-scope="app"] :is(.client-select__button, .kyc-select__button):focus,
body[data-scope="app"] :is(.client-select, .kyc-select).is-open :is(.client-select__button, .kyc-select__button) {
  border-color: #246792;
  outline: none;
  box-shadow: 0 0 0 3px rgba(36, 103, 146, .11);
}

body[data-scope="app"] :is(.client-select__button, .kyc-select__button):disabled { color: #8a9aa6; background: #f4f7f8; cursor: not-allowed; }
body[data-scope="app"] :is(.client-select__button, .kyc-select__button).is-placeholder { color: #8a9aa6; }
body[data-scope="app"] :is(.client-select__value, .kyc-select__value) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

body[data-scope="app"] :is(.client-select__caret, .kyc-select__caret) {
  width: 8px;
  height: 8px;
  border-right: 1px solid #567086;
  border-bottom: 1px solid #567086;
  transform: translateY(-2px) rotate(45deg);
  transition: transform 150ms ease;
}

body[data-scope="app"] :is(.client-select, .kyc-select).is-open :is(.client-select__caret, .kyc-select__caret) { transform: translateY(2px) rotate(225deg); }

body[data-scope="app"] :is(.client-select__menu, .kyc-select__menu) {
  position: absolute;
  z-index: 240;
  top: calc(100% + 6px);
  right: 0;
  left: 0;
  max-height: 248px;
  padding: 6px;
  overflow-y: auto;
  overscroll-behavior: contain;
  border: 1px solid #d3dfe6;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 14px 34px rgba(7, 31, 54, .13);
}

body[data-scope="app"] :is(.client-select__menu, .kyc-select__menu)[hidden] { display: none !important; }

body[data-scope="app"] :is(.client-select__option, .kyc-select__option) {
  display: grid;
  width: 100%;
  min-height: 38px;
  padding: 8px 10px;
  align-items: center;
  border: 0;
  border-radius: 6px;
  color: #304a5f;
  background: transparent;
  cursor: pointer;
  font: inherit;
  font-size: 12.5px;
  font-weight: 400;
  line-height: 1.35;
  text-align: left;
}

body[data-scope="app"] :is(.client-select__option, .kyc-select__option):is(:hover, :focus) { color: #071f36; background: #eef4f7; outline: none; }
body[data-scope="app"] :is(.client-select__option, .kyc-select__option).is-selected { color: #087e70; background: #edf7f4; }
body[data-scope="app"] :is(.client-select__option, .kyc-select__option):disabled { color: #94a3ad; cursor: default; }

/* The language menu uses the same compact surface and selection rhythm. */
body .lang-dropdown {
  min-width: 210px;
  padding: 6px !important;
  border: 1px solid #d3dfe6 !important;
  border-radius: 10px !important;
  background: #fff !important;
  box-shadow: 0 14px 34px rgba(7, 31, 54, .13) !important;
}

body .lang-dropdown .lang-opt {
  min-height: 38px;
  padding: 8px 10px !important;
  border: 0 !important;
  border-radius: 6px !important;
  color: #304a5f !important;
  background: transparent !important;
  font-size: 12.5px !important;
  font-weight: 400 !important;
}

body .lang-dropdown .lang-opt:is(:hover, :focus) { color: #071f36 !important; background: #eef4f7 !important; }

@media (max-width: 720px) {
  body[data-scope="app"] :is(.client-select__menu, .kyc-select__menu) { max-height: min(248px, 42vh); }
}