/* Tom Select 상자 전체 (초기 렌더된 영역) */
.ts-wrapper.custom-select {
    background-color: #f0f4ff; /* 연한 파란색 배경 */
    border: 1px solid #94a3b8;
    border-radius: 4px;
    /* 여백 줄이도 테두리 없애고*/
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-left-width: 0px;
    border-bottom-width: 0px;
}

/* 선택된 값이 보이는 부분 */
.ts-wrapper.custom-select .ts-control {
    background-color: #f0f4ff;
    color: #1e3a8a; /* 진한 파란 글자 */
    font-size: 18px;
}

/* 포커스 됐을 때 테두리 강조 */
.ts-wrapper.custom-select.focus {
    border-color: #3b82f6; /* blue-500 */
    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.3);
}

/* 드롭다운 항목에 색상 지정 */
.ts-dropdown .ts-dropdown-content .option {
    background-color: white;
    color: #1f2937;
}

.ts-dropdown .ts-dropdown-content .option.active {
    background-color: #e0f2fe; /* hover 배경 */
    color: #0c4a6e;
}