/* ==========================================================================
   Проверки «ты не бот»
   ==========================================================================
   Полоса на странице модуля + окно со списком групп, где аккаунт немой.
   Карточка показывает ровно то, что видит сам аккаунт: текст бота и его кнопки. */

/* Строка на «Задачах». Компактная, в одну линию: это сообщение о помехе, а не
   раздел — большой блок здесь оттянул бы внимание от списка запусков, ради которого
   на страницу и приходят. */
.cap-strip {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0.7rem;
  margin: 0 0 0.75rem;
  padding: 0.6rem 0.75rem;
  border: 1px solid color-mix(in srgb, var(--color-warning-text, var(--color-text-muted)) 30%, var(--color-border));
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  color: var(--color-text);
  text-align: left;
  cursor: pointer;
  transition: border-color var(--transition-fast), background var(--transition-fast);
}
.cap-strip:hover {
  border-color: var(--color-warning-text, var(--color-primary));
  background: var(--color-warning-bg, var(--color-surface-muted));
}
.cap-strip[hidden] { display: none; }
.cap-strip-ic {
  width: 32px; height: 32px; flex: 0 0 auto;
  display: grid; place-items: center;
  border-radius: 11px;
  background: var(--color-warning-bg, var(--color-surface-muted));
  color: var(--color-warning-text, var(--color-text-muted));
}
.cap-strip-ic svg { width: 17px; height: 17px; }
.cap-strip-copy { min-width: 0; flex: 0 1 auto; }
.cap-strip-copy b { display: block; font-size: 0.8rem; }
.cap-strip-copy > span {
  display: block;
  margin-top: 0.08rem;
  color: var(--color-text-muted);
  font-size: 0.71rem;
}
/* Названия чатов: сколько влезло, столько и видно — ряд не переносится и не растёт. */
.cap-strip-chips {
  display: flex;
  gap: 0.3rem;
  min-width: 0;
  flex: 1;
  overflow: hidden;
}
.cap-strip-chip {
  padding: 0.2rem 0.45rem;
  border: 1px solid var(--color-border);
  border-radius: 999px;
  background: var(--color-surface-muted);
  color: var(--color-text-muted);
  font-size: 0.69rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 14rem;
}
.cap-strip-chip.is-warn {
  border-color: color-mix(in srgb, var(--color-warning-text, var(--color-text-muted)) 40%, var(--color-border));
  color: var(--color-warning-text, var(--color-text-muted));
}
.cap-strip-chip.is-more { flex: 0 0 auto; }
.cap-strip-go {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  color: var(--color-primary);
  font-size: 0.76rem;
  font-weight: 700;
}
.cap-strip-go svg { width: 14px; height: 14px; }
.cap-strip:hover .cap-strip-go svg { transform: translateX(2px); }

.cap-feed { max-height: min(68vh, 640px); overflow-y: auto; }

.cap-head { margin-bottom: 0.8rem; }
.cap-auto {
  display: flex;
  align-items: flex-start;
  gap: 0.55rem;
  padding: 0.6rem 0.7rem;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface-muted);
  cursor: pointer;
}
.cap-auto input { margin-top: 0.15rem; flex: 0 0 auto; }
.cap-auto b { display: block; font-size: 0.79rem; }
.cap-auto span > span {
  display: block;
  margin-top: 0.12rem;
  color: var(--color-text-muted);
  font-size: 0.71rem;
  line-height: 1.45;
}

.cap-empty {
  display: grid;
  justify-items: center;
  gap: 0.3rem;
  padding: 2rem 1rem;
  text-align: center;
  color: var(--color-text-muted);
}
.cap-empty svg { width: 34px; height: 34px; color: var(--color-success-text, var(--color-text-faint)); }
.cap-empty b { color: var(--color-text); font-size: 0.86rem; }
.cap-empty > span { font-size: 0.75rem; max-width: 34ch; line-height: 1.5; }

.cap-list { display: grid; gap: 0.6rem; }
.cap-card {
  padding: 0.75rem 0.8rem;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: var(--color-surface-muted);
}
.cap-card.is-manual { border-color: color-mix(in srgb, var(--color-warning-text, var(--color-text-muted)) 40%, var(--color-border)); }
.cap-card-head { display: flex; align-items: center; gap: 0.55rem; }
.cap-ico {
  width: 32px; height: 32px; flex: 0 0 auto;
  display: grid; place-items: center;
  border-radius: 11px;
  background: var(--color-surface);
  color: var(--color-text-muted);
}
.cap-ico svg { width: 17px; height: 17px; }
.cap-card-title { min-width: 0; flex: 1; }
.cap-card-title b {
  display: block;
  font-size: 0.82rem;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.cap-card-title > span {
  display: block;
  margin-top: 0.08rem;
  color: var(--color-text-muted);
  font-size: 0.7rem;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.cap-state {
  flex: 0 0 auto;
  padding: 0.2rem 0.45rem;
  border-radius: 999px;
  font-size: 0.66rem;
  font-weight: 800;
  white-space: nowrap;
}
.cap-state-pending { background: var(--color-primary-bg); color: var(--color-primary-hover); }
.cap-state-manual { background: var(--color-warning-bg, var(--color-surface)); color: var(--color-warning-text, var(--color-text-muted)); }

/* Текст бота — цитатой: это чужая речь, и путать её с интерфейсом панели нельзя. */
.cap-prompt {
  margin-top: 0.6rem;
  padding: 0.5rem 0.6rem;
  border-left: 2px solid var(--color-border);
  border-radius: 0 var(--radius-sm, 6px) var(--radius-sm, 6px) 0;
  background: var(--color-surface);
  color: var(--color-text);
  font-size: 0.75rem;
  line-height: 1.5;
  white-space: pre-wrap;
  word-break: break-word;
  max-height: 9rem;
  overflow-y: auto;
}
.cap-buttons { display: flex; flex-wrap: wrap; gap: 0.3rem; margin-top: 0.5rem; }
.cap-btn {
  padding: 0.25rem 0.5rem;
  border: 1px solid var(--color-border);
  border-radius: 999px;
  background: var(--color-surface);
  color: var(--color-text-muted);
  font-size: 0.7rem;
}
.cap-btn-url, .cap-btn-webview { border-style: dashed; }
.cap-note {
  margin: 0.5rem 0 0;
  color: var(--color-text-muted);
  font-size: 0.71rem;
  line-height: 1.45;
}
.cap-note-warn { color: var(--color-warning-text, var(--color-text-muted)); }
.cap-actions { display: flex; flex-wrap: wrap; gap: 0.4rem; margin-top: 0.7rem; }
.cap-actions .dm-primary-btn,
.cap-actions .dm-secondary-btn { display: inline-flex; align-items: center; gap: 0.35rem; }
.cap-dismiss { margin-left: auto; }

@media (max-width: 900px) {
  /* Узко — названия чатов уходят первыми: счёт и «Разобрать» важнее. */
  .cap-strip-chips { display: none; }
}
@media (max-width: 640px) {
  .cap-strip { flex-wrap: wrap; }
  .cap-strip-copy { flex: 1; }
  .cap-dismiss { margin-left: 0; }
}
.cap-note-inline { margin: 0; align-self: center; max-width: 24ch; }