/* ============================================================
   RideOps Design System — operation-board.css
   app/Filament/Pages/OperationBoard.php hiç değişmedi. Bu dosya
   resources/views/filament/pages/operation-board.blade.php
   içindeki .opboard-* sınıflarının RENKLERİNİ ezer (GitHub-koyu
   paletten RideOps paletine).
   ============================================================ */

.opboard-stat-card,
.opboard-alertbox,
.opboard-card,
.opboard-mapcard,
.opboard-vehiclelist,
.opboard-rangebar {
    background: var(--ro-card) !important;
    border-color: var(--ro-border-soft) !important;
    border-radius: var(--ro-radius-lg) !important;
}

.opboard-stat-value,
.opboard-alertitem-name,
.opboard-guest-name,
.opboard-flight-no,
.opboard-assign-plate,
.opboard-driver-name,
.opboard-pnr,
.opboard-vl-name,
.opboard-side-title,
.opboard-rangebar-label {
    color: var(--ro-text) !important;
}

.opboard-stat-label,
.opboard-alertitem-count,
.opboard-guest-phone,
.opboard-guest-country,
.opboard-pax-info,
.opboard-flight-meta,
.opboard-assign-model,
.opboard-driver-phone,
.opboard-section-label,
.opboard-route-text,
.opboard-vl-phone,
.opboard-empty,
.opboard-footer,
.opboard-map-status,
.opboard-mapnote,
.opboard-vl-empty,
.opboard-missing {
    color: var(--ro-muted) !important;
}

.opboard-pnr { background: rgba(255,255,255,.06) !important; }

/* Marka turuncusu — saat/aktif vurgular */
.opboard-datetime { color: var(--ro-primary) !important; }
.opboard-vl-link { color: var(--ro-primary) !important; }

/* Durum şeritleri ve rozetleri — semantik token'lar */
.opboard-stripe-pending   { background: var(--ro-muted) !important; }
.opboard-stripe-planned   { background: var(--ro-info) !important; }
.opboard-stripe-completed { background: var(--ro-success) !important; }

.opboard-status-pending   { background: rgba(148,163,184,.14) !important; color: var(--ro-muted) !important; }
.opboard-status-planned   { background: var(--ro-info-soft) !important;   color: var(--ro-info) !important; }
.opboard-status-completed { background: var(--ro-success-soft) !important; color: var(--ro-success) !important; }

.opboard-transfer-arrival   { background: var(--ro-info-soft) !important;    color: var(--ro-info) !important; }
.opboard-transfer-departure { background: var(--ro-warning-soft) !important; color: var(--ro-warning) !important; }
.opboard-transfer-round     { background: var(--ro-success-soft) !important; color: var(--ro-success) !important; }

.opboard-delay-badge { background: var(--ro-danger-soft) !important; color: var(--ro-danger) !important; }

.opboard-flight-landed    { background: var(--ro-success-soft) !important; color: var(--ro-success) !important; }
.opboard-flight-delayed   { background: var(--ro-warning-soft) !important; color: var(--ro-warning) !important; }
.opboard-flight-scheduled { background: var(--ro-info-soft) !important;    color: var(--ro-info) !important; }

/* Filtre çubuğu ve girişler */
.opboard-filterbar input,
.opboard-filterbar select,
.opboard-rangebar-input {
    background: var(--ro-bg) !important;
    border: 1px solid var(--ro-border) !important;
    color: var(--ro-text) !important;
    border-radius: var(--ro-radius-sm) !important;
}
.opboard-filterbar input:focus,
.opboard-filterbar select:focus,
.opboard-rangebar-input:focus {
    border-color: var(--ro-primary) !important;
}
.opboard-filterbar input::placeholder { color: var(--ro-muted) !important; }

/* Zaman çizelgesi (timeline) */
.opboard-tl-step:not(:last-child)::after { background: var(--ro-border) !important; }
.opboard-tl-step.tl-done:not(:last-child)::after  { background: var(--ro-primary) !important; }
.opboard-tl-step.tl-final:not(:last-child)::after { background: var(--ro-success) !important; }
.opboard-tl-dot { background: var(--ro-card) !important; border-color: var(--ro-border) !important; }
.opboard-tl-step.tl-done  .opboard-tl-dot { background: var(--ro-primary) !important; border-color: var(--ro-primary) !important; }
.opboard-tl-step.tl-final .opboard-tl-dot { background: var(--ro-success) !important; border-color: var(--ro-success) !important; }
.opboard-tl-label { color: var(--ro-muted-strong) !important; }
.opboard-tl-step.tl-done  .opboard-tl-label { color: var(--ro-text-secondary) !important; }
.opboard-tl-step.tl-final .opboard-tl-label { color: var(--ro-success) !important; }

/* Şoför/araç canlı durum noktaları */
.opboard-map-dot { background: var(--ro-success) !important; box-shadow: 0 0 5px var(--ro-success) !important; }
.opboard-map-dot.grey { background: var(--ro-muted) !important; box-shadow: none !important; }
.opboard-vl-icon { background: var(--ro-bg) !important; }
.opboard-vl-icon svg { color: var(--ro-muted) !important; }
.opboard-vl-dot { border-color: var(--ro-card) !important; }
.opboard-vl-dot.live { background: var(--ro-success) !important; }
.opboard-vl-dot.last { background: var(--ro-muted) !important; }
.opboard-vl-speed { color: var(--ro-muted) !important; }
.opboard-vl-speed.live { color: var(--ro-success) !important; }
.opboard-vl-row { border-bottom-color: var(--ro-border-soft) !important; }

.opboard-side-header { border-bottom-color: var(--ro-border-soft) !important; }

.opboard-card:hover {
    box-shadow: 0 0 0 1px var(--ro-primary-soft), var(--ro-shadow-md) !important;
}

.opboard-timeline { border-top-color: var(--ro-border-soft) !important; }