/**
 * table_controls.css
 * Global tablo alt kontrolleri: "Tümünü göster" + "Satır sayısı"
 * Kullanan sayfalar: Kişiler, Bağımsız Bölümler, vb.
 */

.pagination-container {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    margin-top: 0;
    padding: 0;
    background-color: transparent;
    border-radius: 0;
}

/* Orta blok (Toplam X kayıt gösteriliyor) tam ortalansın */
.pagination-container > :nth-child(2) {
    text-align: center;
}

/* Sağ blok (Tümünü göster / Satır sayısı) hizası */
.pagination-container > :last-child {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: flex-end;
}

/* Pagination metinlerini tek font sistemine bağla (üst + alt) */
.pagination-container,
.pagination-container *,
.by4-pagination-row,
.by4-pagination-row * {
    font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #6b7280;
}

/* Metinler satır kırmasın; Tümünü göster + Satır sayısı aynı satırda kalsın */
.pagination-container span,
.pagination-container label {
    white-space: nowrap;
}

/* Font Awesome ikonlar Inter'e zorlanmasın – kendi fontunu kullansın */
.pagination-container i.fa,
.pagination-container i.fas,
.by4-pagination-row i.fa,
.by4-pagination-row i.fas {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
}

.pagination-nav {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.pagination-divider {
    width: 1px;
    height: 20px;
    background-color: #dee2e6;
}

/* Checkbox + label aynı satırda, dikey ortalı */
.pagination-buttons {
    display: inline-flex;
    align-items: center;
}

.checkbox-sm {
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.checkbox-label-sm {
    font: inherit;
    margin-left: 4px;
    cursor: pointer;
}

.select-standard {
    padding: 0 8px;
    border: 1px solid #ced4da;
    border-radius: 4px;
    font: inherit;
    height: 30px;
}

/* Responsive */
@media (max-width: 768px) {
    .pagination-container {
        flex-direction: column;
        gap: 0.75rem;
    }
}