/* ============================================================
   RideOps Design System — cards.css
   20px radius, 24px padding, yumuşak gölge, hover animasyonu.
   Sert kenar (hard border) kullanılmaz.
   ============================================================ */

.fi-section,
.fi-wi-stats-overview-stat,
.fi-modal-window,
.ro-card {
    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);
    transition: background-color var(--ro-transition), box-shadow var(--ro-transition), transform var(--ro-transition);
}

.fi-section {
    padding: var(--ro-space-4) !important;
    /* Select/combobox açılır menüsü kart sınırının dışına taşabilsin
       (Filament core'un overflow:hidden'ı dropdown'ı kırpıyordu). */
    overflow: visible !important;
    /* Kalıcı transform stacking context yaratıp açık dropdown/takvimi sonraki
       kartın altına itiyordu → kaldır. (Slide-up animasyonu da fi-section'da
       transform kullanmaz, bkz. animations.css) */
    transform: none !important;
}

/* Aktif (içinde odak olan) bölüm üstte kalsın → dropdown/takvim örtülmez */
.fi-section:focus-within {
    position: relative;
    z-index: 40;
}

.fi-section:hover,
.fi-wi-stats-overview-stat:hover,
.ro-card:hover {
    background: var(--ro-card-hover) !important;
    box-shadow: var(--ro-shadow-md);
}

.fi-section-header {
    padding: 0 0 var(--ro-space-3) 0 !important;
    margin-bottom: var(--ro-space-3);
    border-bottom: 1px solid var(--ro-border-soft);
}

.fi-section-content,
.fi-section-content-ctn {
    padding: 0 !important;
}

/* KPI / istatistik kartları */
.fi-wi-stats-overview-stat {
    padding: var(--ro-space-4) !important;
    position: relative;
    overflow: hidden;
}

.fi-wi-stats-overview-stat-label {
    color: var(--ro-muted) !important;
    font-size: 11px;
    font-weight: var(--ro-fw-semibold);
    letter-spacing: .06em;
    text-transform: uppercase;
}

.fi-wi-stats-overview-stat-value {
    color: var(--ro-text) !important;
    font-weight: var(--ro-fw-bold) !important;
    font-size: 1.875rem !important;
}

.fi-wi-stats-overview-stat-description {
    color: var(--ro-muted) !important;
}

/* Üst renk şeridi — istatistik kartlarına ince bir marka vurgusu */
.fi-wi-stats-overview-stat::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--ro-primary), var(--ro-primary-hover));
    border-radius: var(--ro-radius-lg) var(--ro-radius-lg) 0 0;
}

/* Genel uygulamadaki "ops-card" / "ops-chart-card" / "ops-bottom-card" gibi
   özel dashboard kartları da aynı token sistemini paylaşır. */
.ops-card,
.ops-chart-card,
.ops-bottom-card,
.ops-quick-btn,
.aip-card {
    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) !important;
}

.ops-card:hover,
.ops-chart-card:hover,
.ops-bottom-card:hover,
.ops-quick-btn:hover {
    background: var(--ro-card-hover) !important;
    box-shadow: var(--ro-shadow-md) !important;
}