:root {
  --bg-main: #ffffff; --bg-sidebar: #f8fafc; --bg-item-hover: #f1f5f9;
  --bg-main-rgb: 255, 255, 255; --bg-sidebar-rgb: 248, 250, 252;
  --bg-item-active: #eff6ff; --text-main: #1e293b; --text-muted: #64748b;
  --border-color: #e2e8f0; --accent-color: #3b82f6; --accent-color-rgb: 59, 130, 246;
  --glass-border: rgba(255, 255, 255, 0.6);
  --glass-shadow: 0 8px 32px rgba(31, 38, 135, 0.07);
  --glass-bg-opacity: 0.35;
  --glass-blur: 28px;
  --message-sent-bg: #3b82f6; --message-sent-text: #ffffff;
  --message-received-bg: #f1f5f9; --message-received-text: #1e293b;
}
body.theme-gray {
  --bg-main: #121212; --bg-sidebar: #0a0a0a; --bg-item-hover: #1f1f1f;
  --bg-main-rgb: 18, 18, 18; --bg-sidebar-rgb: 10, 10, 10;
  --bg-item-active: #2a2a2a; --text-main: #f0f0f0; --text-muted: #888888;
  --border-color: #222222; --accent-color: #60a5fa; --accent-color-rgb: 96, 165, 250;
  --glass-border: rgba(255, 255, 255, 0.05);
  --glass-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
  --glass-bg-opacity: 0.12;
  --message-sent-bg: #2563eb; --message-sent-text: #ffffff;
  --message-received-bg: #1f1f1f; --message-received-text: #f0f0f0;
}
/* ══ Тема «Сумерки» ══ */
body.theme-twilight {
  --bg-main: #141218; --bg-sidebar: #0d0c10; --bg-item-hover: #1d1b24;
  --bg-main-rgb: 20, 18, 24; --bg-sidebar-rgb: 13, 12, 16;
  --bg-item-active: #282532; --text-main: #e6e1e5; --text-muted: #938f99;
  --border-color: #232129; --accent-color: #d0bcff; --accent-color-rgb: 208, 188, 255;
  --glass-border: rgba(208, 188, 255, 0.08);
  --glass-shadow: 0 8px 32px rgba(0, 0, 0, 0.45);
  --glass-bg-opacity: 0.12;
  --message-sent-bg: #6750a4; --message-sent-text: #ffffff;
  --message-received-bg: #1d1b24; --message-received-text: #e6e1e5;
}
/* ══ Тема «Рассвет» ══ */
body.theme-dawn {
  --bg-main: #f0faf4; --bg-sidebar: #e6f5ec; --bg-item-hover: #d1ede0;
  --bg-main-rgb: 240, 250, 244; --bg-sidebar-rgb: 230, 245, 236;
  --bg-item-active: #bbdece; --text-main: #1a3d2b; --text-muted: #4a7c5f;
  --border-color: #b2d9c0; --accent-color: #22c55e; --accent-color-rgb: 34, 197, 94;
  --glass-border: rgba(34, 197, 94, 0.15);
  --glass-shadow: 0 8px 32px rgba(26, 61, 43, 0.08);
  --message-sent-bg: #16a34a; --message-sent-text: #ffffff;
  --message-received-bg: #d1ede0; --message-received-text: #1a3d2b;
}
/* ══ Тема «Закат» ══ */
body.theme-sunset {
  --bg-main: #fff8f0; --bg-sidebar: #fff1e3; --bg-item-hover: #fde0c0;
  --bg-main-rgb: 255, 248, 240; --bg-sidebar-rgb: 255, 241, 227;
  --bg-item-active: #fcd0a0; --text-main: #431407; --text-muted: #9a4520;
  --border-color: #fbbf7a; --accent-color: #ea580c; --accent-color-rgb: 234, 88, 12;
  --glass-border: rgba(234, 88, 12, 0.15);
  --glass-shadow: 0 8px 32px rgba(67, 20, 7, 0.08);
  --message-sent-bg: #ea580c; --message-sent-text: #ffffff;
  --message-received-bg: #fde0c0; --message-received-text: #431407;
}
/* ══ Тема «Коралл» ══ */
body.theme-coral {
  --bg-main: #fff5f5; --bg-sidebar: #fff0f0; --bg-item-hover: #ffd6d6;
  --bg-main-rgb: 255, 245, 245; --bg-sidebar-rgb: 255, 240, 240;
  --bg-item-active: #ffc0c0; --text-main: #4a0a0a; --text-muted: #b04040;
  --border-color: #fca5a5; --accent-color: #ef4444; --accent-color-rgb: 239, 68, 68;
  --glass-border: rgba(239, 68, 68, 0.15);
  --glass-shadow: 0 8px 32px rgba(74, 10, 10, 0.08);
  --message-sent-bg: #ef4444; --message-sent-text: #ffffff;
  --message-received-bg: #ffd6d6; --message-received-text: #4a0a0a;
}
/* ══ Тема «Океан» ══ */
body.theme-ocean {
  --bg-main: #0b0f14; --bg-sidebar: #05070a; --bg-item-hover: #151a22;
  --bg-main-rgb: 11, 15, 20; --bg-sidebar-rgb: 5, 7, 10;
  --bg-item-active: #1c242e; --text-main: #d1e1f0; --text-muted: #7a8c99;
  --border-color: #1e262f; --accent-color: #38bdf8; --accent-color-rgb: 56, 189, 248;
  --glass-border: rgba(56, 189, 248, 0.08);
  --glass-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
  --glass-bg-opacity: 0.12;
  --message-sent-bg: #0ea5e9; --message-sent-text: #ffffff;
  --message-received-bg: #151a22; --message-received-text: #d1e1f0;
}
/* ══ Тема «Мята» ══ */
body.theme-mint {
  --bg-main: #f0fffe; --bg-sidebar: #e0faf8; --bg-item-hover: #b8f0ed;
  --bg-main-rgb: 240, 255, 254; --bg-sidebar-rgb: 224, 250, 248;
  --bg-item-active: #8ee8e4; --text-main: #0d3330; --text-muted: #2d7a74;
  --border-color: #7dd3d0; --accent-color: #0d9488; --accent-color-rgb: 13, 148, 136;
  --glass-border: rgba(13, 148, 136, 0.15);
  --glass-shadow: 0 8px 32px rgba(13, 51, 48, 0.08);
  --message-sent-bg: #0d9488; --message-sent-text: #ffffff;
  --message-received-bg: #b8f0ed; --message-received-text: #0d3330;
}

