/* 修正 Select2 清除按鈕與下拉箭頭重疊問題 renhao 2025-12-05 */

/* 加寬 autocomplete 欄位，使設備資訊能完整顯示 renhao 2025-12-05 */
select.admin-autocomplete {
    width: 100% !important;
    max-width: 50em !important;
}

/* 輸入框容器：移除 min-width，讓 Select2 的 inline style 決定寬度 renhao 2025-12-05 */
.select2-container--admin-autocomplete.select2-container {
    max-width: 50em !important;
}

/* 下拉選單容器：繼承輸入框寬度（透過 JS 動態設定）renhao 2025-12-05 */
body > .select2-container--admin-autocomplete {
    max-width: 50em !important;
}

.select2-container--admin-autocomplete .select2-dropdown {
    max-width: 50em !important;
}

.select2-container--admin-autocomplete .select2-selection--single .select2-selection__rendered {
    padding: 4px 30px 4px 8px !important; /* 右側預留空間給 clear 和 arrow */
}

.select2-container--admin-autocomplete .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    position: absolute !important;
    right: 22px !important; /* 預留空間給 arrow (20px) */
    top: 50%;
    transform: translateY(-50%);
    font-weight: bold;
    font-size: 1.1em;
    padding: 2px 6px; /* 增加點擊區域 */
    color: var(--body-quiet-color);
    z-index: 1;
    float: none !important;
}

.select2-container--admin-autocomplete .select2-selection--single .select2-selection__clear:hover {
    color: var(--delete-button-bg, #dc3545);
}