/* Вкладка «Диалоги и ИИ-Аудит», карточки Канбана и мобильный терминал горничной в дизайне Telegram Liquid Glass */
.lh-support-workspace {
  height: calc(100dvh - 102px);
  display: grid;
  grid-template-columns: 340px 1fr;
  gap: 0.5px;
  background: var(--divider);
  border: 0.5px solid var(--divider);
  border-radius: var(--radius-surface);
  box-shadow: 0 8px 28px rgba(15, 23, 42, 0.045);
  overflow: hidden;
  position: relative;
}
.lh-support-workspace.has-xai-open {
  grid-template-columns: 310px 1fr 336px;
}
.lh-sup-col {
  background: var(--surface);
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
  position: relative;
}
.lh-sup-head {
  padding: 12px 15px;
  background: rgba(255, 255, 255, 0.88);
  backdrop-filter: blur(18px);
  border-bottom: 0.5px solid var(--divider);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}
.lh-ai-entity-info, .lh-user-top {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
.lh-user-meta {
  flex: 1;
  min-width: 0;
  overflow: hidden;
}
.lh-user-meta strong {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lh-sup-scroll {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 4px 6px 72px;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.lh-tg-dialog-row {
  padding: 9px 11px;
  border-radius: 14px;
  background: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 11px;
  border-bottom: 0.5px solid rgba(60, 60, 67, 0.08);
  transition: background 140ms var(--ease-apple), transform 140ms var(--ease-apple);
}
.lh-tg-dialog-row:hover {
  background: rgba(0, 122, 255, 0.06);
}
.lh-tg-dialog-row:active {
  transform: scale(0.985);
}
.lh-tg-dialog-row.is-active {
  background: rgba(0, 122, 255, 0.12);
  border-bottom-color: transparent;
}
.lh-tg-avatar {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  object-fit: cover;
  background: var(--field);
  flex-shrink: 0;
}
.lh-tg-dialog-body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.lh-tg-dialog-top, .lh-tg-dialog-bot { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.lh-tg-dialog-title { font-size: 15px; font-weight: 600; color: var(--text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lh-tg-dialog-time { font-size: 12px; color: var(--secondary-text); flex-shrink: 0; }
.lh-tg-dialog-preview { font-size: 13.5px; color: var(--secondary-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex: 1; min-width: 0; }
.lh-tg-dialog-meta-right { display: inline-flex; align-items: center; gap: 6px; flex-shrink: 0; }
.lh-operator-chip { font-size: 11px; font-weight: 600; color: var(--secondary-text); background: var(--secondary-control); padding: 2px 8px; border-radius: 999px; max-width: 120px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lh-operator-chip.is-ai { color: #007aff; background: rgba(0, 122, 255, 0.12); }
@keyframes lhAiOrbPulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(52, 199, 89, 0.45), 0 0 12px rgba(0, 122, 255, 0.45); transform: scale(1); } 50% { box-shadow: 0 0 0 6px rgba(52, 199, 89, 0), 0 0 18px rgba(52, 199, 89, 0.75); transform: scale(1.06); } }
.lh-ai-orb { width: 22px; height: 22px; border-radius: 50%; background: radial-gradient(circle at 30% 30%, #4ade80, #34c759 60%, #007aff); display: inline-flex; align-items: center; justify-content: center; color: #fff; flex-shrink: 0; animation: lhAiOrbPulse 2.2s infinite ease-in-out; }
.lh-ai-orb.is-paused { background: #8e8e93; animation: none; box-shadow: none; }
.lh-xai-card { background: #f2f3f7; border: 0.5px solid var(--divider); border-radius: 16px; padding: 12px 14px; margin: 4px 6px; display: flex; flex-direction: column; gap: 7px; font-size: 12.5px; }
.lh-csat-stars { color: #ff9500; font-weight: 700; letter-spacing: 1px; }
#hub-center-chat .tma-chat-room { height: 100% !important; min-height: 0; box-shadow: none; }
.lh-maid-mobile-shell { max-width: 520px; margin: 0 auto; min-height: 100dvh; padding: 12px 12px 48px; display: flex; flex-direction: column; gap: 12px; }
.lh-maid-header { position: sticky; top: 10px; z-index: 40; padding: 12px 16px; background: var(--glass-surface); backdrop-filter: blur(24px) saturate(185%); -webkit-backdrop-filter: blur(24px) saturate(185%); border: 0.5px solid rgba(255, 255, 255, 0.85); border-radius: 22px; box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06); display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.lh-maid-title { font-size: 17px; font-weight: 700; letter-spacing: -0.02em; color: var(--text); }
.lh-maid-main { display: flex; flex-direction: column; gap: 12px; }
@media (max-width: 1100px) { .lh-support-workspace, .lh-support-workspace.has-xai-open { grid-template-columns: 1fr; height: auto; } }