/* ══ Тема «Мрак» (тёмная серо-золотая) ══ */
body.theme-dark-gold {
  --bg-main: #1a1810; --bg-sidebar: #111008; --bg-item-hover: #26220f;
  --bg-main-rgb: 26, 24, 16; --bg-sidebar-rgb: 17, 16, 8;
  --bg-item-active: #33290a; --text-main: #e8d89a; --text-muted: #9a8c5a;
  --border-color: #2e2810; --accent-color: #c9a227; --accent-color-rgb: 201, 162, 39;
  --glass-border: rgba(201, 162, 39, 0.12);
  --glass-shadow: 0 8px 32px rgba(0, 0, 0, 0.55);
  --glass-bg-opacity: 0.13;
  --message-sent-bg: #b8891e; --message-sent-text: #fff8e1;
  --message-received-bg: #26220f; --message-received-text: #e8d89a;
}
/* ══ Тема «Джунгли» (тёмно-зелёная) ══ */
body.theme-jungle {
  --bg-main: #0d1a0f; --bg-sidebar: #081209; --bg-item-hover: #152417;
  --bg-main-rgb: 13, 26, 15; --bg-sidebar-rgb: 8, 18, 9;
  --bg-item-active: #1c3020; --text-main: #b8ddb8; --text-muted: #5a8a5a;
  --border-color: #1a2e1c; --accent-color: #3cb371; --accent-color-rgb: 60, 179, 113;
  --glass-border: rgba(60, 179, 113, 0.10);
  --glass-shadow: 0 8px 32px rgba(0, 0, 0, 0.50);
  --glass-bg-opacity: 0.13;
  --message-sent-bg: #2d7a4f; --message-sent-text: #e8f8ee;
  --message-received-bg: #152417; --message-received-text: #b8ddb8;
}
/* ══ Тема «Кровь» (тёмно-красная) ══ */
body.theme-blood {
  --bg-main: #1a0a0a; --bg-sidebar: #110505; --bg-item-hover: #260f0f;
  --bg-main-rgb: 26, 10, 10; --bg-sidebar-rgb: 17, 5, 5;
  --bg-item-active: #331212; --text-main: #e8b8b8; --text-muted: #9a5a5a;
  --border-color: #2e1010; --accent-color: #c0392b; --accent-color-rgb: 192, 57, 43;
  --glass-border: rgba(192, 57, 43, 0.12);
  --glass-shadow: 0 8px 32px rgba(0, 0, 0, 0.55);
  --glass-bg-opacity: 0.13;
  --message-sent-bg: #9b2335; --message-sent-text: #fff0f0;
  --message-received-bg: #260f0f; --message-received-text: #e8b8b8;
}

