/* ─── «Публикация»: куда выходит видео ─────────────────────────────────────
 *
 * Аккаунты шли одной строкой `ag-form__row` (flex-wrap), и у клиента с пятью
 * площадками подписи переносились как попало. Теперь — ровная сетка в две
 * колонки (в узкой панели — в одну) и «Выбрать все» над ней. Строка — 44px,
 * как кнопки кабинета: это цель для пальца, а не только для мыши.
 */
.ag-publish-targets {
  container-type: inline-size;
  display: grid;
  gap: 4px;
}

.ag-publish-targets__all {
  min-height: 44px;
  padding-bottom: 4px;
  border-bottom: 1px solid var(--border);
  font-weight: 600;
  color: var(--text);
}

.ag-publish-targets__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 20px;
}

@container (max-width: 440px) {
  .ag-publish-targets__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

.ag-publish-targets__item {
  display: flex;
  min-height: 44px;
  min-width: 0;
}

.ag-publish-targets__text {
  display: grid;
  min-width: 0;
}

.ag-publish-targets__name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ag-publish-targets__hint {
  font-size: 12px;
  line-height: 1.35;
  color: var(--text-mute);
}

/* Pinterest без доски по умолчанию: на виду, но не выбирается — иначе
 * публикация откажет уже после того, как остальные площадки вышли. */
.ag-publish-targets__item.is-blocked {
  align-items: flex-start;
  padding-top: 6px;
  cursor: default;
}

.ag-publish-targets__item.is-blocked .ag-publish-targets__name {
  color: var(--text-mute);
}

.ag-publish-targets__item.is-blocked input[type='checkbox'] {
  margin-top: 1px;
  border-style: dashed;
  border-color: var(--text-mute);
  background: var(--surface-soft);
  cursor: default;
}

/* «Выбрать все», когда выбрана часть: черта вместо галочки. */
.ag-toggle input[type='checkbox']:indeterminate {
  border-color: var(--brand);
  background: var(--brand);
}

.ag-toggle input[type='checkbox']:indeterminate::before {
  height: 2px;
  border-radius: 1px;
  clip-path: none;
  transform: scale(1);
}

/* ─── «История» карточки: свёрнута, пока её не открыли ─────────────────────
 *
 * Лента журнала длиннее всей остальной карточки и нужна редко — за причиной
 * возврата или «кто нажал». Закрытой она занимает одну строку: заголовок-кнопка
 * и сводка «N событий, последнее — …». Заголовок остаётся `h2` с именем
 * «История»: кнопка живёт внутри него (шаблон аккордеона WAI-ARIA).
 */
.brx-history--agency .ag-history__head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 12px;
  row-gap: 2px;
}

.ag-history__toggle {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 32px;
  margin: -6px 0;
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  color: inherit;
  cursor: pointer;
}

.ag-history__toggle:hover {
  color: var(--brand-deep);
}

.ag-history__toggle:focus-visible {
  outline: none;
  border-radius: var(--r-sm);
  box-shadow: var(--ring);
}

.ag-history__chevron {
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-top: -3px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
  transition: transform 0.16s ease;
}

.ag-history__toggle[aria-expanded='true'] .ag-history__chevron {
  margin-top: 3px;
  transform: rotate(-135deg);
}

.ag-history__summary {
  min-width: 0;
  font-size: 13px;
  color: var(--text-mute);
}

.ag-history__last {
  color: var(--text-soft);
  font-weight: 600;
}

@media (prefers-reduced-motion: reduce) {
  .ag-history__chevron {
    transition: none;
  }
}