/* «Обращения» ИИ-агента — kit «LidFly — Бренд и UI Kit 2026», стр. 24 and page 06 components
   «Диалог / Строка», «Диалог / Событие», «Диалог / Кто отвечает». Markup: public/js/app-ermiy-dialogs.js. */

/* List: filters, then rows — title and time, last message with the unanswered count, who answers. */
.ermiy-dialog-filters { margin: 0 0 var(--space-2); }
.ermiy-conversation-item.ermiy-dialog-row { display: grid; gap: 6px; }
.ermiy-dialog-row__top,
.ermiy-dialog-row__last,
.ermiy-dialog-row__state { display: flex; align-items: center; gap: var(--space-2); min-width: 0; }
.ermiy-dialog-row__title { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ermiy-dialog-row__time { flex: 0 0 auto; color: var(--color-text-muted); font-size: 13px; }
.ermiy-dialog-row__text { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--color-text-secondary); font-size: 14px; }
.ermiy-dialog-row__count {
  flex: 0 0 auto;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  border-radius: var(--radius-pill);
  background: var(--color-error-fill);
  color: var(--color-text-inverse);
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
}
.ermiy-dialog-row__state { flex-wrap: wrap; }
.ermiy-dialog-row__reason { color: var(--color-text-muted); font-size: 13px; }
.ermiy-dialog-empty { padding: var(--space-3); }

/* Thread header and events. */
.ermiy-dialog-head { display: flex; align-items: center; gap: var(--space-3); margin: 0 0 var(--space-3); }
.ermiy-dialog-head__text { display: grid; gap: 2px; flex: 1 1 auto; min-width: 0; }
.ermiy-dialog-head__title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; }
.ermiy-dialog-head__sub { color: var(--color-text-muted); font-size: 13px; }
.ermiy-thread-message__time { color: var(--color-text-muted); font-size: 13px; }
.ermiy-dialog-event {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  margin: var(--space-1) 0;
  color: var(--color-text-secondary);
  font-size: 13px;
}
.ermiy-dialog-event::before,
.ermiy-dialog-event::after { content: ""; flex: 1 1 24px; height: 1px; background: var(--color-border); }
.ermiy-dialog-event > span { flex: 0 1 auto; text-align: center; }
.ermiy-dialog-event .lf-icon,
.ermiy-dialog-unanswered .lf-icon { flex: 0 0 auto; width: 14px; height: 14px; }
.ermiy-dialog-unanswered { display: flex; align-items: center; gap: 6px; color: var(--color-text-muted); }

/* «Кто отвечает»: icon, title, explanation, hint, actions, the rule. Tone follows the state. */
.ermiy-who {
  --ermiy-who-bg: var(--color-bg-card);
  --ermiy-who-border: var(--color-border);
  --ermiy-who-accent: var(--color-text-muted);
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
  margin-top: var(--space-4);
  padding: var(--space-4);
  border: 1px solid var(--ermiy-who-border);
  border-radius: var(--radius-card);
  background: var(--ermiy-who-bg);
}
.ermiy-who--warning { --ermiy-who-bg: var(--status-warning-bg); --ermiy-who-border: var(--status-warning-border); --ermiy-who-accent: var(--status-warning-fg); }
.ermiy-who--info { --ermiy-who-bg: var(--color-bg-card); --ermiy-who-border: var(--color-info-border); --ermiy-who-accent: var(--color-info-ink); }
.ermiy-who--success { --ermiy-who-bg: var(--status-success-bg); --ermiy-who-border: var(--status-success-border); --ermiy-who-accent: var(--status-success-fg); }
.ermiy-who__icon {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: var(--radius-pill);
  background: var(--color-bg-subtle);
  color: var(--ermiy-who-accent);
}
.ermiy-who__icon .lf-icon { width: 18px; height: 18px; }
.ermiy-who__body { display: grid; gap: var(--space-2); flex: 1 1 auto; min-width: 0; }
.ermiy-who__title { margin: 0; font-size: 16px; }
.ermiy-who__text { margin: 0; color: var(--color-text-secondary); }
.ermiy-who__hint,
.ermiy-who__notice {
  display: flex;
  align-items: flex-start;
  gap: var(--space-2);
  margin: 0;
  padding: var(--space-3);
  border-radius: var(--radius-medium);
  background: var(--color-bg-card);
}
.ermiy-who__hint .lf-icon,
.ermiy-who__notice .lf-icon { flex: 0 0 auto; width: 16px; height: 16px; margin-top: 2px; color: var(--color-text-muted); }
.ermiy-who__label { font-weight: 600; }
.ermiy-who__rule { color: var(--color-text-muted); }
.ermiy-who .ermiy-operator-form { margin-top: 0; }
.ermiy-who .ermiy-agent-actions { align-items: center; }
@media (max-width: 640px) {
  .ermiy-who { padding: var(--space-3); }
  .ermiy-who__icon { display: none; }
}

/* The section sets every paragraph to 15px with 8/16px margins (app-ermiy.css); these paragraphs keep their own rhythm. */
#section-ermiy p.ermiy-who__text,
#section-ermiy p.ermiy-who__hint,
#section-ermiy p.ermiy-who__notice,
#section-ermiy .ermiy-who p.ermiy-help,
#section-ermiy p.lf-banner__text,
#section-ermiy p.ermiy-dialog-empty { margin: 0; }
#section-ermiy p.ermiy-who__rule { margin: 0; font-size: 13px; line-height: 1.45; }
#section-ermiy p.ermiy-dialog-unanswered { margin: -2px 0 0 15%; font-size: 13px; line-height: 1.4; }