/* ══ Тема «Киберпанк» ══ */
body.theme-cyberpunk {
  --bg-main: #0d0015; --bg-sidebar: #080010; --bg-item-hover: #1a0030;
  --bg-main-rgb: 13, 0, 21; --bg-sidebar-rgb: 8, 0, 16;
  --bg-item-active: #250040; --text-main: #f0e0ff; --text-muted: #b060ff;
  --border-color: #3d0070; --accent-color: #ff00ff; --accent-color-rgb: 255, 0, 255;
  --glass-border: rgba(255, 0, 255, 0.18);
  --glass-shadow: 0 8px 32px rgba(255, 0, 255, 0.15);
  --glass-bg-opacity: 0.12;
  --message-sent-bg: #cc00cc; --message-sent-text: #fff0ff;
  --message-received-bg: #1a0030; --message-received-text: #f0e0ff;
}
/* ══ Тема «Ледниковый период» ══ */
body.theme-glacier {
  --bg-main: #e8f4fc; --bg-sidebar: #d4ecf7; --bg-item-hover: #b8dff0;
  --bg-main-rgb: 232, 244, 252; --bg-sidebar-rgb: 212, 236, 247;
  --bg-item-active: #9acfe8; --text-main: #0a2a3d; --text-muted: #4a7a9b;
  --border-color: #a0cce0; --accent-color: #1a8fc0; --accent-color-rgb: 26, 143, 192;
  --glass-border: rgba(26, 143, 192, 0.2);
  --glass-shadow: 0 8px 32px rgba(10, 42, 61, 0.08);
  --glass-bg-opacity: 0.4;
  --message-sent-bg: #1a8fc0; --message-sent-text: #e8f8ff;
  --message-received-bg: #b8dff0; --message-received-text: #0a2a3d;
}
/* ══ Тема «Космос» ══ */
body.theme-cosmos {
  --bg-main: #050510; --bg-sidebar: #020208; --bg-item-hover: #0d0d25;
  --bg-main-rgb: 5, 5, 16; --bg-sidebar-rgb: 2, 2, 8;
  --bg-item-active: #151535; --text-main: #c8d8ff; --text-muted: #6070a0;
  --border-color: #181830; --accent-color: #7b68ee; --accent-color-rgb: 123, 104, 238;
  --glass-border: rgba(123, 104, 238, 0.15);
  --glass-shadow: 0 8px 32px rgba(0, 0, 30, 0.6);
  --glass-bg-opacity: 0.10;
  --message-sent-bg: #5a48cc; --message-sent-text: #e8e0ff;
  --message-received-bg: #0d0d25; --message-received-text: #c8d8ff;
}
/* ══ Тема «Аметист» ══ */
body.theme-amethyst {
  --bg-main: #1a0a2e; --bg-sidebar: #120720; --bg-item-hover: #26103f;
  --bg-main-rgb: 26, 10, 46; --bg-sidebar-rgb: 18, 7, 32;
  --bg-item-active: #341550; --text-main: #e8d0ff; --text-muted: #9060c0;
  --border-color: #3d1560; --accent-color: #bf5fff; --accent-color-rgb: 191, 95, 255;
  --glass-border: rgba(191, 95, 255, 0.14);
  --glass-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
  --glass-bg-opacity: 0.12;
  --message-sent-bg: #9a30e0; --message-sent-text: #f5e8ff;
  --message-received-bg: #26103f; --message-received-text: #e8d0ff;
}
/* ══ Тема «Пустыня» ══ */
body.theme-desert {
  --bg-main: #fdf6e3; --bg-sidebar: #f7ead0; --bg-item-hover: #edd8a8;
  --bg-main-rgb: 253, 246, 227; --bg-sidebar-rgb: 247, 234, 208;
  --bg-item-active: #e0c480; --text-main: #3d2800; --text-muted: #8a6020;
  --border-color: #d4a850; --accent-color: #c8820a; --accent-color-rgb: 200, 130, 10;
  --glass-border: rgba(200, 130, 10, 0.2);
  --glass-shadow: 0 8px 32px rgba(61, 40, 0, 0.1);
  --glass-bg-opacity: 0.45;
  --message-sent-bg: #c8820a; --message-sent-text: #fff8e8;
  --message-received-bg: #edd8a8; --message-received-text: #3d2800;
}
/* ══ Тема «Вулкан» ══ */
body.theme-volcano {
  --bg-main: #180800; --bg-sidebar: #0f0400; --bg-item-hover: #2a0f00;
  --bg-main-rgb: 24, 8, 0; --bg-sidebar-rgb: 15, 4, 0;
  --bg-item-active: #3d1500; --text-main: #ffe0c0; --text-muted: #cc6020;
  --border-color: #4a1800; --accent-color: #ff6600; --accent-color-rgb: 255, 102, 0;
  --glass-border: rgba(255, 102, 0, 0.15);
  --glass-shadow: 0 8px 32px rgba(255, 60, 0, 0.2);
  --glass-bg-opacity: 0.12;
  --message-sent-bg: #e05000; --message-sent-text: #fff0e0;
  --message-received-bg: #2a0f00; --message-received-text: #ffe0c0;
}

