/* Small secondary action, never an extra capsule button in the work area. */
.save-menu-button {
  pointer-events: auto;
  min-width: 48px;
  min-height: 44px;
  border: 1px solid #f6e2cc;
  border-radius: 14px;
  background: #564650;
  color: #fff8ec;
  font: 600 12px/1.2 system-ui, sans-serif;
  cursor: pointer;
}
.save-menu-button[data-status="blocked"] { background: #873b32; }
.save-dialog {
  width: min(520px, calc(100vw - 32px));
  max-height: calc(100dvh - 32px);
  box-sizing: border-box;
  margin: auto;
  padding: 16px;
  overflow-y: auto;
  border: 2px solid #d3ac82;
  border-radius: 22px;
  background: #fff8ec;
  color: #473847;
  box-shadow: 0 12px 40px #31283c50;
  font: 14px/1.5 system-ui, sans-serif;
}
.save-dialog::backdrop { background: #30243b99; }
.save-heading {
  display: flex; justify-content: space-between; align-items: center; gap: 16px;
  position: sticky; top: -16px; z-index: 3; background: #fff8ec;
  margin: -16px -16px 0; padding: 10px 16px;
  border-bottom: 1px solid #d3ac82;
}
.save-heading h2 { margin: 0; font-size: 18px; }
.save-dialog p { margin: 8px 0; }
.save-note { font-size: 12px; }
.menu-odds { margin: 8px 0; border-block: 1px solid #d3ac82; }
.menu-odds summary { min-height: 44px; align-content: center; cursor: pointer; }
.menu-odds h3 { font-size: 14px; margin: 8px 0; }
.menu-odds dl { display: grid; grid-template-columns: 1fr 1fr; margin: 0; gap: 4px; }
.menu-odds dd { text-align: right; margin: 0; }
.menu-odds p { font-size: 12px; }
.save-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.save-dialog button { min-height: 44px; border: 1px solid #aa967e; border-radius: 12px; padding: 8px 12px; background: #e0f6ec; color: #353849; font: inherit; cursor: pointer; }
.save-dialog button:disabled { opacity: .55; cursor: default; }
.save-dialog [hidden] { display: none; }
.production-paused #app *,
.production-paused #app *::before,
.production-paused #app *::after { animation-play-state: paused !important; }