/* css/theme/dark_mode.css */

body.dark-mode {
  background-color: var(--bg-dark-primary);
  color: var(--text-color-light);
}

body.dark-mode #polyglot-connect-app-shell {
  background-color: var(--bg-dark-primary); /* Match body or slightly different */
}

/* Left Sidebar - Dark Mode */
body.dark-mode #left-sidebar {
  background-color: var(--bg-dark-secondary);
  color: #dadce0; /* Lighter grey for text */
  box-shadow: 2px 0 8px rgba(0,0,0,0.25);
}
body.dark-mode .sidebar-header {
  border-bottom-color: var(--bg-dark-tertiary);
}
body.dark-mode .sidebar-logo {
  background-color: var(--bg-dark-tertiary); /* Ensure logo bg contrasts */
}
body.dark-mode .sidebar-title-text {
  color: var(--text-color-light);
}
body.dark-mode .main-nav .nav-item a {
  color: #b0b3b8; /* Muted light text for nav items */
}
body.dark-mode .main-nav .nav-item a:hover {
  background-color: var(--bg-dark-tertiary);
  color: var(--text-color-light);
}
body.dark-mode .main-nav .nav-item.active a {
  background-color: var(--primary-color); /* Or a specific dark mode accent */
  color: var(--text-color-light);
  border-left-color: var(--accent-color-1); /* Brighter green accent for dark */
}
body.dark-mode .sidebar-footer {
  border-top-color: var(--bg-dark-tertiary);
}
body.dark-mode .copyright-text {
  color: #8a8d91;
}
body.dark-mode .theme-toggle-btn {
    border-color: #7f8c8d; color: #7f8c8d;
}
body.dark-mode .theme-toggle-btn:hover {
    color: var(--text-color-light); border-color: var(--text-color-light);
    background-color: rgba(255,255,255,0.05);
}


/* Main Container - Dark Mode */
body.dark-mode #main-container {
  background-color: var(--bg-dark-primary); /* Main content area background */
}
body.dark-mode .view-header {
  border-bottom-color: var(--bg-dark-tertiary);
}
body.dark-mode .view-header h1 {
  color: var(--text-color-light);
}
body.dark-mode .view-header p {
  color: #b0b3b8; /* Muted light text for subtitles */
}
body.dark-mode .loading-message,
body.dark-mode .empty-list-msg {
  color: #8a8d91;
}

/* Tips Panel - Dark Mode */
body.dark-mode .tips-panel {
  background-color: var(--bg-dark-secondary);
  box-shadow: var(--shadow-md); /* Adjust shadow for dark if needed */
}
body.dark-mode .tips-panel h3 {
  color: var(--accent-color-1); /* Green for tips title */
}
body.dark-mode #homepage-tips-list li {
  border-bottom-color: var(--bg-dark-tertiary);
}

/* Right Sidebar - Dark Mode */
body.dark-mode #right-sidebar {
  background-color: var(--bg-dark-secondary);
  border-left-color: var(--bg-dark-tertiary);
}
body.dark-mode .sidebar-panel h4 {
  color: var(--text-color-light);
  border-bottom-color: var(--bg-dark-tertiary);
}
body.dark-mode .sidebar-panel h4 i {
  color: var(--primary-color); /* Or a lighter blue */
}
body.dark-mode .filter-group label {
  color: #b0b3b8;
}
body.dark-mode .styled-select,
body.dark-mode .filter-group select,
body.dark-mode .filter-group input[type="text"] {
  background-color: var(--bg-dark-tertiary);
  color: var(--text-color-light);
  border-color: #555; /* Darker border for inputs */
}
body.dark-mode .styled-select:focus,
body.dark-mode .filter-group select:focus,
body.dark-mode .filter-group input[type="text"]:focus {
  border-color: var(--primary-color);
  box-shadow: 0 0 0 2px rgba(0,123,255,.25); /* Same focus ring, or adjust alpha */
}
body.dark-mode .sidebar-action-btn.primary-btn {
  background-color: var(--primary-color); /* Keep primary button color */
}
body.dark-mode .sidebar-action-btn.primary-btn:hover {
  background-color: var(--primary-color-darker);
}

