/* Container chính - Xóa sạch padding thừa */
.sf-horizontal-wrapper {
    background: #ffffff;
    border: 1px solid #dcdfe6;
    border-radius: 8px;
    padding: 10px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

/* Sử dụng Grid để ép tất cả nằm trên 1 hàng */
.sf-grid-container {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
}

/* Cột chứa Nhu cầu */
.sf-master-col {
    flex: 0 0 140px; /* Độ rộng cố định vừa đủ cho chữ Nhu cầu */
}

/* Cột chứa Form linh hoạt */
.sf-dynamic-col {
    flex: 1;
}

/* PHÁ CẤU TRÚC PLUGIN: Ép ul/li của plugin không chiếm dòng mới */
.sf-dynamic-col .searchandfilter, 
.sf-dynamic-col .searchandfilter > ul {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.sf-dynamic-col .searchandfilter > ul > li {
    flex: 1;
    margin: 0 !important;
    padding: 0 !important;
    min-width: 0; /* Quan trọng để flex không bị tràn */
}

/* Xóa bỏ hoàn toàn Label (Double Check) */
.sf-horizontal-wrapper label {
    display: none !important;
}

/* Style đồng bộ cho Input và Select */
.sf-input-field,
.sf-dynamic-col select,
.sf-dynamic-col input[type="text"] {
    width: 100% !important;
    height: 40px !important;
    border: 1px solid #dcdfe6 !important;
    border-radius: 4px !important;
    padding: 0 10px !important;
    font-size: 14px !important;
    background-color: #fff !important;
    box-sizing: border-box !important;
}

/* Nút tìm kiếm */
.sf-dynamic-col input[type="submit"] {
    height: 40px !important;
    background-color: #2563eb !important;
    color: #fff !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 0 20px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    white-space: nowrap;
}

/* Responsive: Trên mobile vẫn nên cho xuống dòng để dễ dùng */
@media (max-width: 991px) {
    .sf-grid-container,
    .sf-dynamic-col .searchandfilter > ul {
        flex-direction: column !important;
        align-items: stretch !important;
    }
    .sf-master-col {
        flex: 0 0 auto;
        width: 100%;
    }
}