#productionControl { margin-top: 24px; padding-top: 24px; border-top: 1px solid var(--line, #26314f); }
#productionControl .production-control-heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px 20px; }
#productionControl h3 { margin: 0; font-size: 18px; color: var(--text, #eef1ff); letter-spacing: -.02em; text-transform: none; }
#productionControl p { max-width: 72ch; line-height: 1.6; overflow-wrap: anywhere; }
#productionControl [role="status"] { margin: 16px 0 8px; font-weight: 650; }
#productionControl .production-control-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin: 20px 0; }
#productionControl label { display: grid; min-width: 0; gap: 8px; line-height: 1.5; }
#productionControl input:not([type="checkbox"]), #productionControl select { width: 100%; min-width: 0; min-height: 44px; padding: 10px 12px; box-sizing: border-box;
  border: 1px solid var(--line, #26314f); border-radius: 14px; background: var(--panel-2, #131b30); color: var(--text, #eef1ff); font: inherit; font-variant-numeric: tabular-nums; }
#productionControl .production-control-confirmation { display: flex; align-items: flex-start; gap: 10px; min-height: 44px; padding: 12px 0; }
#productionControl input[type="checkbox"] { accent-color: var(--accent, #6d4aff); width: 18px; height: 18px; flex: 0 0 18px; margin: 4px 0 0; }
#productionControl .production-control-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 16px 0; }
#productionControl .btn { min-height: 44px; white-space: normal; }
#productionControl dl { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 10px 20px; margin: 20px 0; padding-top: 18px; border-top: 1px solid var(--line, #26314f); }
#productionControl dt { color: var(--muted, #a9b1d6); } #productionControl dd { margin: 0; text-align: right; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
#productionControl ul { padding-left: 20px; line-height: 1.6; } #productionControl :disabled { opacity: .55; cursor: not-allowed; }
#productionControl :focus-visible { outline: 2px solid var(--accent, #8466ff); outline-offset: 3px; }
#productionControl [hidden] { display: none; }
@media(max-width: 600px) { #productionControl .production-control-fields, #productionControl dl { grid-template-columns: minmax(0, 1fr); }
  #productionControl .production-control-heading, #productionControl .production-control-actions { flex-direction: column; align-items: stretch; }
  #productionControl dd { text-align: left; margin-bottom: 8px; } #productionControl .btn { width: 100%; } }