/* Доска созвона (F06 G1, перенос из версии друга: source-friend/public/ave/ave-office.css).
   Полоса «Пространство / Доска» над голосовым каналом и сама доска на всю высоту области канала.
   AVE: правила раскладки области канала включаются ТОЛЬКО в режиме доски (body.call-board) — у друга
   колонка #messages ставилась всему голосовому режиму и задевала наш офис. */
.cbd-bar {
  position: relative; z-index: 6; display: flex; align-items: center; gap: 10px;
  padding: 8px 12px; flex: none; pointer-events: auto;
}
/* Над офисом полоса плавает поверх поля (область канала центрирует содержимое) и получает подложку. */
body.voice-mode:not(.call-board) .cbd-bar {
  position: absolute; top: 10px; left: 12px; margin: 0; padding: 6px; border-radius: 12px;
  background: color-mix(in srgb, var(--panel) 86%, transparent); border: 1px solid var(--line);
  backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
}
.cbd-seg { display: inline-flex; gap: 2px; padding: 2px; border-radius: 10px; background: var(--panel-2, rgba(128, 140, 170, .12)); }
.cbd-tab {
  height: 28px; padding: 0 12px; border: 0; border-radius: 8px; background: transparent; cursor: pointer;
  color: var(--muted); font: var(--fw-bold, 600) 12.5px var(--font-sans, system-ui);
}
.cbd-tab:hover { color: var(--ink); }
.cbd-tab.on { background: var(--panel); color: var(--ink); }
.cbd-note { flex: 1 1 auto; min-width: 0; color: var(--muted); font: 11.5px var(--font-sans, system-ui);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cbd-note.cbd-kept { color: var(--ok); }
.cbd-keep {
  flex: none; height: 28px; padding: 0 12px; border: 1px solid var(--line); border-radius: 8px;
  background: transparent; color: var(--ink-dim); cursor: pointer;
  font: var(--fw-bold, 600) 12px var(--font-sans, system-ui);
}
.cbd-keep:hover:not(:disabled) { background: var(--panel-2); color: var(--ink); }
.cbd-keep:disabled { opacity: .5; cursor: default; }
.cbd-host { flex: 1 1 auto; min-height: 0; position: relative; }
.cbd-fail { padding: 24px 16px; color: var(--danger); font: 13px var(--font-sans, system-ui); }

body.voice-mode.call-board #messages { display: flex; flex-direction: column; padding: 0; overflow: hidden; justify-content: flex-start; position: relative; }
body.voice-mode.call-board .chat-frame { max-width: none; width: 100%; margin: 0; }

/* Телефон: кнопки полосы — пальцем (≥ 44px), подпись срока не теснит переключатель. */
@media (max-width: 760px) {
  .cbd-tab, .cbd-keep { height: 40px; }
  .cbd-bar { flex-wrap: wrap; row-gap: 6px; }
  .cbd-note { flex-basis: 100%; order: 3; }
}