/* ================================================
   Kendo UI - Bootstrap v4 Sync
   Căn tất cả Kendo input bằng Bootstrap (38px)
   ================================================ */

/* Base: 38px = 36px content + 2px border */
.k-multiselect .k-multiselect-wrap,
.k-dropdown .k-dropdown-wrap,
.k-datepicker .k-picker-wrap,
.k-timepicker .k-picker-wrap,
.k-datetimepicker .k-picker-wrap,
.k-numerictextbox .k-numeric-wrap,
.k-combobox .k-combobox-wrap {
    min-height: 36px;
    padding: 0;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
}

/* Căn input text bên trong */
.k-dropdown .k-input,
.k-combobox .k-input,
.k-datepicker .k-input,
.k-numerictextbox .k-input {
    height: 36px;
    padding: 0;
    font-size: 1rem;
    line-height: 1.5;
}

/* Căn icon/button bên trong */
.k-dropdown .k-select,
.k-datepicker .k-select,
.k-combobox .k-select {
    height: 36px;
    line-height: 36px;
}

/* MultiSelect tag */
.k-multiselect .k-multiselect-wrap li.k-button {
    margin: 2px;
    padding: 1px 6px;
    font-size: 0.875rem;
    line-height: 1.4;
}

/* Nút clear nằm ngoài ul, cần position đúng */
.k-multiselect .k-multiselect-wrap {
    position: relative;
    padding-right: 24px; /* nhường chỗ cho nút clear */
}

.k-multiselect .k-clear-value {
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    display: flex !important;
    align-items: center;
    cursor: pointer;
}

.k-multiselect .k-multiselect-wrap li.k-button {
    padding-right: 28px; /* nhường chỗ cho mũi tên */
    position: relative;
}

.k-multiselect .k-multiselect-wrap li.k-button .k-select {
    position: absolute;
    right: 4px;
    top: 35%;
    transform: translateY(-50%);
}