/* ══════════════════════════════════════════════════════
       UI — тени вместо линий, лёгкие скругления
    ══════════════════════════════════════════════════════ */

/* Аватары и статус-точки — круглые */
.rounded-full,
.spinner, .pulse-ring,
.member-online-dot,
#avatar-viewer-circle,
.ai-btn-inner,
[data-online-uid] {
  border-radius: 50% !important;
}

/* ── Стеклянные панели ── */
.left-panel, #view-chat, #info-panel, #bottom-dock, .modal-content,
#auth-modal, .new-chat-modal-card, #profile-modal, #wall-modal, .wall-comments-panel {
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 32px !important;
  box-shadow:
      var(--glass-shadow),
      inset 0 1px 1px rgba(255, 255, 255, 0.2),
      0 8px 32px rgba(0, 0, 0, 0.2) !important;

  backdrop-filter: blur(var(--glass-blur, 32px)) saturate(190%) contrast(105%) !important;
  -webkit-backdrop-filter: blur(var(--glass-blur, 32px)) saturate(190%) contrast(105%) !important;
  background: rgba(var(--bg-sidebar-rgb), var(--glass-bg-opacity, 0.4)) !important;
}

/* Убираем лишние фоны у вложенных контейнеров */
#left-panel-content, #view-home, #chats-sidebar, .chats-sidebar-inner,
#messages-container, .bg-custom-main, .bg-custom-sidebar {
  background: transparent !important;
  background-color: transparent !important;
}

#view-chat, #info-panel, .left-panel {
  border-radius: 28px !important;
}

/* ── iOS-стиль: отступы и полное скругление для всех панелей ── */
#main-chat {
  padding: 12px 12px 20px 12px;
  gap: 12px;
  align-items: stretch;
  box-sizing: border-box;
  overflow: hidden;
  min-width: 0;
}

.left-panel, #view-chat, #info-panel {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.left-panel {
  border-radius: 28px !important;
  overflow: hidden;
  flex-shrink: 0;
}

#view-chat {
  border-radius: 28px !important;
  overflow: hidden;
  min-width: 0;
}

#info-panel {
  border-radius: 28px !important;
  overflow: hidden;
  flex-shrink: 0;
  flex-basis: 0;
  width: 0 !important;
  max-width: 320px;
  transition: flex-basis 0.3s cubic-bezier(0.4,0,0.2,1), width 0.3s cubic-bezier(0.4,0,0.2,1);
}

#info-panel:not(.hidden) {
  flex-basis: 30%;
  width: auto !important;
}

/* ── Полированный верхний край — светопреломление как у iOS ── */
.left-panel::before,
#view-chat::before,
#info-panel::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 1px;
  z-index: 10;
  pointer-events: none;
  background: linear-gradient(
      90deg,
      transparent 0%,
      rgba(255, 255, 255, 0.0) 5%,
      rgba(255, 255, 255, 0.55) 30%,
      rgba(255, 255, 255, 0.80) 50%,
      rgba(255, 255, 255, 0.55) 70%,
      rgba(255, 255, 255, 0.0) 95%,
      transparent 100%
  );
  border-radius: 28px 28px 0 0;
}

/* ── Нижний блик ── */
.left-panel::after,
#view-chat::after,
#info-panel::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 1px;
  z-index: 10;
  pointer-events: none;
  background: linear-gradient(
      90deg,
      transparent 0%,
      rgba(255, 255, 255, 0.0) 5%,
      rgba(255, 255, 255, 0.25) 30%,
      rgba(255, 255, 255, 0.40) 50%,
      rgba(255, 255, 255, 0.25) 70%,
      rgba(255, 255, 255, 0.0) 95%,
      transparent 100%
  );
  border-radius: 0 0 28px 28px;
}

