/* ============================================================
   Conversations – Anthropic monochrome override
   ============================================================ */

/* ---- Page header ---- */
.conv-page-title { color: #111 !important; }
.conv-page-subtitle { color: #555 !important; }
.conv-count {
    background: #f0f0f0 !important;
    color: #555 !important;
}

/* ---- Search ---- */
.conv-search-input {
    background: transparent !important;
}
.conv-search-input:focus {
    border-color: #111 !important;
}

/* ---- Layout: transparent backgrounds ---- */
.conv-layout {
    background: transparent !important;
    border-color: #e2e2e2 !important;
}
.conv-list {
    background: transparent !important;
}
.conv-chat {
    background: transparent !important;
}
/* Mobile chat overlay needs a solid background so content doesn't bleed through */
@media (max-width: 768px) {
    .conv-chat { background: white !important; }
    [data-theme="dark-mode"] .conv-chat { background: #1c1917 !important; }
}

/* ---- Conversation list items ---- */
.conv-item {
    border-bottom-color: #eee !important;
}
.conv-item:hover {
    background: #f9f9f9 !important;
}
.conv-item.active {
    background: #f5f5f5 !important;
}
.conv-item-name { color: #111 !important; }
.conv-item-time { color: #999 !important; }
.conv-item-preview { color: #555 !important; }

/* ---- Unread dot: monochrome ---- */
.conv-unread-dot {
    background: #111 !important;
}

/* ---- Chat header ---- */
.conv-chat-header {
    background: transparent !important;
    border-bottom-color: #eee !important;
}
.conv-chat-header-name { color: #111 !important; }
.conv-chat-header-sub { color: #555 !important; }
.conv-header-action {
    border-color: #e2e2e2 !important;
    background: transparent !important;
    color: #555 !important;
}
.conv-header-action:hover {
    background: #f5f5f5 !important;
    color: #111 !important;
}

/* ---- Session bar ---- */
.conv-session-bar {
    background: transparent !important;
    border-bottom-color: #eee !important;
}
.conv-session-tab.active {
    background: #111 !important;
    color: #fff !important;
    border-color: #111 !important;
}

/* ---- Chat messages area ---- */
.conv-chat .chat-messages {
    background: transparent !important;
}

/* ---- Message bubbles ---- */
.conv-bubble-ai {
    background: #f5f5f5 !important;
    color: #333 !important;
}
.conv-bubble-customer {
    background: transparent !important;
    border-color: #e2e2e2 !important;
    color: #333 !important;
}
.conv-bubble-time { color: #999 !important; }
.conv-sender-label { color: #999 !important; }
.conv-date-sep span {
    background: transparent !important;
    border-color: #e2e2e2 !important;
    color: #999 !important;
}

/* ---- Rich confirm card ---- */
.conv-rich-confirm {
    background: #f5f5f5 !important;
    border-color: #e2e2e2 !important;
}
.conv-rich-confirm-title {
    color: #111 !important;
}
.conv-rich-confirm-time {
    color: #333 !important;
}

/* ---- Status pill ---- */
.conv-status-done {
    color: #111 !important;
}

/* ---- Read-only footer ---- */
.conv-read-only-footer {
    background: transparent !important;
    border-top-color: #eee !important;
    color: #999 !important;
}

/* ---- Empty states ---- */
.conv-empty-state {
    background: transparent !important;
    border-color: #e2e2e2 !important;
}
.conv-empty-state h3 { color: #111 !important; }
.conv-empty-state p { color: #555 !important; }
.conv-empty-icon { color: #ccc !important; }
.conv-empty-chat { color: #555 !important; }
.conv-empty-chat p { color: #555 !important; }
.conv-empty-btn {
    background: transparent !important;
    border-color: #e2e2e2 !important;
    color: #333 !important;
}
.conv-empty-btn:hover {
    background: #f5f5f5 !important;
}

/* ---- Load more ---- */
.conv-load-more-btn {
    background: transparent !important;
    border-color: #e2e2e2 !important;
    color: #555 !important;
}
.conv-load-more-btn:hover {
    background: #f5f5f5 !important;
}

/* ---- Legacy conversation classes (old sidebar style) ---- */
.conversation-item::before {
    background: #111 !important;
}
.conversation-item.active {
    background: #f5f5f5 !important;
    border-left-color: #111 !important;
}
.conversation-list {
    background: transparent !important;
}
.conversation-chat {
    background: transparent !important;
}

/* ---- Spinner ---- */
.conv-spinner {
    border-color: #e2e2e2 !important;
    border-top-color: #555 !important;
}

/* ============================================================
   Conversations – Dark Mode overrides
   ============================================================ */

/* Page header */
[data-theme="dark-mode"] .conv-page-title { color: #faf8f5 !important; }
[data-theme="dark-mode"] .conv-page-subtitle { color: #a8a29e !important; }
[data-theme="dark-mode"] .conv-count {
    background: #44403c !important;
    color: #e7e5e4 !important;
}

/* Search */
[data-theme="dark-mode"] .conv-search-input {
    background: #292524 !important;
    border-color: #44403c !important;
    color: #e7e5e4 !important;
}
[data-theme="dark-mode"] .conv-search-input::placeholder {
    color: #78716c !important;
}
[data-theme="dark-mode"] .conv-search-input:focus {
    border-color: #57534e !important;
}

/* Layout */
[data-theme="dark-mode"] .conv-layout {
    background: transparent !important;
    border-color: #44403c !important;
}
[data-theme="dark-mode"] .conv-list {
    background: transparent !important;
    border-right-color: #44403c !important;
}
[data-theme="dark-mode"] .conv-chat {
    background: transparent !important;
}

/* Conversation list items */
[data-theme="dark-mode"] .conv-item {
    border-bottom-color: #44403c !important;
}
[data-theme="dark-mode"] .conv-item:hover {
    background: #292524 !important;
}
[data-theme="dark-mode"] .conv-item.active {
    background: #292524 !important;
}
[data-theme="dark-mode"] .conv-item-name { color: #faf8f5 !important; }
[data-theme="dark-mode"] .conv-item-time { color: #78716c !important; }
[data-theme="dark-mode"] .conv-item-preview { color: #a8a29e !important; }

/* Avatar in list */
[data-theme="dark-mode"] .conv-avatar {
    background: #44403c !important;
    color: #faf8f5 !important;
}

/* Unread dot */
[data-theme="dark-mode"] .conv-unread-dot {
    background: #faf8f5 !important;
    border-color: #1a1816 !important;
}

/* Chat header */
[data-theme="dark-mode"] .conv-chat-header {
    background: transparent !important;
    border-bottom-color: #44403c !important;
}
[data-theme="dark-mode"] .conv-chat-header-name { color: #faf8f5 !important; }
[data-theme="dark-mode"] .conv-chat-header-sub { color: #a8a29e !important; }
[data-theme="dark-mode"] .conv-header-action {
    border-color: #44403c !important;
    background: transparent !important;
    color: #a8a29e !important;
}
[data-theme="dark-mode"] .conv-header-action:hover {
    background: #292524 !important;
    color: #faf8f5 !important;
}

/* Session bar */
[data-theme="dark-mode"] .conv-session-bar {
    background: transparent !important;
    border-bottom-color: #44403c !important;
}
[data-theme="dark-mode"] .conv-session-tab {
    color: #78716c !important;
    border-color: #44403c !important;
}
[data-theme="dark-mode"] .conv-session-tab:hover {
    color: #e7e5e4 !important;
}
[data-theme="dark-mode"] .conv-session-tab.active {
    background: #faf8f5 !important;
    color: #1c1917 !important;
    border-color: #faf8f5 !important;
}

/* Chat messages area */
[data-theme="dark-mode"] .conv-chat .chat-messages {
    background: #1c1917 !important;
}

/* Message bubbles */
[data-theme="dark-mode"] .conv-bubble-ai {
    background: #292524 !important;
    color: #e7e5e4 !important;
}
[data-theme="dark-mode"] .conv-bubble-customer {
    background: #1c1917 !important;
    border-color: #44403c !important;
    color: #e7e5e4 !important;
}
[data-theme="dark-mode"] .conv-bubble-time { color: #78716c !important; }
[data-theme="dark-mode"] .conv-sender-label { color: #a8a29e !important; }
[data-theme="dark-mode"] .conv-date-sep span {
    background: #292524 !important;
    border-color: #44403c !important;
    color: #a8a29e !important;
}

/* Phone number / header info text */
[data-theme="dark-mode"] .conv-chat-header span,
[data-theme="dark-mode"] .conv-chat-header p { color: #a8a29e !important; }

/* Date stamp in chat */
[data-theme="dark-mode"] .chat-date {
    color: #78716c !important;
}

/* Rich confirm card */
[data-theme="dark-mode"] .conv-rich-confirm {
    background: #292524 !important;
    border-color: #44403c !important;
}
[data-theme="dark-mode"] .conv-rich-confirm-title {
    color: #faf8f5 !important;
}
[data-theme="dark-mode"] .conv-rich-confirm-time {
    color: #d6d3d1 !important;
}

/* Status pill */
[data-theme="dark-mode"] .conv-status-done {
    color: #a8a29e !important;
}

/* COLLECT PROBLEM and similar labels */
[data-theme="dark-mode"] .chat-stage-label,
[data-theme="dark-mode"] .conv-stage-label {
    color: #78716c !important;
}

/* Read-only footer */
[data-theme="dark-mode"] .conv-read-only-footer {
    background: #292524 !important;
    border-top-color: #44403c !important;
    color: #78716c !important;
}

/* Empty states */
[data-theme="dark-mode"] .conv-empty-state {
    background: transparent !important;
    border-color: #44403c !important;
}
[data-theme="dark-mode"] .conv-empty-state h3 { color: #faf8f5 !important; }
[data-theme="dark-mode"] .conv-empty-state p { color: #a8a29e !important; }
[data-theme="dark-mode"] .conv-empty-icon { color: #57534e !important; }
[data-theme="dark-mode"] .conv-empty-chat { color: #a8a29e !important; }
[data-theme="dark-mode"] .conv-empty-chat p { color: #a8a29e !important; }
[data-theme="dark-mode"] .conv-empty-btn {
    background: transparent !important;
    border-color: #44403c !important;
    color: #d6d3d1 !important;
}
[data-theme="dark-mode"] .conv-empty-btn:hover {
    background: #292524 !important;
}

/* Load more */
[data-theme="dark-mode"] .conv-load-more-btn {
    background: transparent !important;
    border-color: #44403c !important;
    color: #a8a29e !important;
}
[data-theme="dark-mode"] .conv-load-more-btn:hover {
    background: #292524 !important;
}

/* Legacy conversation classes */
[data-theme="dark-mode"] .conversation-item::before {
    background: #faf8f5 !important;
}
[data-theme="dark-mode"] .conversation-item.active {
    background: #292524 !important;
    border-left-color: #faf8f5 !important;
}
[data-theme="dark-mode"] .conversation-list {
    background: transparent !important;
}
[data-theme="dark-mode"] .conversation-chat {
    background: transparent !important;
}

/* Spinner */
[data-theme="dark-mode"] .conv-spinner {
    border-color: #44403c !important;
    border-top-color: #a8a29e !important;
}