/* One visible control frame. Structural Arco wrappers do not paint another box. */
:is(.qk-native-app, .qk-native-root) { --Control_height: 40px; }
:is(.qk-native-app, .qk-native-root) input:not([type='hidden'], [type='checkbox'], [type='radio'], [type='file'], [type='range'], [type='color'], [type='button'], [type='submit'], [type='reset'], [type='image'], .qk-select-validation),
:is(.qk-native-app, .qk-native-root) select,
:is(.qk-native-app, .qk-native-root) .arco-select,
:is(.qk-native-app, .qk-native-root) .arco-select-view,
:is(.qk-native-app, .qk-native-root) .arco-input-inner-wrapper {
  box-sizing: border-box !important;
  height: var(--Control_height) !important;
  min-height: var(--Control_height) !important;
  max-height: var(--Control_height) !important;
  line-height: 22px;
}
:is(.qk-native-app, .qk-native-root) input:not([type='hidden'], [type='checkbox'], [type='radio'], [type='file'], [type='range'], [type='color'], [type='button'], [type='submit'], [type='reset'], [type='image'], .qk-select-validation),
:is(.qk-native-app, .qk-native-root) select,
:is(.qk-native-app, .qk-native-root) .arco-input-inner-wrapper,
:is(.qk-native-app, .qk-native-root) .arco-select-view {
  padding: 0 12px !important;
  border: 1px solid transparent;
  border-radius: var(--Radius_medium);
  background: var(--Color_gray_4);
  color: inherit;
}
:is(.qk-native-app, .qk-native-root) :is(.arco-input-group-wrapper, .arco-input-group, .arco-textarea-wrapper),
:is(.qk-native-app, .qk-native-root) .arco-select.arco-input,
:is(.qk-native-app, .qk-native-root) .arco-select {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}
:is(.qk-native-app, .qk-native-root) .arco-input-inner-wrapper,
:is(.qk-native-app, .qk-native-root) .arco-select-view { display: inline-flex; align-items: center; }
:is(.qk-native-app, .qk-native-root) :is(.arco-input-inner-wrapper, .arco-select-view) input:not(.qk-select-validation) {
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}
:is(.qk-native-app, .qk-native-root) .arco-select-view-value,
:is(.qk-native-app, .qk-native-root) .arco-select-view-placeholder { line-height: 22px !important; }
:is(.qk-native-app, .qk-native-root) .arco-select-view-suffix,
:is(.qk-native-app, .qk-native-root) .arco-input-group-suffix { display: inline-flex; align-items: center; align-self: center; }
:is(.qk-native-app, .qk-native-root) :is(input.arco-input, .arco-input-inner-wrapper, .arco-select-view):hover { background-color: var(--Color_gray_8); }
:is(.qk-native-app, .qk-native-root) :is(input.arco-input:focus-visible, .arco-input-inner-wrapper:focus-within, .arco-select:focus-visible .arco-select-view, .arco-select-focused .arco-select-view) {
  border-color: var(--Color_brand);
  outline: 2px solid var(--Color_brand);
  outline-offset: -2px;
}
:is(.qk-native-app, .qk-native-root) :is(.arco-input-inner-wrapper, .arco-select-view) input.arco-input:hover { background: transparent !important; }
:is(.qk-native-app, .qk-native-root) :is(input:disabled, .arco-input-disabled, .arco-input-inner-wrapper-disabled, .arco-select-disabled .arco-select-view) { color: var(--Color_gray_24); cursor: not-allowed; }
:is(.qk-native-app, .qk-native-root) :is(input[aria-invalid='true'], .arco-input-error, .arco-select-error .arco-select-view, .arco-form-item-status-error .arco-select-view) { border-color: var(--Color_danger) !important; outline-color: var(--Color_danger) !important; }
/* Multiline editors retain their original editing height; only their frame is unified. */
:is(.qk-native-app, .qk-native-root) textarea { box-sizing: border-box; border-radius: var(--Radius_medium); }
:is(.qk-native-app, .qk-native-root) .arco-textarea-wrapper { height: auto; }
/* Native validity inputs remain 1px and noninteractive. They are never visual controls. */
:is(.qk-native-app, .qk-native-root) .qk-select-validation {
  position: absolute !important; width: 1px !important; height: 1px !important;
  min-height: 0 !important; max-height: 1px !important; padding: 0 !important;
  border: 0 !important; background: transparent !important; opacity: 0; pointer-events: none;
}
.qk-native-app :is(.filters, .qk-asset-filters) > .arco-btn { height: var(--Control_height); }