/* Личная работа с агентом использует тот же task-style каркас, что задача,
   встречи и реестры: один внешний breadcrumb и одна секционная карточка.
   Внутри всегда идут личный контекст, история и подключение – без promo-grid
   и без перестановки разделов из-за пустого состояния истории. */
.page-agent-work .project-settings-content {
  padding-bottom: 2rem;
}

.agent-work-page {
  width: 100%;
  max-width: 920px;
  margin: 0;
  padding-bottom: 2rem;
  box-sizing: border-box;
}

.agent-work-page__lead,
.agent-work-page__section-description,
.agent-work-history__empty-state p,
.agent-work-page__access-message h3,
.agent-work-page__access-message p,
.agent-work-page__error p {
  margin: 0;
}

.agent-work-page__lead,
.agent-work-page__section-description {
  max-width: 68ch;
  color: var(--text-muted);
  font-size: var(--font-size-sm);
  line-height: 1.5;
}

.agent-work-page__lead {
  margin-top: 0.65rem;
}

.agent-work-page__section-description {
  margin-top: 0.25rem;
}

/* Личный контекст – верхний рабочий раздел той же карточки. Read-mode держим
   спокойным, а все поля показываем только после явного «Настроить/Изменить»,
   чтобы страница не выглядела постоянной большой формой. */
.agent-work-profile__read,
.agent-work-profile__editor,
.agent-work-profile__history-list {
  display: grid;
}

.agent-work-profile__read,
.agent-work-profile__editor {
  gap: 1rem;
  margin-top: 1rem;
}

.agent-work-profile__instructions,
.agent-work-profile__empty,
.agent-work-profile__readonly-note {
  margin: 0;
  color: var(--text-muted);
  font-size: var(--font-size-sm);
  line-height: 1.55;
}

.agent-work-profile__instructions {
  min-height: 64px;
  padding: 0.9rem 1rem;
  border-radius: var(--radius-md);
  background: var(--surface-soft);
  color: var(--text-main);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.agent-work-profile__empty {
  padding: 0.9rem 1rem;
  border: 1px solid var(--line-soft);
  border-radius: var(--radius-md);
  background: var(--surface-soft);
}

.agent-work-profile__empty p,
.agent-work-profile__version-note,
.agent-work-profile__history-row strong,
.agent-work-profile__history-row small {
  margin: 0;
}

.agent-work-profile__read-actions,
.agent-work-profile__editor-actions {
  display: flex;
  align-items: center;
  gap: 0.65rem;
}

.agent-work-profile__version-note {
  color: var(--text-soft);
  font-size: var(--font-size-xs);
  line-height: 1.45;
}

.agent-work-profile__textarea {
  height: 180px;
  min-height: 180px;
  resize: vertical;
}

.agent-work-profile__history {
  border-top: 1px solid var(--line-soft);
}

.agent-work-profile__history > summary {
  display: flex;
  min-height: 44px;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  color: var(--text-muted);
  cursor: pointer;
  font-size: var(--font-size-sm);
  font-weight: 800;
  list-style: none;
}

.agent-work-profile__history > summary::-webkit-details-marker {
  display: none;
}

.agent-work-profile__history-chevron {
  color: var(--text-soft);
  font-size: var(--font-size-xs);
  transition: transform 160ms cubic-bezier(0.23, 1, 0.32, 1);
}

.agent-work-profile__history[open] .agent-work-profile__history-chevron {
  transform: rotate(180deg);
}

.agent-work-profile__history > summary:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}

.agent-work-profile__history-list {
  border-top: 1px solid var(--line-soft);
}

.agent-work-profile__history-row {
  display: flex;
  min-height: 64px;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding-block: 0.6rem;
  border-bottom: 1px solid var(--line-soft);
}

.agent-work-profile__history-row > span {
  display: grid;
  gap: 0.15rem;
}

.agent-work-profile__history-row strong {
  color: var(--text-main);
  font-size: var(--font-size-sm);
}

