/* Окно разговора на сцене (срез 27; вид мессенджера — 20.09.2026).
   Лента, строки и поле ввода — общие с /agents/<slug>/dialog (lib/chat.css),
   здесь только положение окна на сцене. Токены панели, своих цветов нет. */

/* Окно лежит поверх кадра, точка отсчёта — сцена. Кадр сам position:
   relative, поэтому тултип героя внутри него это не задевает. */
.office-stage { position: relative; }

.office-talk {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1100;
  display: flex;
  flex-direction: column;
  width: min(440px, 100%);
  height: clamp(520px, calc(100vh - 188px), 760px);
  max-height: 100%;
  background: var(--paper-card);
  border-left: 1px solid var(--border-strong);
  box-shadow: var(--shadow-modal);
}

.office-talk[hidden] { display: none; }

.office-talk .ch-room-head { padding: 10px 14px; gap: 10px; }
.office-talk .ch-room-title strong { font-size: 14px; }
.office-talk-title { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.office-talk-links {
  display: flex;
  gap: 12px;
  padding: 0 14px 8px;
  border-bottom: 1px solid var(--border-faint);
  color: var(--fg-muted);
  font-size: var(--fs-xs);
}
.office-talk-links a:hover { color: var(--fg); text-decoration: underline; }

.office-talk .ch-msg { padding-left: 14px; padding-right: 14px; }
.office-talk .ch-day { padding-left: 14px; padding-right: 14px; }
.office-talk .ch-status { padding-left: 14px; padding-right: 14px; }
.office-talk .ch-composer { padding: 8px 12px 12px; }

@media (max-width: 720px) {
  .office-talk {
    top: auto;
    bottom: 0;
    width: 100%;
    height: min(520px, 100%);
    border-top: 1px solid var(--border-strong);
    border-left: 0;
  }
}