/* ========== ТЁМНЫЕ ТЕМЫ ========== */
[data-theme="slate"] {
  --bg-base: #2c2c2e; --bg-sidebar: rgba(44,44,46,0.95); --bg-layer-2: #3a3a3c; --bg-layer-3: #48484a;
  --bg-input: #3a3a3c; --bg-bubble: #48484a; --bg-chat-active: rgba(255,255,255,0.08);
  --bg-card: #3a3a3c; --bg-modal: #3a3a3c; --bg-hover: rgba(255,255,255,0.06); --bg-mask: rgba(0,0,0,0.5);
  --text-primary: #e5e5e7; --text-secondary: #a0a0a5; --text-tertiary: #8e8e93; --text-caption: #7c7c80;
  --border-l1: rgba(255,255,255,0.08); --border-l2: rgba(255,255,255,0.12);
  --border-l2-thin: rgba(255,255,255,0.08); --border-l3: rgba(255,255,255,0.18); --border-inverted: rgba(255,255,255,0.06);
  --scroll-color: rgba(255,255,255,0.12); --scroll-color-hover: rgba(255,255,255,0.22); --tooltip-bg: rgba(0,0,0,0.85);
}

[data-theme="sunset"] {
  --bg-base: #0a0a0c; --bg-sidebar: rgba(10,10,12,0.9); --bg-layer-2: #141416; --bg-layer-3: #1c1c1e;
  --bg-input: #141416; --bg-bubble: #1c1c1e; --bg-chat-active: rgba(0,113,227,0.1);
  --bg-card: #141416; --bg-modal: #141416; --bg-hover: rgba(255,255,255,0.06); --bg-mask: rgba(0,0,0,0.6);
  --text-primary: #ffffff; --text-secondary: #98989d; --text-tertiary: #86868b; --text-caption: #636366;
  --border-l1: rgba(255,255,255,0.06); --border-l2: rgba(255,255,255,0.1);
  --border-l2-thin: rgba(255,255,255,0.06); --border-l3: rgba(255,255,255,0.2); --border-inverted: rgba(255,255,255,0.06);
  --scroll-color: rgba(255,255,255,0.1); --scroll-color-hover: rgba(255,255,255,0.2);
}

.mode-switch {
  margin-right: 190px;
}

/* ========== ПРОЧЕЕ ========== */
.chat-item.pinned { background: rgba(0,113,227,0.06); border-left: 3px solid var(--accent); padding-left: 7px; border-radius: var(--radius-sm) var(--radius-md) var(--radius-md) var(--radius-sm); }
.chat-item.pinned:hover { background: rgba(0,113,227,0.12); }
.chat-item.pinned::before { content: '📌'; position: absolute; left: -16px; top: 50%; transform: translateY(-50%); font-size: 11px; opacity: 0.7; pointer-events: none; }
.chat-item.pinned.active { background: var(--bg-chat-active); border-left-color: var(--accent); }
[data-theme="light"] .chat-item.pinned { background: rgba(0,113,227,0.06); }
[data-theme="light"] .chat-item.pinned:hover { background: rgba(0,113,227,0.12); }

.chat-empty { text-align: center; color: var(--text-secondary); padding: 60px 20px; font-size: 15px; }

.mobile-nav { display: none !important; }

#onlineCount { display: inline-block; font-variant-numeric: tabular-nums; font-family: 'Inter', -apple-system, monospace; min-width: 55px; text-align: right; }

.btn-toggle-sidebar { font-size: 24px; font-weight: 700; letter-spacing: 1px; }
.sidebar-close-btn { font-size: 24px; font-weight: 700; letter-spacing: 1px; }
#sidebar { touch-action: pan-y; -webkit-overflow-scrolling: touch; }

/* Недавние эксперты */
.recent-experts-block {
  width: 100%;
  max-width: 400px;
  padding: 0 4px;
  margin-left: -480px;
  margin-bottom: 8px;
  order: 10;
}

.recent-experts-label {
  font-size: 11px;
  color: var(--text-tertiary);
  margin-bottom: 6px;
  padding-left: 4px;
}

.recent-experts-list {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.recent-expert-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 12px;
  background: rgba(255,255,255,0.02);
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s;
  max-width: 280px;
}

.recent-expert-item:hover {
  background: rgba(0,113,227,0.06);
}

.recent-expert-item .rc-dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--accent);
  flex-shrink: 0;
}

.recent-expert-item .rc-icon {
  font-size: 15px;
  flex-shrink: 0;
}

.recent-expert-item .rc-name {
  font-size: 12px;
  font-weight: 500;
  color: var(--text-secondary);
  flex: 1;
}

.recent-expert-item .rc-arrow {
  color: var(--text-tertiary);
  font-size: 12px;
  opacity: 0;
  transition: all 0.2s;
}

.recent-expert-item:hover .rc-arrow {
  opacity: 1;
  color: var(--accent);
}