.agent-work-profile__history-row small {
  color: var(--text-soft);
  font-size: var(--font-size-xs);
  line-height: 1.4;
}

.agent-work-page__feedback:empty {
  display: none;
}

.agent-work-page__card {
  overflow: hidden;
}

.agent-work-history,
.agent-work-history__list,
.agent-work-page__onboarding-first,
.agent-work-page__onboarding-body {
  display: grid;
}

.agent-work-page__section-heading {
  margin-bottom: 0;
}

/* История остаётся частью одной карточки: самостоятельные comment-card
   сбрасываем до плотных строк с внутренними границами и 44px+ hit target. */
.agent-work-history__list {
  margin: 1rem -1.35rem -1.2rem;
  border-top: 1px solid var(--line-soft);
}

.agent-work-history__item.task-comment {
  grid-template-columns: 42px minmax(0, 1fr);
  min-height: 92px;
  margin: 0;
  padding: 1rem 1.35rem;
  border: 0;
  border-bottom: 1px solid var(--line-soft);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  transition: background-color 160ms cubic-bezier(0.23, 1, 0.32, 1);
}

.agent-work-history__item.task-comment:last-child {
  border-bottom: 0;
}

.agent-work-history__item:focus-within {
  background: color-mix(in oklch, var(--accent) 4.5%, transparent);
  outline: 2px solid var(--accent);
  outline-offset: -2px;
}

.agent-work-history__avatar {
  font-size: 1rem;
}

.agent-work-history__meta {
  align-items: center;
}

.agent-work-history__task,
.agent-work-history__open {
  text-decoration: none;
}

.agent-work-history .task-comment__author-note,
.agent-work-history .task-comment__system-time {
  color: var(--text-muted);
  font-weight: 600;
}

.agent-work-history__task:hover,
.agent-work-history__task:focus-visible,
.agent-work-history__open:hover,
.agent-work-history__open:focus-visible {
  color: var(--accent);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.18em;
  outline: none;
}

.agent-work-history__open {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 0.35rem;
  min-height: 44px;
  color: var(--accent-dark);
  font-size: var(--font-size-sm);
  font-weight: 800;
}

.agent-work-history__item .task-comment__system-toggle {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding-inline: 0.2rem;
}

.agent-work-history__empty-state,
.agent-work-page__access-message,
.agent-work-page__module-note,
.agent-work-page__error {
  border: 1px solid var(--line-soft);
  border-radius: var(--radius-md);
  background: var(--surface-soft);
}

.agent-work-history__empty-state {
  display: grid;
  min-height: 136px;
  margin-top: 1rem;
  place-content: center;
  justify-items: center;
  gap: 0.65rem;
  color: var(--text-soft);
  text-align: center;
}

.agent-work-history__empty-state > span {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border-radius: var(--radius-sm);
  background: color-mix(in oklch, var(--accent) 8%, transparent);
  color: var(--accent-dark);
  font-size: 1.05rem;
}

/* После появления истории подключение становится компактной секцией. Весь
   раскрывающийся блок занимает секцию целиком, поэтому у карточки не возникает
   ещё одной вложенной рамки и сохраняется общий ритм task page. */
.agent-work-page__connection-section {
  padding: 0;
}

.agent-work-page__onboarding-disclosure {
  background: transparent;
}

.agent-work-page__onboarding-disclosure > summary {
  display: flex;
  min-height: 64px;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.9rem 1.35rem;
  color: var(--text-main);
  cursor: pointer;
  font-size: var(--font-size-sm);
  font-weight: 800;
  list-style: none;
}

.agent-work-page__onboarding-disclosure > summary::-webkit-details-marker {
  display: none;
}

.agent-work-page__onboarding-disclosure > summary:hover,
.agent-work-page__onboarding-disclosure > summary:focus-visible {
  color: var(--accent-dark);
  background: color-mix(in oklch, var(--accent) 4%, transparent);
  outline: 2px solid var(--accent);
  outline-offset: -2px;
}

