/* Tùy chỉnh nhỏ để giao diện nhất quán (Từ file HTML mới) */
body {
    font-family: 'Inter', sans-serif;
}
.flatpickr-input {
    background-color: white;
}
/* Style cho scrollbar (Từ file HTML mới) */
.custom-scrollbar::-webkit-scrollbar {
    width: 6px;
    height: 6px; /* Thêm cho listbox ngang */
}
.custom-scrollbar::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #d1d5db; /* gray-300 */
    border-radius: 10px;
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #9ca3af; /* gray-400 */
}

/* === CSS MỚI CHO TÍNH NĂNG FILE KW === */

/* Style cho kết quả tìm kiếm KW */
.search-result-item {
    padding: 10px 12px;
    cursor: pointer;
    border-bottom: 1px solid #e5e7eb; /* gray-200 / slate-200 */
    transition: background-color 0.15s ease-in-out;
}
.search-result-item:last-child {
    border-bottom: none;
}
.search-result-item:hover {
    background-color: #f8fafc; /* gray-50 / slate-50 */
}
.search-result-item.selected {
    background-color: #f0f9ff; /* blue-50 / sky-50 */
    font-weight: 600;
    color: #0369a1; /* blue-700 / sky-700 */
}

/* Style cho input bị vô hiệu hóa */
input:disabled,
textarea:disabled,
select:disabled {
    background-color: #f1f5f9; /* gray-100 / slate-100 */
    cursor: not-allowed;
    opacity: 0.7;
}

button:disabled {
    background-color: #94a3b8; /* gray-400 / slate-400 */
    cursor: not-allowed;
    opacity: 0.8;
}

/* Style cho div kết quả tìm kiếm rỗng */
#kw-search-results:empty::after {
    content: '...';
    display: block;
    padding: 10px 12px;
    color: #64748b; /* gray-500 / slate-500 */
    font-style: italic;
}