/* ===============================
   Form lọc yêu cầu
   =============================== */
#filterForm {
    display: flex;
    justify-content: center;
    gap: 1rem;
    margin-bottom: 1rem;
    flex-wrap: wrap; /* Cho phép xuống dòng trên mobile */
}

/* Mỗi div trong form */
#filterForm > div {
    display: flex;
    flex-direction: column;
    width: 200px; /* chiều ngang mặc định desktop */
}

/* Label căn trái */
#filterForm label {
    margin-bottom: 0.25rem;
    text-align: left;
}

/* ===============================
   Responsive cho mobile
   =============================== */
/* Tăng chiều cao ô Date */
/* Đồng bộ chiều cao cho date và select */
#filterForm input[type="date"],
#filterForm select {
    height: 40px;        /* hoặc chiều cao bạn muốn */
    padding: 6px 8px;
    font-size: 0.95rem;
    box-sizing: border-box;
}

/* Mobile */
@media (max-width: 768px) {
    #filterForm input[type="date"],
    #filterForm select {
        height: 45px;     /* cao hơn chút để thao tác ngón tay */
        font-size: 1rem;
    }