/* polish.css — CK-SIDEBAR-AND-DESIGN-POLISH (16.10): плоский сайдбар «5 экранов + подвал», единый скролл 5px,
   мягкая смена обращения и выровненная «полка» ввода в #queue. Подключается ПОСЛЕДНИМ: перекрывает точечные правила модулей.
   ПРАВИЛО §5.1: ни одного hex — только var(...). */

/* ---------- Единый H1 всех экранов (CK-FINAL-POLISH 16.10) ----------
   Дашборд, Витрина бота, Информирование, Обращения, База знаний, Настройки — строго один размер и начертание.
   Локальные 16/18px в screens.css · organizer.css · kb.css сняты. */
.main h1 { font-size: var(--fs-22); font-weight: 700; line-height: 1.25; letter-spacing: normal; color: var(--text); margin: 0; }

/* ---------- Сайдбар ≥1024: колонка во всю высоту окна, подвал всегда на виду ----------
   Раньше сайдбар рос вместе с длинной страницей (Дашборд) и «Настройки» уезжали за нижний край. */
@media (min-width: 1024px) {
  .sidebar {
    position: sticky; top: 56px; align-self: start;
    height: calc(100vh - 56px); height: calc(100dvh - 56px); overflow-y: auto; overflow-x: hidden;
  }
  #app.topbar-collapsed .sidebar { top: 0; height: 100vh; height: 100dvh; }   /* Планинг: шапка свёрнута */
}
/* ---------- Сайдбар: плоский список рабочих экранов (CK-SIDEBAR-FLAT) ----------
   Без заголовков категорий, стрелок и разделителей между пунктами — один ровный столбец. */
.nav-flat { display: flex; flex-direction: column; gap: 2px; }
.nav-flat .nav-item { padding: 10px 12px; }
.sidebar .nav-label { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }

/* ---------- Сайдбар: сервисный подвал [⚙ Настройки] [◀] ---------- */
.sb-foot {
  margin-top: auto; padding-top: 8px; border-top: 1px solid var(--border);
  display: flex; align-items: center; gap: 4px;
}
.sb-foot .nav-item-foot { flex: 1; min-width: 0; font-weight: 600; color: var(--text-2); }
.sb-foot .nav-item-foot.active { color: var(--accent-strong); }
.sb-foot .sb-toggle {
  flex: none; width: auto; margin-top: 0; padding: 10px; border-top: none; border-radius: var(--r-s);
}
.sb-foot .sb-toggle:only-child { flex: 1; width: 100%; }
@media (min-width: 1024px) {
  body.sb-collapsed .sb-foot { flex-direction: column; align-items: stretch; }
  body.sb-collapsed .sb-foot .sb-toggle { justify-content: center; margin-top: 0; padding: 10px 4px; }
}

/* ---------- #queue: смена обращения на месте ----------
   Пока грузится новый тикет, прежний остаётся на экране; приглушается только если загрузка дольше 120 мс
   (быстрая смена — без мерцания). Колонки — дети .tk-split с display: contents, поэтому правило на них. */
.tk-switching .tk-chat-col, .tk-switching .tk-side-col, .tk-switching .tk-src-col {
  opacity: .55; pointer-events: none; transition: opacity .15s ease .12s;
}

/* ---------- #queue: «полка» ввода — середина (чистовик) ровно по правому экрану (ИИ-Черновик) ----------
   Обе колонки прижаты к низу; одинаковая лестница снизу вверх: отступ 16 · кнопки 30 · зазор 10 · поле 97.
   Тогда верхняя рамка поля чистовика и блока доработки — на одной горизонтали, «Отправить» — на линии
   «Вставить в чистовик». Автоподгонка высоты поля (ticket.js) работает поверх min-height. */
:root { --tk-dock-field: 97px; --tk-dock-gap: 10px; --tk-dock-btn: 30px; --tk-dock-pad: 16px; }
.tk-composer { padding-bottom: var(--tk-dock-pad); }
.tk-composer .tk-reply-input { min-height: var(--tk-dock-field); }
.tk-composer .composer-bar { height: var(--tk-dock-btn); margin-top: var(--tk-dock-gap); flex-wrap: nowrap; }
#tkPaneAi { padding-bottom: var(--tk-dock-pad); }
#tkPaneAi .tk-revise-bar .dc-cap { min-height: var(--tk-dock-field); }
#tkPaneAi .db-actions { min-height: var(--tk-dock-btn); }

/* ---------- Единый тонкий скроллбар 5px во всех контейнерах ----------
   Chromium игнорирует ::-webkit-scrollbar у элемента, где задан scrollbar-width/color, — поэтому там
   стандартные свойства сбрасываются; спрятанные полосы (.studio-crumbs, .d861-chips) держат свой
   ::-webkit-scrollbar { display: none } — он специфичнее общего правила. */
@supports selector(::-webkit-scrollbar) {
  *, *::before, *::after { scrollbar-width: auto !important; scrollbar-color: auto !important; }
  ::-webkit-scrollbar { width: 5px; height: 5px; background: transparent; }
  ::-webkit-scrollbar-track, ::-webkit-scrollbar-corner { background: transparent; }
  ::-webkit-scrollbar-thumb { border-radius: 5px; background: color-mix(in srgb, var(--text-3) 40%, transparent); }
  ::-webkit-scrollbar-thumb:hover { background: color-mix(in srgb, var(--text-3) 70%, transparent); }
  ::-webkit-scrollbar-button { display: none; width: 0; height: 0; }
  /* Планинг (organizer.css) держал свои 6 px с той же специфичностью — выравниваем на общие 5 px. */
  .pl3-wrap ::-webkit-scrollbar, .pl3-adm-modal ::-webkit-scrollbar { width: 5px; height: 5px; }
}
@supports not selector(::-webkit-scrollbar) {
  * { scrollbar-width: thin; scrollbar-color: color-mix(in srgb, var(--text-3) 45%, transparent) transparent; }
}