/* Component-library enhancement only. Text, number, URL, search, email and textarea fields remain native. */
.verve-ui-native-source {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.verve-ui-control-host,
.verve-ui-upload-host {
    display: inline-flex;
    max-width: 100%;
    vertical-align: middle;
}

.verve-ui-control-host--select {
    display: block;
    width: 100%;
}

.verve-ui-control-host--select .el-select {
    width: 100%;
}

.verve-ui-upload-host .arco-upload-list-picture {
    margin: 0;
}

.verve-ui-upload-host .arco-upload-list-picture .arco-upload-list-item {
    margin: 0 8px 8px 0;
}

.verve-ui-upload-host .arco-upload-picture-card {
    width: 78px;
    height: 78px;
}

.verve-skin-file-picker.verve-ui-upload-active {
    display: block !important;
    min-height: auto;
    padding: 0;
    background: transparent;
    border: 0;
    cursor: default;
}

.verve-skin-file-picker.verve-ui-upload-active:hover,
.verve-skin-file-picker.verve-ui-upload-active:focus-within {
    background: transparent;
    border-color: transparent;
    box-shadow: none;
}

.verve-message-tools .verve-ui-upload-host .arco-upload-picture-card {
    width: 34px;
    height: 34px;
    border-radius: 50%;
}

.verve-message-tools .verve-ui-upload-host .arco-upload-picture-card .arco-upload-picture-card-text {
    display: none;
}

.verve-submit-form .verve-ui-upload-host {
    display: block;
}

.verve-ui-control-host .el-button,
.verve-ui-control-host .el-checkbox,
.verve-ui-control-host .el-radio {
    font: inherit;
}

/* The admin meta box used to draw its own switch track next to the native
 * checkbox. Once Element Plus mounts the replacement checkbox, that legacy
 * track must be hidden or it appears as a second, misaligned switch. */
.verve-admin-toggle > span:not(.verve-ui-control-host) {
    display: none !important;
}

.verve-admin-toggle .verve-ui-control-host--choice {
    display: inline-flex;
    flex: 0 0 auto;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    border-radius: 0;
    background: transparent;
    transition: none;
}

.verve-admin-toggle .verve-ui-control-host--choice::after {
    display: none;
}

.verve-admin-toggle .el-checkbox,
.verve-admin-toggle .el-radio {
    margin-right: 0;
}