/* © 2026 VEYRO (ИП Макаров И. В.). appagent — проприетарная программа. Использование — по лицензионному договору https://appagent.ru/legal/offer/. Копирование и распространение без разрешения запрещены. */
/* Окно «Опубликовать сейчас» (pc-*): видео, обложка, подпись, хэштеги чипами, список готовности, ход публикации.
   Значения — только из tokens.css, размеры в rem. На 390px без горизонтальной прокрутки, касания не меньше --size-touch-min. */

.pc { display: grid; gap: var(--space-4); align-content: start; width: 100%; min-width: 0; max-width: 100%; box-sizing: border-box; color: var(--color-ink); }
.pc > * { min-width: 0; max-width: 100%; }
.pc p, .pc ul { margin: 0; overflow-wrap: anywhere; }
.pc [hidden], .ui-dialog--task .ui-dialog__a .btn[hidden] { display: none; }
.pc-warn { color: var(--color-danger-text); font: var(--text-ui-weight) var(--text-ui-size)/var(--text-ui-line) var(--font-sans); }
.pc-note, .pc-muted { color: var(--color-ink2); font: var(--text-caption-weight) var(--text-caption-size)/var(--text-caption-line) var(--font-sans); }
.pc-muted { color: var(--color-ink3); }
.pc-block { display: grid; gap: var(--space-2); min-width: 0; align-content: start; }
.pc-h { margin: 0; }

/* ---------- Видео и обложка ---------- */
.pc-video, .pc-cover__video {
  display: block; width: 100%; max-width: 100%; max-height: 40vh; box-sizing: border-box;
  background: var(--color-panel2); border: 1px solid var(--color-line); border-radius: var(--radius-md); object-fit: contain;
}
.pc-cover__text { color: var(--color-ink); font: var(--text-ui-weight) var(--text-ui-size)/var(--text-ui-line) var(--font-sans); white-space: pre-wrap; }
.pc-acc { color: var(--color-acc-soft-text); font-weight: var(--text-ui-strong-weight); }
.pc-cover__video { width: auto; max-width: 50%; max-height: 12rem; pointer-events: none; }

/* ---------- Подпись и хэштеги ---------- */
.pc-caption { white-space: pre-wrap; color: var(--color-ink); font: var(--text-ui-weight) var(--text-ui-size)/var(--text-ui-line) var(--font-sans); }
.pc-tags { display: flex; flex-wrap: wrap; gap: var(--space-2); padding: 0; list-style: none; }
.pc-tag {
  padding: var(--space-1) var(--space-3); background: var(--color-panel2); color: var(--color-ink2);
  border: 1px solid var(--color-line); border-radius: var(--radius-pill);
  font: var(--text-caption-weight) var(--text-caption-size)/var(--text-caption-line) var(--font-sans);
}

/* ---------- Готовность ---------- */
.pc-ready__list { display: grid; gap: var(--space-2); padding: 0; list-style: none; }
.pc-ready__i {
  --dot: var(--color-ink3);
  display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2) var(--space-3); padding: var(--space-3) var(--space-4);
  background: var(--color-panel); border: 1px solid var(--color-line); border-radius: var(--radius-ctl);
}
.pc-ready__i[data-ok="true"] { --dot: var(--color-dot-ok); }
.pc-ready__i[data-ok="false"] { --dot: var(--color-danger); }
.pc-ready__i::before {
  content: ""; flex: none; width: var(--size-dot); height: var(--size-dot); border-radius: var(--radius-round); background: var(--dot);
}
.pc-ready__t { flex: 1 1 12rem; min-width: 0; color: var(--color-ink2); font: var(--text-ui-weight) var(--text-ui-size)/var(--text-ui-line) var(--font-sans); }
.pc-ready__fix { min-height: var(--size-touch-min); max-width: 100%; white-space: normal; }
.pc-ready__fix[disabled] { cursor: not-allowed; }
.ui-dialog--task .ui-dialog__a .btn[disabled] { cursor: not-allowed; }

/* ---------- Ход публикации ---------- */
.pc-progress {
  --dot: var(--color-ink3);
  display: grid; gap: var(--space-2); justify-items: start; padding: var(--space-4);
  background: var(--color-panel); border: 1px solid var(--color-line); border-radius: var(--radius-ctl);
}
.pc-progress[data-phase="done"] { --dot: var(--color-dot-ok); }
.pc-progress[data-phase="failed"], .pc-progress[data-phase="stopped"] { --dot: var(--color-danger); }
.pc-progress__t {
  display: flex; align-items: baseline; gap: var(--space-2); color: var(--color-ink);
  font: var(--weight-medium) var(--text-ui-size)/var(--text-ui-line) var(--font-sans);
}
.pc-progress__t::before {
  content: ""; flex: none; width: var(--size-dot); height: var(--size-dot); border-radius: var(--radius-round); background: var(--dot);
}
.pc-progress__link { min-height: var(--size-touch-min); max-width: 100%; white-space: normal; text-align: center; text-decoration: none; }

@media (max-width: 480px) {
  .pc-cover__video { max-width: 100%; }
}