/**
 * 灵犀云 - 深色主题 (Dark Theme)
 * 晚上使用的灰色主题
 */

/* ===== 深色覆盖 ===== */
body {
  background: #202123;
  color: #ececf1;
}

/* 侧边栏 */
.sidebar {
  background: #171717;
  border-right-color: #2d2d2d;
}

.sidebar-brand {
  border-bottom-color: #2d2d2d;
}

.sidebar-brand:hover {
  background: #2d2d2d;
}

.sidebar-brand-name {
  color: #ececf1;
}

.sidebar-header {
  border-bottom-color: #2d2d2d;
}

.sidebar-new-chat {
  background: #10a37f;
}

.sidebar-new-chat:hover {
  background: #0d8a6a;
}

.sidebar-close {
  background: #2d2d2d;
  color: #9a9b9f;
}

.sidebar-section-title {
  color: #6e6e80;
}

.sidebar-session {
  color: #ececf1;
}

.sidebar-session:hover {
  background: #2d2d2d;
}

.sidebar-session.active {
  background: #2a4a3e;
}

.sidebar-session-title {
  color: #ececf1;
}

.sidebar-session-time {
  color: #6e6e80;
}

.sidebar-session-delete {
  color: #6e6e80;
}

.sidebar-session-delete:hover {
  color: #ef4444;
}

.sidebar-tools {
  border-top-color: #2d2d2d;
  border-bottom-color: #2d2d2d;
}

.sidebar-tool-item {
  color: #ececf1;
}

.sidebar-tool-item:hover {
  background: #2d2d2d;
}

.sidebar-footer {
  background: #171717;
}

.sidebar-user-trigger {
  color: #ececf1;
}

.sidebar-user-trigger:hover {
  background: #2d2d2d;
}

.sidebar-user-name {
  color: #ececf1;
}

.sidebar-user-menu {
  background: #171717;
  border-color: #2d2d2d;
}

.sidebar-menu-item {
  color: #ececf1;
}

.sidebar-menu-item:hover {
  background: #2d2d2d;
}

.sidebar-menu-item.danger {
  color: #ef4444;
}

.sidebar-menu-item.danger:hover {
  background: rgba(239, 68, 68, 0.1);
}

.sidebar-divider {
  background: #2d2d2d;
}

/* 侧边栏遮罩 */
.sidebar-overlay {
  background: rgba(0, 0, 0, 0.6);
}

/* 侧边栏拖拽器 */
.sidebar-resizer:hover,
.sidebar-resizer.dragging {
  background: #10a37f;
}

/* 导航栏 */
.navbar {
  background: #343541;
  border-bottom-color: #4d4d4f;
}

.logo {
  color: #ececf1;
}

.status-dot {
  background: #ef4444;
}

.status-dot.connected {
  background: #10a37f;
}

/* 侧边栏切换按钮 */
.sidebar-toggle {
  color: #ececf1;
}

.sidebar-toggle:hover {
  background: #444654;
}

/* 主题切换按钮 */
.theme-toggle-btn {
  background: #2d2d2d;
  color: #ececf1;
}

.theme-toggle-btn:hover {
  background: #3d3d3d;
}

/* Agent 切换器 */
.agent-switcher {
  background: #343541;
  border-color: #4d4d4f;
}

.agent-switcher:hover {
  background: #444654;
}

.agent-avatar-mini {
  color: #ececf1;
}

.agent-switcher-arrow {
  color: #6e6e80;
}

/* Agent 下拉 */
.agent-dropdown {
  background: #343541;
  border-color: #4d4d4f;
}

.agent-dropdown-item:hover {
  background: #444654;
}

.agent-dropdown-item.active {
  background: #2a4a3e;
}

.agent-dropdown-item .emoji {
  background: #444654;
}

.agent-dropdown-item .info h4 {
  color: #ececf1 !important;
}

.agent-dropdown-item .info p {
  color: #9a9b9f !important;
}

.agent-dropdown-item .emoji svg {
  color: #10a37f;
}

/* 用户头像 */
.user-avatar-circle {
  background: #10a37f;
}

/* 下拉菜单 */
.dropdown-content {
  background: #343541;
  border-color: #4d4d4f;
}

.dropdown-header {
  color: #ececf1;
  border-bottom-color: #4d4d4f;
}

.dropdown-item {
  color: #ececf1;
}

.dropdown-item:hover {
  background: #444654;
}

.dropdown-item.danger:hover {
  background: #4a2020;
}

.dropdown-divider {
  background: #4d4d4f;
}

/* 欢迎界面 */
.welcome-title {
  color: #ececf1;
}

.welcome-desc {
  color: #9a9b9f;
}

.team-tag {
  background: #343541;
  border-color: #4d4d4f;
  color: #ececf1;
}

/* 消息气泡 */
.message .avatar {
  background: #10a37f;
}

.message.user .avatar {
  background: #5436da;
}

.message .bubble {
  background: #343541;
  border-color: #4d4d4f;
  color: #ececf1;
}

.message.user .bubble {
  background: #444654;
}

/* 输入区域 */
.input-area {
  background: #343541;
  border-color: #4d4d4f;
}

.quick-btn {
  background: #444654;
  border-color: #4d4d4f;
  color: #c5c5d2;
}

.quick-btn:hover {
  background: #545464;
  border-color: #5d5d5f;
}

.input-field {
  background: #202123;
  border-color: #4d4d4f;
  color: #ececf1;
}

.input-field:focus {
  border-color: #10a37f;
}

.input-field::placeholder {
  color: #6e6e80;
}

.send-btn {
  background: #10a37f;
}

.send-btn:hover {
  background: #0d8a6a;
}

/* 弹窗 */
.modal-overlay {
  background: rgba(0,0,0,0.6);
}

.modal {
  background: #343541;
}

.modal-header {
  border-bottom-color: #4d4d4f;
}

.modal-header h3 {
  color: #ececf1;
}

.close-btn {
  background: #444654;
  color: #9a9b9f;
}

.form-group label {
  color: #ececf1;
}

.form-group input {
  background: #202123;
  border-color: #4d4d4f;
  color: #ececf1;
}

.submit-btn {
  background: #10a37f;
}

/* 团队成员 */
.team-member {
  background: #343541;
}

.team-member-name {
  color: #ececf1;
}

.team-member-role {
  color: #9a9b9f;
}

.remove-btn {
  border-color: #4d4d4f;
  color: #9a9b9f;
}

.agent-chip {
  background: #343541;
  border-color: #4d4d4f;
  color: #ececf1;
}

.agent-chip:hover {
  background: #444654;
  border-color: #10a37f;
}

/* 会话列表 */
.session-item:hover {
  background: #444654;
}

.session-item.active {
  background: #2a4a3e;
}

.session-avatar {
  background: #444654;
}

.session-name {
  color: #ececf1;
}

.session-preview {
  color: #9a9b9f;
}

/* 滚动条 */
.messages::-webkit-scrollbar-thumb {
  background: #4d4d4f;
}

.messages::-webkit-scrollbar-thumb:hover {
  background: #5d5d5f;
}