/* © 2026 VEYRO (ИП Макаров И. В.). appagent — проприетарная программа. Использование — по лицензионному договору https://appagent.ru/legal/offer/. Копирование и распространение без разрешения запрещены. */
/* Пауза работы: плашка и кнопки «Пауза»/«Продолжить» (pult/js/pause-bar.js). Цвета — только из tokens.css, обе темы.
   Подключается в index.html после overview.css. Кнопки — общие .btn из base.css. */
.pause-bar {
  display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3) var(--space-4);
  min-width: 0; color: var(--color-ink);
  font: var(--text-ui-weight) var(--text-ui-size)/var(--text-ui-line) var(--font-sans);
}
.pause-bar:empty { display: none; }
.pause-bar__text { display: grid; gap: var(--space-1); flex: 1 1 14rem; min-width: 0; }
.pause-bar__text p, .pause-bar__msg, .pause-bar__hint { margin: 0; overflow-wrap: anywhere; }
.pause-bar__banner { font-weight: var(--text-ui-strong-weight); }
.pause-bar__reason, .pause-bar__hint { color: var(--color-ink2); font-size: var(--text-caption-size); line-height: var(--text-caption-line); }
.pause-bar__notice { color: var(--color-warn-text); }
.pause-bar__notice[data-level="hold"] { color: var(--color-ink2); }
.pause-bar__actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2) var(--space-3); min-width: 0; }
.pause-bar__hint { flex: 1 1 12rem; }
.pause-bar__msg { flex: 1 1 100%; font-size: var(--text-caption-size); line-height: var(--text-caption-line); }
.pause-bar__msg[data-tone="ok"] { color: var(--color-ok-text); }
.pause-bar__msg[data-tone="warn"] { color: var(--color-warn-text); }

/* На паузе: плашка в рамке с тёплым фоном, чтобы остановка была видна с первого взгляда */
.pause-bar[data-state="paused"] {
  padding: var(--space-3) var(--space-4); background: var(--color-warn-soft);
  border: 1px solid var(--color-warn-soft-text); border-radius: var(--radius-md);
}
.pause-bar[data-state="paused"] .pause-bar__banner { color: var(--color-warn-soft-text); }
.pause-bar[data-state="paused"] .pause-bar__reason, .pause-bar[data-state="paused"] .pause-bar__hint { color: var(--color-ink); }
.pause-bar__btn[aria-busy="true"] { cursor: progress; }

/* Компактный вид для экрана проекта: одна строка, без рамки и крупных отступов */
.pause-bar--compact { gap: var(--space-2) var(--space-3); font-size: var(--text-caption-size); line-height: var(--text-caption-line); }
.pause-bar--compact[data-state="paused"] { padding: var(--space-2) var(--space-3); border-radius: var(--radius-sm); }
.pause-bar--compact .pause-bar__reason, .pause-bar--compact .pause-bar__hint { font-size: var(--text-caption-size); }

@media (max-width: 47.9375rem) {
  .pause-bar__actions { width: 100%; }
  .pause-bar__actions .btn { flex: 1 1 auto; }
}
@media (prefers-reduced-motion: reduce) {
  .pause-bar, .pause-bar * { transition: none; }
}

/* Место на экранах: под заголовком Обзора и проекта */
.pj-pause:not(:empty) { margin-block: 0 var(--space-4); }
.ov-pause { display: contents; }
.ov-pause .pause-bar[data-state="paused"] { flex: 1 1 100%; }