/* Эффект матового/шлифованного стекла по контуру */
.left-panel, #view-chat, #info-panel {
  box-shadow: 
    var(--glass-shadow),
    inset 0 0 0 1px rgba(255, 255, 255, 0.12),
    0 4px 24px rgba(0, 0, 0, 0.08) !important;
}

/* Для тёмных тем — менее интенсивный блик */
body.theme-gray .left-panel::before,
body.theme-gray #view-chat::before,
body.theme-gray #info-panel::before,
body.theme-twilight .left-panel::before,
body.theme-twilight #view-chat::before,
body.theme-twilight #info-panel::before,
body.theme-ocean .left-panel::before,
body.theme-ocean #view-chat::before,
body.theme-ocean #info-panel::before,
body.theme-dark-gold .left-panel::before,
body.theme-dark-gold #view-chat::before,
body.theme-dark-gold #info-panel::before,
body.theme-jungle .left-panel::before,
body.theme-jungle #view-chat::before,
body.theme-jungle #info-panel::before,
body.theme-blood .left-panel::before,
body.theme-blood #view-chat::before,
body.theme-blood #info-panel::before,
body.theme-cyberpunk .left-panel::before,
body.theme-cyberpunk #view-chat::before,
body.theme-cyberpunk #info-panel::before,
body.theme-cosmos .left-panel::before,
body.theme-cosmos #view-chat::before,
body.theme-cosmos #info-panel::before,
body.theme-amethyst .left-panel::before,
body.theme-amethyst #view-chat::before,
body.theme-amethyst #info-panel::before,
body.theme-volcano .left-panel::before,
body.theme-volcano #view-chat::before,
body.theme-volcano #info-panel::before {
  background: linear-gradient(
      90deg,
      transparent 0%,
      rgba(255, 255, 255, 0.0) 5%,
      rgba(255, 255, 255, 0.18) 30%,
      rgba(255, 255, 255, 0.30) 50%,
      rgba(255, 255, 255, 0.18) 70%,
      rgba(255, 255, 255, 0.0) 95%,
      transparent 100%
  );
}

body.theme-gray .left-panel::after,
body.theme-gray #view-chat::after,
body.theme-gray #info-panel::after,
body.theme-twilight .left-panel::after,
body.theme-twilight #view-chat::after,
body.theme-twilight #info-panel::after,
body.theme-ocean .left-panel::after,
body.theme-ocean #view-chat::after,
body.theme-ocean #info-panel::after,
body.theme-dark-gold .left-panel::after,
body.theme-dark-gold #view-chat::after,
body.theme-dark-gold #info-panel::after,
body.theme-jungle .left-panel::after,
body.theme-jungle #view-chat::after,
body.theme-jungle #info-panel::after,
body.theme-blood .left-panel::after,
body.theme-blood #view-chat::after,
body.theme-blood #info-panel::after,
body.theme-cyberpunk .left-panel::after,
body.theme-cyberpunk #view-chat::after,
body.theme-cyberpunk #info-panel::after,
body.theme-cosmos .left-panel::after,
body.theme-cosmos #view-chat::after,
body.theme-cosmos #info-panel::after,
body.theme-amethyst .left-panel::after,
body.theme-amethyst #view-chat::after,
body.theme-amethyst #info-panel::after,
body.theme-volcano .left-panel::after,
body.theme-volcano #view-chat::after,
body.theme-volcano #info-panel::after {
  background: linear-gradient(
      90deg,
      transparent 0%,
      rgba(255, 255, 255, 0.0) 5%,
      rgba(255, 255, 255, 0.12) 30%,
      rgba(255, 255, 255, 0.20) 50%,
      rgba(255, 255, 255, 0.12) 70%,
      rgba(255, 255, 255, 0.0) 95%,
      transparent 100%
  );
}

/* Нужен position:relative на панелях для ::before */
.left-panel, #view-chat, #info-panel {
  position: relative;
}
.chat-list-item {
  border-radius: 16px !important;
  margin: 4px 8px !important;
  border: none !important;
  transition: background 0.2s ease, transform 0.1s ease !important;
}
.chat-list-item:hover {
  background: rgba(var(--bg-main-rgb), 0.2) !important;
  transform: scale(0.98);
}
.chat-list-item.active {
  background: rgba(var(--accent-color-rgb, 59, 130, 246), 0.15) !important;
  border-left: 4px solid var(--accent-color) !important;
}

