/* ===================================
   QlabbirFilter & QlabbirWellForm - Modern Styling
   Bootstrap 5 Native
   =================================== */

/* Report Filter Input Styling - Make borders more visible */
.report-filter-input .form-control,
.report-filter-input .form-select,
.report-filter-input input[type="text"],
.report-filter-input input[type="date"],
.report-filter-input select,
.filter-input .form-control,
.filter-input .form-select,
.filter-input input,
.filter-input select {
    border: 1px solid #adb5bd !important;
    border-radius: 0.25rem;
}

.report-filter-input .form-control:focus,
.report-filter-input .form-select:focus,
.report-filter-input input[type="text"]:focus,
.report-filter-input input[type="date"]:focus,
.report-filter-input select:focus,
.filter-input .form-control:focus,
.filter-input .form-select:focus,
.filter-input input:focus,
.filter-input select:focus {
    border-color: #0d6efd !important;
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);
}

.report-filter-input .form-label,
.filter-input label {
    font-weight: 600;
    margin-bottom: 0.375rem;
    color: #495057;
    font-size: 0.875rem;
}

/* Well Form Container */
.qlabbir-well-form {
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
    padding: 1.25rem;
    margin-bottom: 1.5rem;
}

.qlabbir-well-form.well-primary {
    background-color: #e7f3ff;
    border-color: #b8daff;
}

.qlabbir-well-form.well-success {
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.qlabbir-well-form.well-warning {
    background-color: #fff3cd;
    border-color: #ffeaa7;
}

.qlabbir-well-form.well-danger {
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

/* Well Content */
.qlabbir-well-content {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: flex-end;
}

/* Well Header */
.qlabbir-well-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 2px solid #dee2e6;
}

/* Filter Specific Styles */
.qlabbir-filter {
    width: 100%;
}

.qlabbir-filter .qlabbir-well-content {
    gap: 1rem;
}

.qlabbir-filter-actions {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    margin-left: auto;
    flex-wrap: wrap;
}

/* Filter Item Spacing */
.qlabbir-filter .form-group {
    margin-bottom: 0;
}

/* Responsive Design */
@media (max-width: 768px) {
    .qlabbir-well-form {
        padding: 1rem;
    }
    
    .qlabbir-well-content {
        gap: 0.5rem;
    }
    
    .qlabbir-filter .qlabbir-well-content {
        flex-direction: column;
        align-items: stretch;
    }
    
    .qlabbir-filter-actions {
        width: 100%;
        margin-left: 0;
        justify-content: flex-start;
    }
}

/* Form Well Compatibility */
.form-well {
    /* Legacy class - use qlabbir-well-form instead */
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
    padding: 1.25rem;
}

.clear-well-div {
    /* Legacy class - handled by qlabbir-well-content now */
}