/* ============================================================
   RideOps Design System — company-settings.css
   app/Filament/Pages/CompanySettings.php hiç değişmedi. Bu dosya
   resources/views/filament/pages/company-settings.blade.php
   içindeki .cs-* sınıflarının RENKLERİNİ ezer (rose/indigo marka
   vurgusu → RideOps turuncusu).
   ============================================================ */

.cs-tabs { border-bottom-color: var(--ro-border) !important; }
.cs-tab { color: var(--ro-muted) !important; }
.cs-tab.active { color: var(--ro-primary) !important; border-bottom-color: var(--ro-primary) !important; }
.cs-tab.soon { color: var(--ro-muted-strong) !important; }
.cs-badge-soon { background: var(--ro-bg) !important; color: var(--ro-muted) !important; border-color: var(--ro-border) !important; }

.cs-card {
    background: var(--ro-card) !important;
    border: 1px solid var(--ro-border-soft) !important;
    border-radius: var(--ro-radius-lg) !important;
}
.cs-card-title,
.cs-tpl-title { color: var(--ro-text) !important; }
.cs-card-desc,
.cs-tpl-desc { color: var(--ro-muted) !important; }

.cs-field label { color: var(--ro-text-secondary) !important; }
.cs-field label .req { color: var(--ro-danger) !important; }
.cs-field input,
.cs-field select,
.cs-field textarea,
.cs-tpl-field input,
.cs-tpl-field textarea {
    background: var(--ro-bg) !important;
    border: 1px solid var(--ro-border) !important;
    color: var(--ro-text) !important;
    border-radius: var(--ro-radius-sm) !important;
}
.cs-field input:focus,
.cs-field select:focus,
.cs-field textarea:focus,
.cs-tpl-field input:focus,
.cs-tpl-field textarea:focus {
    border-color: var(--ro-primary) !important;
}
.cs-field .hint,
.cs-pass-hint,
.cs-tpl-lang-label,
.cs-logo-hint { color: var(--ro-muted) !important; }

.cs-logo-box { background: linear-gradient(135deg, var(--ro-primary), var(--ro-primary-hover)) !important; }
.cs-divider { background: var(--ro-border-soft) !important; }

.cs-btn-sec,
.cs-btn-test,
.cs-file-label,
.cs-event-btn,
.cs-lang-btn {
    background: var(--ro-bg) !important;
    border: 1px solid var(--ro-border) !important;
    color: var(--ro-text-secondary) !important;
}
.cs-btn-test:hover,
.cs-file-label:hover,
.cs-event-btn:hover,
.cs-lang-btn:hover { border-color: var(--ro-primary) !important; color: var(--ro-text) !important; }
.cs-event-btn.tpl-active,
.cs-lang-btn.tpl-active {
    background: var(--ro-primary-soft) !important;
    border-color: var(--ro-primary) !important;
    color: var(--ro-primary) !important;
}

.cs-btn-save { background: var(--ro-primary) !important; color: #fff !important; border-radius: var(--ro-radius-sm) !important; }
.cs-btn-save:hover { background: var(--ro-primary-hover) !important; }

.cs-btn-upload { background: var(--ro-primary) !important; color: #fff !important; border-radius: var(--ro-radius-sm) !important; }
.cs-btn-upload:hover { background: var(--ro-primary-hover) !important; }

.cs-btn-remove { background: transparent !important; border: 1px solid var(--ro-danger) !important; color: var(--ro-danger) !important; }
.cs-btn-remove:hover { background: var(--ro-danger-soft) !important; }

.cs-btn-reset { border-color: var(--ro-border) !important; color: var(--ro-muted) !important; }
.cs-btn-reset:hover { border-color: var(--ro-primary) !important; color: var(--ro-primary) !important; }

.cs-preview {
    background: var(--ro-bg) !important;
    border: 1px dashed var(--ro-border) !important;
    color: var(--ro-muted) !important;
}
.cs-preview code { background: #000 !important; color: var(--ro-success) !important; }

.cs-smtp-notice {
    background: var(--ro-info-soft) !important;
    border: 1px solid var(--ro-info) !important;
    color: var(--ro-info) !important;
}
.cs-smtp-notice strong { color: var(--ro-info) !important; }

.cs-warn-box {
    background: var(--ro-warning-soft) !important;
    border: 1px solid var(--ro-warning) !important;
    color: var(--ro-warning) !important;
}

.cs-toggle-row input[type=checkbox] { accent-color: var(--ro-primary) !important; }
.cs-toggle-label { color: var(--ro-text-secondary) !important; }
.cs-toggle-label span { color: var(--ro-muted) !important; }

.cs-vars-box { background: var(--ro-bg) !important; border: 1px dashed var(--ro-border) !important; }
.cs-vars-label { color: var(--ro-muted) !important; }
.cs-var-chip { background: var(--ro-card) !important; border: 1px solid var(--ro-border) !important; color: var(--ro-success) !important; }

.cs-logo-preview-wrap { border-color: var(--ro-border) !important; background: var(--ro-bg) !important; }