#chat-header, #input-area, #chats-sidebar > div:first-child, #info-panel > div:first-child {
  border: none !important;
  border-bottom: 0.5px solid var(--glass-border) !important;
  background: transparent !important;
}
#input-area {
  border-bottom: none !important;
  border-top: 0.5px solid var(--glass-border) !important;
}

/* Поля ввода */
input[type="text"], input[type="email"], input[type="password"], textarea {
  background: rgba(var(--bg-main-rgb), 0.1) !important;
  backdrop-filter: blur(4px) !important;
  border: 0.5px solid var(--glass-border) !important;
  transition: all 0.2s ease !important;
}
input:focus, textarea:focus {
  background: rgba(var(--bg-main-rgb), 0.2) !important;
  border-color: var(--accent-color) !important;
}

/* ══════════════════════════════════════════════════════
   ══ Layout: left panel + right feed panel
══════════════════════════════════════════════════════ */
#left-panel { flex-shrink: 0; }
#feed-right-panel { flex-shrink: 1; }

/* ══════════════════════════════════════════════════════
   ══ Floating Bottom Dock
══════════════════════════════════════════════════════ */

/* Dock скрыт пока main-chat не виден (лендинг) и в открытом чате */
#main-chat.hidden ~ #bottom-dock { display: none !important; }
body.chat-open #bottom-dock { display: none !important; }

/* Сам бар */
#bottom-dock {
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%) translateY(calc(100% + 24px));
  z-index: 200;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 2px;
  padding: 8px 12px;
  border-radius: 22px;
  opacity: 0;
  pointer-events: none;
  transition:
      transform 0.40s cubic-bezier(0.34, 1.45, 0.64, 1),
      opacity 0.28s ease;
}

#bottom-dock:hover,
#bottom-dock.visible {
  transform: translateX(-50%) translateY(0);
  opacity: 1;
  pointer-events: all;
}

/* Кнопки — только иконки */
.dock-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border: none;
  background: transparent;
  border-radius: 14px;
  cursor: pointer;
  color: var(--text-muted);
  transition: background 0.16s, color 0.16s, transform 0.16s;
  flex-shrink: 0;
}
.dock-btn:hover {
  background: rgba(59,130,246,0.11);
  color: var(--text-main);
  transform: translateY(-2px) scale(1.08);
}
body.theme-gray .dock-btn:hover,
body.theme-twilight .dock-btn:hover,
body.theme-ocean .dock-btn:hover,
body.theme-dark-gold .dock-btn:hover,
body.theme-jungle .dock-btn:hover,
body.theme-blood .dock-btn:hover,
body.theme-cyberpunk .dock-btn:hover,
body.theme-cosmos .dock-btn:hover,
body.theme-amethyst .dock-btn:hover,
body.theme-volcano .dock-btn:hover { background: rgba(255,255,255,0.09); }
.dock-btn:active { transform: scale(0.94); }
.dock-btn.dock-active {
  color: var(--accent-color);
  background: rgba(59,130,246,0.10);
}
.dock-btn--logout:hover { background: rgba(239,68,68,0.11); color: #ef4444; }

/* Разделитель */
.dock-divider {
  width: 1px; height: 26px;
  background: var(--border-color);
  opacity: 0.4; margin: 0 4px; flex-shrink: 0;
}
body.theme-gray .dock-divider,
body.theme-twilight .dock-divider,
body.theme-ocean .dock-divider,
body.theme-dark-gold .dock-divider,
body.theme-jungle .dock-divider,
body.theme-blood .dock-divider,
body.theme-cyberpunk .dock-divider,
body.theme-cosmos .dock-divider,
body.theme-amethyst .dock-divider,
body.theme-volcano .dock-divider { background: rgba(255,255,255,0.15); opacity:1; }

/* Тема-кнопка в доке */
#bottom-dock .theme-btn { width:44px; height:44px; overflow:visible; }
#bottom-dock .theme-btn::after { display:none; }
#bottom-dock .theme-icon-wrap { display:block; position:relative; width:20px; height:20px; }

/* Скрываем старый левый навбар и нижние вкладки */
.app-navbar { display: none !important; }
.left-panel-tabs { display: none !important; }

/* Кнопка назад в шапке чата */
#back-btn { display: flex; }