.agent-work-page__onboarding-disclosure > summary > span {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
}

.agent-work-page__disclosure-chevron {
  color: var(--text-soft);
  transition: transform 160ms cubic-bezier(0.23, 1, 0.32, 1);
}

.agent-work-page__onboarding-disclosure[open] .agent-work-page__disclosure-chevron {
  transform: rotate(180deg);
}

.agent-work-page__onboarding-disclosure .agent-work-page__onboarding-body {
  gap: 0.9rem;
  padding: 1.2rem 1.35rem;
  border-top: 1px solid var(--line-soft);
}

.agent-work-page__onboarding-first,
.agent-work-page__onboarding-first > [data-agent-work-onboarding] {
  gap: 0.9rem;
}

.agent-work-page__access-message,
.agent-work-page__error {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 0.85rem;
  align-items: start;
  padding: 1rem;
}

.agent-work-page__access-message > span,
.agent-work-page__error > i {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border-radius: var(--radius-sm);
  background: color-mix(in oklch, var(--text-muted) 10%, transparent);
  color: var(--text-muted);
}

.agent-work-page__access-message > div,
.agent-work-page__error {
  line-height: 1.5;
}

.agent-work-page__access-message > div {
  display: grid;
  gap: 0.2rem;
}

.agent-work-page__access-message h3 {
  color: var(--text-main);
  font-size: var(--font-size-base);
  font-weight: 800;
}

.agent-work-page__access-message p,
.agent-work-page__error p {
  color: var(--text-soft);
  font-size: var(--font-size-sm);
}

.agent-work-page__module-note {
  display: flex;
  align-items: flex-start;
  gap: 0.65rem;
  padding: 0.8rem 0.9rem;
  color: var(--text-muted);
  font-size: var(--font-size-sm);
  line-height: 1.5;
}

.agent-work-page__module-note > i {
  flex: 0 0 auto;
  color: var(--accent-dark);
}

.agent-work-page__error {
  grid-template-columns: 42px minmax(0, 1fr) auto;
  align-items: center;
}

@media (prefers-reduced-motion: reduce) {
  .agent-work-history__item,
  .agent-work-profile__history-chevron,
  .agent-work-page__disclosure-chevron {
    transition: none;
  }
}

@media (max-width: 767.98px) {
  .agent-work-history__item.task-comment {
    grid-template-columns: 36px minmax(0, 1fr);
    gap: 0.7rem;
  }

  .agent-work-history__avatar {
    width: 36px;
    height: 36px;
  }

  .agent-work-history__meta {
    align-items: flex-start;
  }

  .agent-work-history__open {
    flex-basis: 100%;
  }

  .agent-work-page__access-message,
  .agent-work-page__error {
    grid-template-columns: 36px minmax(0, 1fr);
  }

  .agent-work-page__access-message > span,
  .agent-work-page__error > i {
    width: 36px;
    height: 36px;
  }

  .agent-work-page__error .project-settings-secondary {
    grid-column: 2;
    justify-self: start;
  }
}

@media (max-width: 575.98px) {
  .agent-work-page__lead {
    margin-top: 0.5rem;
  }

  .agent-work-history__list {
    margin-inline: -0.95rem;
    margin-bottom: -1rem;
  }

  .agent-work-history__item.task-comment,
  .agent-work-page__onboarding-disclosure > summary,
  .agent-work-page__onboarding-disclosure .agent-work-page__onboarding-body {
    padding-inline: 0.95rem;
  }

  .agent-work-profile__read-actions,
  .agent-work-profile__editor-actions,
  .agent-work-profile__history-row {
    align-items: stretch;
    flex-direction: column;
  }

  .agent-work-profile__textarea {
    height: 170px;
    min-height: 170px;
  }

  .agent-work-profile__read-actions > *,
  .agent-work-profile__editor-actions > *,
  .agent-work-profile__history-row > button {
    width: 100%;
  }
}