@charset "UTF-8";

 

/*input,check*/
input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    width: 1.2rem;
    height: 1.2rem;
    border: 1px solid var(--bkerp-btn-warning-bg);
    background-color: transparent;
    cursor: pointer;
    position: relative;
    transition: border 0.2s;
    margin: 0.5rem;
}

    input[type="checkbox"]:hover {
        border: 2px solid var(--bkerp-btn-warning-bg);
    }

    input[type="checkbox"]:checked {
        background-color: var(--bkerp-btn-danger-bg);
    }

/*input,radio*/
input[type="radio"] {
    margin: 0;
}

/*input,text*/

input[type="text"], input[type="number"], input[type="date"] {
    width: 100%;
    padding: 0.5rem 1rem;
    font-size: var(--bkerp-font-size-base);
    background-color: var(--bkerp-input-bg);
    color: var(--bkerp-text-color);
    border: 1px solid var(--bkerp-input-border-color);
    border-radius: 0.5rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

    input[type="text"]:focus,
    input[type="number"]:focus,
    input[type="date"]:focus {
        color: var(--bkerp-text-color);
        background-color: var(--bkerp-input-bg);
        border-color: var(--bkerp-input-border-color-focus);
        outline: 0;
        box-shadow: 0 0 0 .25rem color-mix(in srgb, var(--bkerp-input-border-color-focus) 25%, transparent 75%);
    }
input[type="number"] {
    -webkit-appearance: none;
    -moz-appearance: textfield;
}

    /* 隐藏 WebKit 浏览器（Chrome、Safari、Edge）中的箭头 */
    input[type="number"]::-webkit-outer-spin-button,
    input[type="number"]::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }
/*input,date*//* 由于浏览器对日期输入的样式支持有限，可能需要额外的样式调整 */
input[type="date"] {
    font-size: var(--bkerp-font-size-sm);
}
    input[type="date"]:focus {
        color: var(--bkerp-link-text-hover-color);
    }
/* Element: The select dropdown (copied from bs-select) */
select {
    width: 100%;
    font-size: var(--bkerp-font-size-base);
    padding: 0.5rem 1rem;
    background-color: var(--bkerp-input-bg);
    color: var(--bkerp-text-color);
    border: 1px solid var(--bkerp-input-border-color);
    border-radius: 0.5rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    appearance: none;
}

    select:focus {
        color: var(--bkerp-text-color);
        background-color: var(--bkerp-input-bg);
        border-color: var(--bkerp-input-border-color-focus);
        outline: 0;
        box-shadow: 0 0 0 .25rem color-mix(in srgb, var(--bkerp-input-border-color-focus) 25%, transparent 75%);
    }

/* Element: The textarea itself */
textarea {
    min-width: 10rem;
    width: 100%;
    min-height: 10rem;
    height: 100%;
    padding: 0.5rem;
    font-size: var(--bkerp-font-size-sm);
    background-color: var(--bkerp-input-bg);
    color: var(--bkerp-text-color);
    border: 1px solid var(--bkerp-input-border-color);
    border-radius: 0.5rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

    textarea :focus {
        color: var(--bkerp-text-color);
        background-color: var(--bkerp-input-bg);
        border-color: var(--bkerp-input-border-color-focus);
        outline: 0;
        box-shadow: 0 0 0 .25rem color-mix(in srgb, var(--bkerp-input-border-color-focus) 25%, transparent 75%);
    }