/* ============================================================
   RideOps Design System — tables.css
   Yuvarlatılmış satırlar, hover efekti, iyileştirilmiş boşluk.
   ============================================================ */

.fi-ta-ctn {
    background: var(--ro-card) !important;
    border: 1px solid var(--ro-border-soft) !important;
    border-radius: var(--ro-radius-lg) !important;
    box-shadow: var(--ro-shadow-sm);
    overflow: hidden;
}

.fi-ta-header-cell {
    background: rgba(255, 255, 255, .02) !important;
    color: var(--ro-muted) !important;
    font-size: 12px !important;
    font-weight: var(--ro-fw-semibold) !important;
    letter-spacing: .06em;
    text-transform: uppercase;
    border-bottom: 1px solid var(--ro-border-soft) !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

.fi-ta-row {
    background: var(--ro-card) !important;
    /* ince ayraç, sert çizgi yok */
    border-bottom: 1px solid var(--ro-border-soft) !important;
    transition: background-color var(--ro-transition);
}

.fi-ta-row:last-child {
    border-bottom: none !important;
}

.fi-ta-row:hover {
    background: var(--ro-card-hover) !important;
}

/* Hücreler: rahat dikey boşluk (~14px üst/alt) */
.fi-ta-cell {
    color: var(--ro-text-secondary) !important;
    border-color: var(--ro-border-soft) !important;
}

.fi-ta-text {
    color: var(--ro-text) !important;
    padding-top: 14px !important;
    padding-bottom: 14px !important;
}

.fi-ta-empty-state-heading {
    color: var(--ro-text) !important;
}
.fi-ta-empty-state-description {
    color: var(--ro-muted) !important;
}

/* Sayfalama */
.fi-pagination-item-button {
    border-radius: var(--ro-radius-sm) !important;
    color: var(--ro-text-secondary) !important;
}
.fi-pagination-item-button[aria-current="page"] {
    background: var(--ro-primary) !important;
    color: #fff !important;
}

/* Tablo araç çubuğu (arama, filtre, bulk aksiyon) */
.fi-ta-header-toolbar {
    background: var(--ro-card) !important;
    border-color: var(--ro-border-soft) !important;
    padding: var(--ro-space-3) var(--ro-space-4) !important;
}

/* Mobil tablo → kart dönüşümü responsive.css'te tanımlıdır (≤768px).
   data-label etiketleri table-mobile-cards.js tarafından yazılır. */