.field select[hidden] { display: none; }
.personal-data .field input,
.personal-data .field select { min-height: 48px; }
.form-select {
  display: block;
  position: relative;
  width: 100%;
  min-width: 0;
  min-height: 48px;
  padding: 12px 44px 12px 14px;
  border: 1px solid var(--border-hi);
  border-radius: var(--control-radius);
  background: var(--surface);
  color: var(--txt-1);
  font: 400 15px/1.35 var(--font-ui);
  text-align: left;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.form-select::after {
  content: '';
  position: absolute;
  right: 17px;
  top: calc(50% - 5px);
  width: 7px;
  height: 7px;
  border-right: 2px solid var(--accent);
  border-bottom: 2px solid var(--accent);
  transform: rotate(45deg);
}
.form-select[aria-expanded="true"]::after { transform: translateY(4px) rotate(225deg); }
.form-select:hover:not(:disabled) { border-color: var(--accent); }
.form-select:focus-visible,
.form-select[aria-expanded="true"] { outline: none; border-color: var(--accent); box-shadow: var(--focus-ring); }
.form-select:disabled { opacity: .65; cursor: not-allowed; background: var(--bg); }
.form-select.is-placeholder { color: var(--txt-2); }
.form-select[aria-invalid="true"] { border-color: var(--error); }
.form-select-menu {
  position: fixed;
  z-index: 1100;
  margin: 0;
  padding: 6px;
  box-sizing: border-box;
  overflow-y: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--border-hi);
  border-radius: var(--control-radius);
  background: var(--surface);
  color: var(--txt-1);
  box-shadow: 0 8px 24px rgba(36, 27, 44, .12);
  font: 400 15px/1.4 var(--font-ui);
  scrollbar-width: thin;
}
.form-select-menu[hidden] { display: none; }
.form-select-option {
  position: relative;
  min-height: 44px;
  display: flex;
  align-items: center;
  padding: 10px 36px 10px 12px;
  border-radius: 6px;
  cursor: pointer;
  overflow-wrap: anywhere;
}
.form-select-option:hover,
.form-select-option.is-active { background: var(--accent-dim); }
.form-select-option[aria-selected="true"] { color: var(--accent); font-weight: 600; }
.form-select-option[aria-selected="true"]::after { content: '✓'; position: absolute; right: 12px; }