/* The live layer uses the locked BOUT palette and existing button classes. */
[data-ticket-mode="live"] .bout-ticket-live {
  border-top: 1px solid var(--line);
  padding-top: var(--space-16);
  margin-top: var(--space-16);
  color: var(--ink);
}
[data-ticket-mode="live"] .bout-ticket-live__progress {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  gap: var(--space-8);
  padding: 0;
  font-family: var(--font-mono);
  color: var(--ink-soft);
}
[data-ticket-mode="live"] .bout-ticket-live__progress li + li::before {
  content: ".";
  margin-right: var(--space-8);
  color: var(--ink-soft);
}
[data-ticket-mode="live"] .bout-ticket-live__progress [data-current="true"] {
  color: var(--accent-deep);
  text-decoration: underline;
  text-underline-offset: 4px;
}
[data-ticket-mode="live"] .bout-ticket-live__hash,
[data-ticket-mode="live"] .bout-ticket-live__amount {
  font-family: var(--font-mono);
  font-size: var(--fs-data);
  overflow-wrap: anywhere;
}
[data-ticket-mode="live"] .bout-ticket-live__hash { color: var(--accent-deep); }
[data-ticket-mode="live"] .bout-ticket-live .bc-status { min-height: 1.55em; }
[data-ticket-mode="live"] .bout-ticket-live label { display: block; margin-block: var(--space-16); }
[data-ticket-mode="live"] .bout-ticket-live select { display: block; max-width: 100%; }
[data-ticket-mode="live"] button,
[data-ticket-mode="live"] input,
[data-ticket-mode="live"] select { border-radius: 2px; }
[data-ticket-mode="live"][data-ticket-state="pending"] .bout-ticket-live {
  border-color: var(--accent-deep);
  background: var(--tint);
}
[data-ticket-mode="live"][data-ticket-state="confirmed"] .bout-ticket-live .bc-status { color: var(--accent-deep); }
[data-ticket-mode="live"] [hidden] { display: none !important; }
[data-ticket-mode="live"] button:disabled { cursor: wait; }
@media (prefers-reduced-motion: reduce) {
  [data-ticket-mode="live"] *,
  [data-ticket-mode="live"] *::before,
  [data-ticket-mode="live"] *::after { animation: none !important; transition: none !important; }
}