/* ============================================================================
   BUTTON ALIGNMENT FIX
   This fixes button alignment issues caused by universal CSS reset
   The universal selector (* { margin: 0; padding: 0; }) strips padding
   Add this CSS file AFTER your main styles
   ============================================================================ */

/* Force padding on all .btn buttons to override universal selector reset */
.btn {
    padding: 12px 24px !important;
    box-sizing: border-box !important;
}

/* Specific fix for top row buttons (Import & Auto-Classify, Import CSV, Sample CSV) */
.btn-primary,
.btn-secondary {
    height: 48px !important;
    padding: 12px 24px !important;
    box-sizing: border-box !important;
    vertical-align: middle !important;
}

/* Specific fix for Export Working CSV button in batch actions */
#exportWorkingBtn {
    height: 57px !important;
    padding: 12px 24px !important;
    box-sizing: border-box !important;
}

/* Ensure all batch action buttons have consistent height */
.batch-actions button.btn {
    height: 57px !important;
    padding: 12px 24px !important;
    box-sizing: border-box !important;
}

/* Additional safeguard for dynamically created buttons */
button[onclick*="importCSVFile"],
button[onclick*="exportSampleCSV"] {
    height: 48px !important;
    padding: 12px 24px !important;
    box-sizing: border-box !important;
    vertical-align: middle !important;
}