/* Диалог прямо на лендинге. Экран берётся из кабинета целиком (app/assets/chat.css) —
   здесь только оболочка: панель поверх страницы и токены, на которые опирается тот файл.

   Токены объявлены на самой панели, а не на :root, намеренно: у кабинета своя палитра
   (холст #FAF7F2), у лендинга своя (#F2F1EE), и подмешивать одну в другую значит менять
   вид всей страницы ради одного окна. */

.site-chat {
  position: fixed;
  inset: 0;
  z-index: 200;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: clamp(12px, 4vh, 48px) clamp(12px, 3vw, 40px);
  background: rgba(23, 24, 26, 0.5);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}
.site-chat[hidden] { display: none; }

.site-chat-panel {
  --canvas: #faf7f2;
  --surface: #ffffff;
  --ink: #2a2d34;
  --ink-70: rgba(42, 45, 52, 0.7);
  --ink-65: rgba(42, 45, 52, 0.65);
  --ink-60: rgba(42, 45, 52, 0.6);
  --ink-55: rgba(42, 45, 52, 0.55);
  --ink-50: rgba(42, 45, 52, 0.5);
  --ink-45: rgba(42, 45, 52, 0.45);
  --ink-40: rgba(42, 45, 52, 0.4);
  --ink-30: rgba(42, 45, 52, 0.3);
  --wash: rgba(42, 45, 52, 0.06);
  --wash-strong: rgba(42, 45, 52, 0.11);
  --line: rgba(42, 45, 52, 0.08);
  --hairline: rgba(42, 45, 52, 0.05);
  --accent: #4a9d5f;
  --accent-deep: #3b8250;
  --accent-deeper: #2f7a46;
  --accent-soft: rgba(74, 157, 95, 0.14);
  --accent-softer: rgba(74, 157, 95, 0.12);
  --r-card: 20px;
  --r-ctl: 12px;
  --r-sm: 8px;
  --shadow-card: 0 4px 20px rgba(42, 45, 52, 0.05);
  --shadow-soft: 0 2px 10px rgba(42, 45, 52, 0.06);
  --shadow-lift: 0 12px 28px rgba(42, 45, 52, 0.09);
  --mono: "JetBrains Mono", ui-monospace, monospace;

  position: relative;
  width: min(760px, 100%);
  max-height: min(760px, 92vh);
  background: var(--canvas);
  color: var(--ink);
  border-radius: 24px;
  padding: 18px 22px 14px;
  box-shadow: 0 32px 80px -20px rgba(23, 24, 26, 0.45);
  overflow: hidden;
}

/* Лента кабинета считает высоту от окна целиком; внутри панели её ограничивает панель. */
.site-chat-panel .chat { height: auto; min-height: 0; flex: 1; }
.site-chat-panel .chat-wrap { height: min(700px, 84vh); }
/* Колонка «Дело» — часть кабинета, где у неё есть место. В окне поверх лендинга она
   съедает половину ширины ради двух строк, поэтому здесь её нет. */
.site-chat-panel .case-rail { display: none; }

.site-chat-close {
  position: absolute;
  top: 12px;
  right: 14px;
  z-index: 30;
  width: 40px;
  height: 40px;
  border: none;
  background: none;
  cursor: pointer;
  font-size: 22px;
  line-height: 1;
  color: rgba(42, 45, 52, 0.45);
}
.site-chat-close:hover { color: rgba(42, 45, 52, 0.75); }

@media (max-width: 640px) {
  .site-chat { padding: 0; align-items: stretch; }
  .site-chat-panel { border-radius: 0; max-height: 100dvh; width: 100%; padding: 14px 14px 10px; }
  .site-chat-panel .chat-wrap { height: calc(100dvh - 24px); }
}