/* Chat/Summary Lists - Dark Mode */
body.dark-mode .sidebar-list li .chat-list-item,
body.dark-mode .sidebar-list li .summary-list-item {
  color: var(--text-color-light);
  /* background-color: var(--bg-dark-tertiary); */ /* Optional: if items need a distinct bg */
}
body.dark-mode .sidebar-list li .chat-list-item:hover,
body.dark-mode .sidebar-list li .summary-list-item:hover {
  background-color: #4a4b4d; /* Slightly lighter hover */
  border-color: #5f6061;
}
body.dark-mode .sidebar-list li.active-chat-item .chat-list-item {
  background-color: var(--primary-color); /* Or a darker shade of primary */
  color: var(--text-color-light);
}
body.dark-mode .chat-list-item-avatar {
  background-color: #555; /* Darker fallback for avatar */
}
body.dark-mode .chat-list-item-status {
   border-color: var(--bg-dark-secondary); /* Border against list item bg */
}
body.dark-mode .chat-list-item-status.active {
    background-color: #32cd32; /* Brighter green for dark mode */
}


/* Connector Card - Dark Mode */
body.dark-mode .connector-card {
    background-color: var(--bg-dark-secondary);
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}
body.dark-mode .connector-card:hover {
    box-shadow: 0 8px 20px rgba(0, 123, 255, 0.2); /* Lighter blue shadow */
}
body.dark-mode .connector-card-bg {
    background: linear-gradient(135deg, #432d77 0%, #3e5f8e 50%, #4a7e7a 100%);
    border-bottom-color: var(--bg-dark-tertiary);
}
body.dark-mode .connector-avatar {
    border-color: var(--bg-dark-secondary);
    background-color: #444;
}
body.dark-mode .connector-status {
    border-color: var(--bg-dark-secondary);
}
body.dark-mode .connector-name { color: var(--text-color-light); }
body.dark-mode .connector-language { color: #b0b3b8; }
body.dark-mode .connector-bio { color: #a0a3a8; }
body.dark-mode .connector-actions {
    background-color: var(--bg-dark-tertiary);
    border-top-color: var(--border-color-dark);
}
body.dark-mode .connector-actions .view-profile-btn {
    background-color: var(--primary-color); /* Or a slightly lighter blue for dark mode */
}
body.dark-mode .connector-actions .view-profile-btn:hover {
    background-color: var(--primary-color-darker);
}

/* Group Chat UI - Dark Mode */
body.dark-mode .group-chat-container {
    background-color: var(--bg-dark-secondary);
    border-color: var(--border-color-dark);
}
body.dark-mode .group-chat-header {
    background-color: var(--bg-dark-tertiary);
    border-bottom-color: var(--border-color-dark);
}
body.dark-mode #leave-group-btn { color: var(--primary-color-lighter); }
body.dark-mode #leave-group-btn:hover { color: #79c0ff; }
body.dark-mode #group-chat-members-avatars .member-avatar-small {
    border-color: var(--bg-dark-tertiary);
}
body.dark-mode .chat-log-area { /* Shared for group and embedded */
    background-color: var(--bg-dark-primary);
}
body.dark-mode .group-chat-footer, body.dark-mode .embedded-chat-footer {
    background-color: var(--bg-dark-secondary); /* Or tertiary for more contrast */
    border-top-color: var(--border-color-dark);
}
body.dark-mode #group-chat-input, body.dark-mode #embedded-message-text-input {
    background-color: var(--bg-dark-tertiary);
    border-color: #555;
    color: var(--text-color-light);
}
body.dark-mode .typing-indicator { color: #a0a3a8; }

body.dark-mode .available-groups-list li {
    border-bottom-color: var(--bg-dark-tertiary);
}
body.dark-mode .available-groups-list li:hover {
    background-color: #3e3f40; /* Slightly lighter hover */
}
body.dark-mode .group-list-member-count { color: #a0a3a8; }

/* Embedded Chat UI - Dark Mode */
body.dark-mode .embedded-chat-ui { border-color: var(--border-color-dark); }
body.dark-mode #embedded-message-attach-btn { color: var(--primary-color-lighter); }