#chats-layout {
 --chat-bg:#171a1f; --chat-panel:#20252b; --chat-bubble:#303740;
 --chat-border:#343c45; --chat-hover:#293139; --chat-selected:var(--primary-soft);
 --chat-outgoing:#174d50; --chat-outgoing-border:#245c5f;
 --chat-input:#252d35; --chat-scroll:#46515b;
}
:root[data-theme="light"] #chats-layout {
 --chat-bg:#f3f5f5; --chat-panel:#ffffff; --chat-bubble:#e7ecee;
 --chat-border:#d3dcdf; --chat-hover:#f0f3f4;
 --chat-outgoing:#d5eeea; --chat-outgoing-border:#b4d9d2;
 --chat-input:#ffffff; --chat-scroll:#a0aeb3;
}

/* Chats: charcoal, petroleum teal and restrained orange. */
#chats-layout { color:var(--text); background:var(--chat-bg); border-color:var(--chat-border); }
#chats-layout .chat-list-pane, #chats-layout .chat-insight { background:var(--chat-panel); }
#chats-layout .chat-detail, #chats-layout .messages { background:var(--chat-bg); }
#chats-layout .chat-header { background:var(--chat-panel); border-bottom:1px solid var(--chat-border); }
#chats-layout h2, #chats-layout h3 { font-family:inherit; color:var(--text); }
#chats-layout .chat-item { background:transparent; border:0; border-bottom:1px solid var(--chat-bubble); border-radius:0; padding:16px 12px; }
#chats-layout .chat-item:hover { background:var(--chat-hover); }
#chats-layout .chat-item.selected { background:var(--chat-selected); box-shadow:inset 3px 0 var(--primary); }
#chats-layout .chat-item .name { color:var(--text); font-size:.9rem; }
#chats-layout .chat-item .last { color:var(--muted); margin-top:6px; }
#chats-layout .chat-header-tags { display:none; }
#chats-layout .msg { background:var(--chat-bubble); color:var(--text); border:1px solid var(--chat-border); border-radius:14px; box-shadow:none; }
#chats-layout .msg-bot, #chats-layout .msg-ai, #chats-layout .msg-assistant, #chats-layout .msg-human { background:var(--chat-outgoing); border-color:var(--chat-outgoing-border); }
#chats-layout .msg-content { line-height:1.55; }
#chats-layout .msg-time { color:var(--muted); }
#chats-layout .chat-insight { padding:8px 12px; gap:4px; }
#chats-layout .insight-block { padding:6px 4px; background:transparent; border:0; border-bottom:1px solid var(--chat-border); border-radius:0; }
#chats-layout .insight-block h3 { margin-bottom:6px; font-size:1rem; }
#chats-layout .insight-grid { gap:2px; }
#chats-layout .insight-grid div { font-size:.9rem; line-height:1.3; padding-bottom:1px; border:0; }
#chats-layout .insight-grid strong { overflow-wrap:anywhere; }
#chats-layout input, #chats-layout textarea, #chats-layout select { background:var(--chat-input); color:var(--text); border-color:var(--chat-border); }
#chats-layout * { scrollbar-width:thin; scrollbar-color:var(--chat-scroll) transparent; }
#chats-layout *::-webkit-scrollbar { width:6px; height:6px; }
#chats-layout *::-webkit-scrollbar-track { background:transparent; }
#chats-layout *::-webkit-scrollbar-thumb { background:var(--chat-scroll); border-radius:6px; }
#chats-layout #send-human { background:var(--primary); color:var(--on-primary); border-color:var(--primary); }

#chats-layout .chat-composer { background:var(--chat-panel); color:var(--text); }
#chats-layout .btn:not(.btn-danger):not(#send-human) { color:var(--text); }