/* ============================================================
   RideOps Design System — badges.css
   Rezervasyon / Operasyon / Ödeme / Fatura durum rozetleri.
   Her zaman semantik renk kullanır (success / warning / danger / info).
   ============================================================ */

/* Tek tutarlı yumuşak-dolu stil: arka plan = semantik rengin ~%14 alfası,
   yazı = semantik renk, kenarlık yok, hap (pill) form. Outline yok. */
.fi-badge {
    border-radius: var(--ro-radius-full) !important;
    font-weight: var(--ro-fw-semibold) !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    letter-spacing: .01em;
    padding: 2px 10px !important;
    border: none !important;
    box-shadow: none !important;
}

.fi-badge-color-success {
    background: var(--ro-success-soft) !important;
    color: var(--ro-success) !important;
}
.fi-badge-color-warning {
    background: var(--ro-warning-soft) !important;
    color: var(--ro-warning) !important;
}
.fi-badge-color-danger {
    background: var(--ro-danger-soft) !important;
    color: var(--ro-danger) !important;
}
.fi-badge-color-info {
    background: var(--ro-info-soft) !important;
    color: var(--ro-info) !important;
}
.fi-badge-color-primary {
    background: var(--ro-primary-soft) !important;
    color: var(--ro-primary) !important;
}
/* Nötr (neutral) — durum bildirmeyen rozetler için slate */
.fi-badge-color-gray {
    background: rgba(148, 163, 184, .14) !important;
    color: var(--ro-muted) !important;
}

/* ── Transfer Tipi: bir DURUM değil → alarm rengi (kırmızı/yeşil) kullanma ──
   Renkler TransferType enum'undan gelir (success/danger/warning). PHP'ye
   dokunmadan, yalnızca bu sütunda nötr/bilgi tonlarına eşleriz:
   Geliş (success) → info (mavi), Gidiş (danger) → neutral (slate). */
.fi-table-cell-transfer-type .fi-badge-color-success {
    background: var(--ro-info-soft) !important;
    color: var(--ro-info) !important;
}
.fi-table-cell-transfer-type .fi-badge-color-danger {
    background: rgba(148, 163, 184, .14) !important;
    color: var(--ro-muted) !important;
}

/* Dashboard'un kendi durum rozetleri (.ops-status-badge) için de aynı dil */
.ops-status-badge {
    border-radius: var(--ro-radius-full) !important;
    font-weight: var(--ro-fw-semibold);
    font-size: 11px;
    padding: 4px 10px;
    display: inline-flex;
    align-items: center;
}