/* Generieren pausieren / fortsetzen (Notaus, Variante C) – pause-ui.js. Nur Klassen pz-*, Tokens aus app.css. */

/* Normalbetrieb: ruhiger Ghost-Knopf, kein Rot */
.pz-btn-pause { background: transparent; color: var(--text-2); border-color: var(--line-2); }
.pz-btn-pause:hover { background: rgb(255 255 255 / .06); color: var(--text); }
.pz-btn-pause .i { width: 1em; height: 1em; }

/* Statusleiste oben (Job-Verlauf, Übersicht, Posts planen) */
.pz-region:empty { display: none; }
.pz-region > .content { padding-bottom: 0; }
.pz-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; padding: 16px 18px; border-radius: var(--r-md);
  border: 1px solid rgb(255 122 122 / .6); background: linear-gradient(90deg, rgb(255 122 122 / .17), rgb(255 122 122 / .07)); }
.pz-bar-ic { flex: none; display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: rgb(255 122 122 / .16); color: var(--danger); }
.pz-bar-ic .i { width: 18px; height: 18px; }
.pz-bar-txt { flex: 1 1 240px; min-width: 0; display: grid; gap: 2px; }
.pz-bar-title { font-weight: 700; font-size: 1rem; color: var(--text); overflow-wrap: anywhere; }
.pz-bar-lead { font-size: .88rem; color: var(--text-2); overflow-wrap: anywhere; }
.pz-btn-big { min-height: 46px; padding: 10px 22px; font-size: .95rem; flex: none; }
.pz-btn-resume .i { width: 1em; height: 1em; }
/* Wartung: gleiche Auffälligkeit, Warnsymbol statt Pause */
.pz-bar.is-maint .pz-bar-ic { color: var(--danger); }

@media (max-width: 560px) {
  .pz-bar { padding: 14px; }
  .pz-btn-big { width: 100%; white-space: normal; }
}
@media (prefers-reduced-motion: no-preference) {
  .pz-bar { animation: pz-in .28s var(--ease); }
  @keyframes pz-in { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }
}

/* Einstellungen → Unterkarte */
.pz-sub-state { display: flex; align-items: center; gap: 8px; font-size: .86rem; }
.pz-dot { width: 8px; height: 8px; border-radius: 50%; flex: none; background: var(--accent); }
.pz-dot.is-paused, .pz-dot.is-maint { background: var(--danger); }