/* Shared native dropdowns, matching the approved trend and omission selectors.
   Keep field widths local; the browser supplies the arrow and open menu. */
/* Inline field captions must not inherit the stacked form label's bottom gap. */
body :is(#app, dialog) :is(.tr-controls, .om-scopes, .classic-history-tools, .hall-filter-group, .hall-favorite-field, .stat-filter-fields, .flight-toolbar, .hu-scheme-bar, .hu-create-name, .st-field, .st-limit, .strategy-amount-toolbar, .scheme-name-row) > label {
  margin-block: 0;
}

body :is(#app, #login-screen, dialog) select:not([multiple]) {
  appearance: auto;
  -webkit-appearance: auto;
  color-scheme: light;
  box-sizing: border-box;
  height: 32px;
  min-height: 32px;
  max-width: 100%;
  padding: 5px 10px;
  border: 1px solid var(--skin-line, #dfe4eb);
  border-radius: 5px;
  background: var(--skin-input, #fff);
  color: var(--skin-text, #202b3e);
  font-family: var(--skin-font, "Microsoft YaHei UI", "Microsoft YaHei", "Segoe UI", sans-serif);
  font-size: 13px;
  font-weight: 400;
  line-height: normal;
  box-shadow: none;
  -webkit-text-fill-color: currentColor;
  cursor: pointer;
}

body :is(#app, #login-screen, dialog) select:not([multiple]):focus,
body :is(#app, #login-screen, dialog) select:not([multiple]):focus-visible,
body :is(#app, #login-screen, dialog) select:not([multiple]):open {
  border-color: var(--skin-line, #dfe4eb);
  outline: 0;
  outline-offset: 0;
  box-shadow: none;
}

body :is(#app, #login-screen, dialog) select:not([multiple]):focus-visible {
  background-color: #f5f6f8;
}

/* Text and number fields keep one neutral border while being edited. */
:is(#app, #login-screen, dialog) input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]):focus,
:is(#app, #login-screen, dialog) input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]):focus-visible,
:is(#app, #login-screen, dialog) textarea:focus,
:is(#app, #login-screen, dialog) textarea:focus-visible {
  border-color: #d6deea;
  outline: 0;
  outline-offset: 0;
  box-shadow: none;
}

body :is(#app, #login-screen, dialog) select:not([multiple]):disabled {
  background: #f7f8fa;
  color: var(--skin-muted, #6e7c90);
  opacity: 1;
  cursor: not-allowed;
}

@media (max-width: 767px) {
  body :is(#app, #login-screen, dialog) select:not([multiple]) {
    height: 36px;
    min-height: 36px;
    font-size: 16px;
  }
}