/* Compacte Full-Width CSS toevoegingen - Voeg dit toe aan het einde van styles.css */

/* Override container width */
.container {
    max-width: 98% !important;
    padding: 10px !important;
}

/* Compacte header */
.header {
    padding: 15px !important;
    margin-bottom: 15px !important;
}

.header h1 {
    font-size: 1.8rem !important;
}

.stat-card {
    padding: 12px 15px !important;
    min-width: 110px !important;
}

.stat-number {
    font-size: 1.5rem !important;
}

.stat-label {
    font-size: 0.75rem !important;
}

/* Compacte controls */
.controls {
    padding: 12px 15px !important;
    margin-bottom: 15px !important;
}

/* Compacte tabel */
.facturen-table {
    font-size: 12px !important;
}

.facturen-table th,
.facturen-table td {
    padding: 6px 4px !important;
    font-size: 12px !important;
}

.facturen-table th {
    font-size: 11px !important;
}

/* Compacte buttons */
.btn {
    padding: 5px 8px !important;
    font-size: 12px !important;
    gap: 3px !important;
}

.btn i {
    font-size: 11px !important;
}

/* Compacte badges */
.status-badge {
    padding: 3px 8px !important;
    font-size: 10px !important;
}

.btw-badge {
    padding: 2px 6px !important;
    font-size: 9px !important;
}

/* Compacte pagination */
.pagination button {
    padding: 6px 10px !important;
    font-size: 12px !important;
}

/* Reduce modal sizes too */
.modal-content {
    padding: 15px !important;
}

.modal-header h2 {
    font-size: 1.3rem !important;
}

.form-group label {
    font-size: 13px !important;
}

.form-group input,
.form-group select,
.form-group textarea {
    padding: 8px !important;
    font-size: 13px !important;
}

/* Search input compact */
.search-filter input,
.search-filter select {
    padding: 8px 10px !important;
    font-size: 13px !important;
}