/* ═══════════════════════════════════════════════════════
   WARM THEME OVERRIDE — Dev Experimental
   Dark → Light Warm Cream/Gold theme
   ═══════════════════════════════════════════════════════ */

/* ── Base ── */
body {
    background-color: #FAF9F6 !important;
    color: #2D2A26 !important;
}

/* ── Nav Header ── */
.nav-header {
    background: linear-gradient(135deg, #C8A96E 0%, #A67C52 100%) !important;
    box-shadow: 0 2px 12px rgba(166,124,82,0.15) !important;
}

/* ── Chat Container ── */
.container {
    background: #FFFFFF !important;
    border: 1px solid #E8E4DC !important;
    box-shadow: 0 4px 24px rgba(0,0,0,0.05) !important;
}

.chat-internal-wrapper {
    background: #FFFFFF !important;
}

/* ── Header ── */
.header {
    border-bottom: 1px solid #E8E4DC !important;
}

.header h2 {
    color: #2D2A26 !important;
}

/* ── Chat Box ── */
.chat-box {
    background: #F7F5F0 !important;
    border: 1px solid #E8E4DC !important;
}

/* ── Messages ── */
.message.user {
    background: linear-gradient(135deg, #5B8DEF 0%, #4A7AE0 100%) !important;
    color: white !important;
}

.message.bot {
    background: #FFFFFF !important;
    color: #2D2A26 !important;
    border: 1px solid #E8E4DC !important;
}

.message.system {
    background: #FFF7ED !important;
    color: #9A3412 !important;
    border: 1px solid #FED7AA !important;
}

.message.rate-limit-error {
    background: #FFF7ED !important;
    border: 1px solid #FED7AA !important;
}

.sender-name {
    color: #9C9589 !important;
}

.timestamp {
    color: #B5AFA6 !important;
}

.response-time {
    color: #B5AFA6 !important;
}

/* ── Input Area ── */
.input-area input {
    background: #FFFFFF !important;
    border: 1px solid #DBD7D0 !important;
    color: #2D2A26 !important;
}

.input-area input:focus {
    outline: 2px solid #C8A96E !important;
    border-color: transparent !important;
}

input[type="text"] {
    background: #FFFFFF !important;
    border: 1px solid #DBD7D0 !important;
    color: #2D2A26 !important;
}

/* ── Buttons ── */
button {
    background: linear-gradient(135deg, #C8A96E 0%, #B8954A 100%) !important;
    color: white !important;
}

button:disabled {
    background: #E8E4DC !important;
    color: #B5AFA6 !important;
}

.btn-save {
    background: linear-gradient(135deg, #C8A96E 0%, #A67C52 100%) !important;
}

.btn-reload {
    background: #F0ECE3 !important;
    color: #78716C !important;
}

.btn-reload:hover {
    background: #E7E2D8 !important;
    color: #2D2A26 !important;
}

/* ── Config Area ── */
.config-area select,
.config-area input {
    background: #FFFFFF !important;
    border: 1px solid #DBD7D0 !important;
    color: #2D2A26 !important;
}

/* ── Load more ── */
.load-more button {
    background: #F0ECE3 !important;
    color: #78716C !important;
    border: 1px dashed #DBD7D0 !important;
}

.load-more button:hover {
    background: #E7E2D8 !important;
    color: #2D2A26 !important;
}

/* ── Scrollbar ── */
::-webkit-scrollbar-track {
    background: #F7F5F0 !important;
}

::-webkit-scrollbar-thumb {
    background: #DBD7D0 !important;
}

::-webkit-scrollbar-thumb:hover {
    background: #B5AFA6 !important;
}

/* ── Product Cards ── */
.product-cards-container {
    border-top: 1px solid #E8E4DC !important;
}

.product-card {
    background: #FFFFFF !important;
    border: 1px solid #E8E4DC !important;
}

.product-card:hover {
    box-shadow: 0 5px 20px rgba(200,169,110,0.2) !important;
    border-color: #C8A96E !important;
}

.product-sku {
    color: #C8A96E !important;
}

.product-name {
    color: #2D2A26 !important;
}

.product-link {
    background: linear-gradient(135deg, #C8A96E 0%, #A67C52 100%) !important;
}

.product-action-btn {
    border: 1px solid #DBD7D0 !important;
    color: #78716C !important;
    background: transparent !important;
}

.product-action-btn:hover {
    border-color: #C8A96E !important;
    color: #C8A96E !important;
    background: rgba(200,169,110,0.08) !important;
}

/* ── Prompt Panel ── */
.prompt-panel {
    background: #FAF9F6 !important;
    border-left: 1px solid #E8E4DC !important;
    box-shadow: -5px 0 20px rgba(0,0,0,0.04) !important;
}

.prompt-header {
    border-bottom: 1px solid #E8E4DC !important;
}

.prompt-header h3 {
    color: #C8A96E !important;
}

.prompt-tabs {
    background: #F0ECE3 !important;
    border: 1px solid #E8E4DC !important;
}

.prompt-tab-btn {
    color: #78716C !important;
    background: transparent !important;
}

.prompt-tab-btn.active {
    background: linear-gradient(135deg, #C8A96E 0%, #A67C52 100%) !important;
    color: #fff !important;
}

.prompt-tab-btn:hover:not(.active) {
    color: #2D2A26 !important;
    background: #E7E2D8 !important;
}

.prompt-textarea {
    background: #FFFFFF !important;
    color: #2D2A26 !important;
    border: 1px solid #E8E4DC !important;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.04) !important;
}

.prompt-textarea:focus {
    border-color: #C8A96E !important;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.04), 0 0 0 2px rgba(200,169,110,0.15) !important;
}

.panel-footer {
    border-top: 1px solid #E8E4DC !important;
}

.tool-prompt-select {
    background: #FFFFFF !important;
    color: #2D2A26 !important;
    border: 1px solid #E8E4DC !important;
}

.status-text {
    color: #B5AFA6 !important;
}

.btn-close-panel {
    color: #B5AFA6 !important;
    background: none !important;
}

.btn-close-panel:hover {
    color: #EF4444 !important;
}

/* ── Feedback Bar ── */
.feedback-bar .fb-btn {
    border: 1px solid #DBD7D0 !important;
    color: #78716C !important;
    background: transparent !important;
}

.feedback-bar .fb-btn:hover {
    border-color: #C8A96E !important;
    color: #C8A96E !important;
    background: rgba(200,169,110,0.08) !important;
}

.feedback-bar .fb-btn.active-like {
    border-color: #22C55E !important;
    color: #22C55E !important;
    background: rgba(34,197,94,0.08) !important;
}

.feedback-bar .fb-btn.active-dislike {
    border-color: #EF4444 !important;
    color: #EF4444 !important;
    background: rgba(239,68,68,0.08) !important;
}

/* ── Complaint Form ── */
.complaint-form {
    background: #F0ECE3 !important;
    border: 1px solid #E8E4DC !important;
}

.complaint-form .cat-chip {
    background: #FFFFFF !important;
    border: 1px solid #DBD7D0 !important;
    color: #57534E !important;
}

.complaint-form .cat-chip:hover {
    border-color: #C8A96E !important;
    color: #C8A96E !important;
}

.complaint-form .cat-chip.selected {
    border-color: #C8A96E !important;
    background: rgba(200,169,110,0.12) !important;
    color: #C8A96E !important;
}

.complaint-form textarea {
    background: #FFFFFF !important;
    color: #2D2A26 !important;
    border: 1px solid #DBD7D0 !important;
}

.complaint-form .btn-cancel {
    background: #E7E2D8 !important;
    color: #78716C !important;
}

.complaint-form .btn-submit {
    background: linear-gradient(135deg, #C8A96E 0%, #A67C52 100%) !important;
    color: white !important;
}

/* ── Message View Toggle ── */
.message-view-toggle {
    background: #F0ECE3 !important;
    border: 1px solid #E8E4DC !important;
}

.message-view-toggle button {
    color: #78716C !important;
    background: transparent !important;
}

.message-view-toggle button.active {
    background: linear-gradient(135deg, #C8A96E 0%, #A67C52 100%) !important;
    color: white !important;
}

.message-view-toggle button:hover:not(.active) {
    background: #E7E2D8 !important;
    color: #2D2A26 !important;
}

/* ── Raw JSON ── */
.raw-json-view {
    background: #F7F5F0 !important;
    border: 1px solid #E8E4DC !important;
}

.raw-json-view pre {
    color: #44403C !important;
}

/* ── Markdown Content ── */
.filtered-content .md-content strong { color: #2D2A26 !important; }
.filtered-content .md-content em { color: #57534E !important; }
.filtered-content .md-content del { color: #9C9589 !important; }
.filtered-content .md-content code {
    background: rgba(200,169,110,0.12) !important;
    color: #B8954A !important;
}
.filtered-content .md-content li::marker { color: #C8A96E !important; }
.filtered-content .md-content .md-heading { color: #2D2A26 !important; }

/* ── Suggestion Chips ── */
.suggestion-chips::before {
    color: #9C9589 !important;
}

.suggestion-chip {
    border: 1px solid #DBD7D0 !important;
    color: #57534E !important;
    background: transparent !important;
}

.suggestion-chip:hover {
    border-color: #C8A96E !important;
    color: #C8A96E !important;
    background: rgba(200,169,110,0.08) !important;
}

/* ── User Insight ── */
.user-insight {
    background: #F0ECE3 !important;
    border: 1px solid #E8E4DC !important;
    color: #57534E !important;
}

/* ── Typing Indicator ── */
.typing-indicator {
    color: #B5AFA6 !important;
}

/* ═══════════════════════════════════════════════════════
   INSIGHT SIDEBAR (Shopping Journey)
   ═══════════════════════════════════════════════════════ */
.insight-sidebar {
    background: #FFFFFF !important;
    border: 1px solid #E8E4DC !important;
    box-shadow: 0 4px 24px rgba(0,0,0,0.05) !important;
}

.insight-sidebar-header {
    border-bottom: 1px solid #E8E4DC !important;
    color: #2D2A26 !important;
}

.stage-dot.future {
    background: rgba(0,0,0,0.03) !important;
    border: 2px solid #DBD7D0 !important;
}

.stage-dot.past {
    background: rgba(34,197,94,0.1) !important;
    border: 2px solid rgba(34,197,94,0.3) !important;
}

.stage-label.future { color: #B5AFA6 !important; }
.stage-label.past { color: #22C55E !important; }
.stage-label.active { color: #16A34A !important; }

.stage-connector.empty { background: #E8E4DC !important; }
.stage-connector.filled { background: rgba(34,197,94,0.3) !important; }

.insight-fields {
    border-top: 1px solid #E8E4DC !important;
}

.insight-field-key {
    color: #9C9589 !important;
}

.insight-field-val {
    color: #57534E !important;
}

.insight-empty {
    color: #B5AFA6 !important;
}

/* ═══════════════════════════════════════════════════════
   SHOPPING CART DRAWER
   ═══════════════════════════════════════════════════════ */
.cart-fab {
    background: linear-gradient(135deg, #C8A96E, #B8954A) !important;
    box-shadow: 0 4px 16px rgba(200,169,110,0.35) !important;
}

.cart-drawer {
    background: #FFFFFF !important;
    border-left: 1px solid #E8E4DC !important;
    box-shadow: -4px 0 24px rgba(0,0,0,0.08) !important;
}

.cart-drawer-header {
    border-bottom: 1px solid #E8E4DC !important;
    color: #C8A96E !important;
}

.cart-drawer-header button {
    color: #B5AFA6 !important;
    background: none !important;
}

.cart-item {
    background: #F7F5F0 !important;
}

.cart-item-name {
    color: #2D2A26 !important;
}

.cart-item-price {
    color: #C8A96E !important;
}

.cart-item-sku {
    color: #9C9589 !important;
}

.cart-item-remove {
    color: #B5AFA6 !important;
    background: none !important;
}

.cart-item-remove:hover {
    color: #EF4444 !important;
}

.cart-drawer-footer {
    border-top: 1px solid #E8E4DC !important;
}

.cart-total {
    color: #2D2A26 !important;
}

.cart-total-price {
    color: #C8A96E !important;
}

.cart-send-btn {
    background: linear-gradient(135deg, #C8A96E, #B8954A) !important;
}

.cart-empty {
    color: #B5AFA6 !important;
}

.cart-overlay {
    background: rgba(0,0,0,0.3) !important;
}

.cart-toast {
    background: #C8A96E !important;
}
