.production-quick-heading { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.production-quick-trigger {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 8px 12px;
  border: 1px solid #168578;
  border-radius: 6px;
  color: #fff;
  background: #167569;
  font: 12px var(--mono, monospace);
  cursor: pointer;
  text-transform: none;
  letter-spacing: normal;
}
.production-quick-trigger:hover { background: #115f55; }
.production-quick-help-icon { display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; border: 1px solid #ffffff99; border-radius: 50%; font-size: 11px; font-weight: bold; }
.production-quick-dialog {
  box-sizing: border-box;
  width: min(1180px, calc(100vw - 32px));
  max-width: none;
  max-height: calc(100dvh - 32px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--border, #ddd);
  border-radius: 12px;
  color: var(--text, #252525);
  background: var(--surface, #fff);
  font: 13px var(--sans, sans-serif);
  box-shadow: 0 20px 70px #0004;
}
.production-quick-dialog[open] { display: flex; flex-direction: column; }
.production-quick-dialog::backdrop { background: #0007; }
.production-quick-header, .production-quick-dialog footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  padding: 16px 20px;
}
.production-quick-header { border-bottom: 1px solid var(--border, #ddd); }
.production-quick-header h2 { font-size: 19px; margin: 0 0 5px; }
.production-quick-header p, .production-quick-help { margin: 0; color: var(--text-muted, #666); }
.production-quick-help { padding: 12px 20px; font-size: 12px; }
.production-quick-notice { padding: 0 20px 8px; color: var(--amber, #795018); min-height: 20px; }
.production-quick-scroll { overflow: auto; min-height: 0; overscroll-behavior: contain; }
.production-quick-dialog table { width: 100%; border-collapse: collapse; text-align: left; }
.production-quick-dialog th {
  padding: 10px 12px;
  background: var(--surface2, #f5f5f3);
  position: sticky;
  top: 0;
  z-index: 1;
  font-size: 11px;
  color: var(--text-muted, #666);
}
.production-quick-dialog td { padding: 12px; border-bottom: 1px solid var(--border, #ddd); vertical-align: middle; }
.production-quick-dialog td:first-child { width: 36px; color: var(--text-muted, #666); }
.production-quick-dialog td:nth-child(2) { width: 32%; }
.production-quick-dialog td:nth-child(3) { min-width: 125px; }
.production-quick-dialog td:last-child { min-width: 300px; }
.production-quick-dialog small { display: block; margin-top: 5px; color: var(--text-muted, #666); font-size: 11px; }
.production-quick-dialog .is-complete { background: var(--green-bg, #edf8f0); }
.production-quick-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; min-height: 78px; }
.production-quick-dialog .has-stages .production-quick-actions { min-height: 78px; }
.production-quick-dialog button, .production-quick-dialog input, .production-quick-dialog select {
  box-sizing: border-box;
  padding: 8px 10px;
  min-height: 36px;
  border: 1px solid var(--border, #ccc);
  border-radius: 5px;
  background: var(--surface, #fff);
  color: inherit;
  font: inherit;
}
.production-quick-dialog button { cursor: pointer; }
.production-quick-dialog button[aria-disabled="true"], .production-quick-dialog button:disabled { opacity: .5; cursor: wait; }
.production-quick-dialog button.production-quick-complete { color: var(--green, #246644); background: var(--green-bg, #edf8f0); border-color: var(--green-border, #9bcbb0); }
.production-quick-quantity { display: flex; align-items: center; gap: 5px; font-size: 11px; }
.production-quick-dialog input { width: 68px; }
.production-quick-stage { display: flex; gap: 6px; flex-basis: 100%; }
.production-quick-stage select { min-width: 0; max-width: 210px; }
.production-quick-result { min-height: 16px; margin-top: 5px; color: var(--green, #246644); font-size: 11px; }
.production-quick-result.is-error { color: var(--red, #b13324); }
.production-quick-dialog footer { font-size: 11px; border-top: 1px solid var(--border, #ddd); }
.production-quick-footer-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.production-quick-dialog :focus-visible, .production-quick-trigger:focus-visible { outline: 2px solid var(--amber, #a36b22); outline-offset: 2px; }
@media (max-width: 700px) {
  .production-quick-dialog { width: calc(100vw - 12px); max-height: calc(100dvh - 12px); }
  .production-quick-header, .production-quick-dialog footer { padding: 12px; }
  .production-quick-help { padding: 8px 12px; }
  .production-quick-dialog table, .production-quick-dialog tbody { display: block; }
  .production-quick-dialog thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .production-quick-dialog tr { display: grid; grid-template-columns: 32px 1fr; border-bottom: 1px solid var(--border, #ddd); padding: 8px; }
  .production-quick-dialog td { border: 0; padding: 5px; }
  .production-quick-dialog td:first-child, .production-quick-dialog td:nth-child(2) { width: auto; }
  .production-quick-dialog td:nth-child(3), .production-quick-dialog td:last-child { grid-column: 2; min-width: 0; }
  .production-quick-stage { flex-wrap: wrap; }
  .production-quick-actions { min-height: 120px; }
  .production-quick-dialog .has-stages .production-quick-actions { min-height: 120px; }
}