/* ============================================================
   RideOps Design System — ai-panel.css
   AI Asistan paneli SADECE mor renk paleti kullanır. Bu dosya,
   mevcut AiAssistantPanel Livewire bileşeninin (app/Livewire/
   AiAssistantPanel.php + resources/views/livewire/
   ai-assistant-panel.blade.php) iş mantığına dokunmadan, sadece
   bileşenin kendi <style> bloğundaki rengi ezer.
   ============================================================ */

.aip-card {
    background: var(--ro-card) !important;
    border: 1px solid var(--ro-border-soft) !important;
    border-radius: var(--ro-radius-lg) !important;
}

.aip-header {
    background: linear-gradient(135deg, var(--ro-ai), var(--ro-ai-hover)) !important;
    border-radius: var(--ro-radius-lg) var(--ro-radius-lg) 0 0;
}

.aip-welcome,
.aip-quickbtns {
    background: var(--ro-card) !important;
}

.aip-welcome-greeting {
    color: var(--ro-text) !important;
}
.aip-welcome-sub {
    color: var(--ro-muted) !important;
}

.aip-quickbtn {
    background: var(--ro-bg) !important;
    border: 1px solid var(--ro-border) !important;
    color: var(--ro-text-secondary) !important;
    border-radius: var(--ro-radius-sm) !important;
}
.aip-quickbtn:hover {
    border-color: var(--ro-ai) !important;
    color: var(--ro-text) !important;
}

.aip-msg-assistant .aip-bubble {
    background: var(--ro-bg) !important;
    color: var(--ro-text) !important;
    border: 1px solid var(--ro-border-soft) !important;
}
.aip-msg-user .aip-bubble {
    background: var(--ro-ai) !important;
    color: #fff !important;
}

.aip-send-btn {
    background: var(--ro-ai) !important;
    border-radius: var(--ro-radius-sm) !important;
}
.aip-send-btn:hover {
    background: var(--ro-ai-hover) !important;
}

.aip-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;
}
.aip-textarea:focus {
    border-color: var(--ro-ai) !important;
    box-shadow: 0 0 0 3px var(--ro-ai-soft) !important;
}

.aip-suggestion-card,
.aip-card-driver,
.aip-card-vehicle {
    background: var(--ro-bg) !important;
    border: 1px solid var(--ro-border-soft) !important;
    border-radius: var(--ro-radius-md) !important;
}

.aip-assign-btn {
    background: var(--ro-ai) !important;
    color: #fff !important;
    border-radius: var(--ro-radius-sm) !important;
}
.aip-assign-btn:hover {
    background: var(--ro-ai-hover) !important;
}

.aip-score-high { color: var(--ro-success) !important; }
.aip-score-mid  { color: var(--ro-warning) !important; }
.aip-score-low  { color: var(--ro-danger) !important; }

.aip-warning {
    background: var(--ro-warning-soft) !important;
    color: var(--ro-warning) !important;
    border-radius: var(--ro-radius-sm) !important;
}

.aip-beta-badge {
    background: rgba(255, 255, 255, .22) !important;
}

.aip-chat-divider-label {
    color: var(--ro-muted) !important;
}

.aip-modal,
.aip-modal-backdrop + .aip-modal {
    background: var(--ro-card) !important;
    border-radius: var(--ro-radius-lg) !important;
}

.aip-modal-confirm {
    background: var(--ro-ai) !important;
}

.aip-footer-note {
    color: var(--ro-muted) !important;
}