.production-command-board { display: grid; gap: 18px; min-width: 0; color: #183328; }
.production-command-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding: 22px; border: 1px solid #d8e5dc; border-radius: 22px; background: #fff; }
.production-command-head h2, .production-command-card h3 { margin: 4px 0 6px; }
.production-command-head p, .production-command-card header p { margin: 0; color: #617067; }
.production-command-kicker { color: #147a49; font-size: 12px; font-weight: 800; letter-spacing: .04em; overflow-wrap: anywhere; }
.production-command-toolbar { display: grid; grid-template-columns: minmax(190px, 1fr) auto; gap: 10px; align-items: end; min-width: 360px; }
.production-command-toolbar label, .production-command-actions label { display: grid; gap: 6px; min-width: 0; }
.production-command-toolbar input, .production-command-actions select, .production-command-actions textarea { box-sizing: border-box; min-height: 44px; width: 100%; border: 1px solid #c7d7cd; border-radius: 12px; padding: 10px 12px; background: #fff; color: inherit; font: inherit; }
.production-command-actions textarea { min-height: 88px; resize: vertical; }
.production-command-toolbar button, .production-command-actions button { box-sizing: border-box; min-height: 44px; border: 0; border-radius: 12px; padding: 11px 15px; background: #087a46; color: #fff; font-weight: 800; cursor: pointer; }
.production-command-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.production-command-summary span { min-width: 0; padding: 16px; border: 1px solid #dce8df; border-radius: 18px; background: #fff; }
.production-command-summary b { display: block; font-size: 24px; }
.production-command-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; min-width: 0; }
.production-command-card { display: grid; gap: 15px; min-width: 0; padding: 20px; border: 1px solid #dce8df; border-radius: 22px; background: #fff; }
.production-command-card.is-blocked { border-color: #efb4aa; }
.production-command-card.is-returned { border-color: #e8ce8f; }
.production-command-card > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; min-width: 0; }
.production-command-card > header > div { min-width: 0; }
.production-command-status { flex: 0 0 auto; padding: 7px 10px; border-radius: 999px; background: #e6f6ec; color: #087a46; font-weight: 800; }
.is-blocked .production-command-status { background: #fff0ed; color: #9f2f20; }
.is-returned .production-command-status { background: #fff6dd; color: #805b00; }
.production-command-facts { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; }
.production-command-facts span { display: grid; gap: 4px; min-width: 0; padding: 10px; border-radius: 12px; background: #f5f8f6; overflow-wrap: anywhere; }
.production-command-facts small { color: #66756c; }
.production-command-blocker { padding: 13px 14px; border-left: 4px solid #e5a92f; border-radius: 10px; background: #fff9e9; }
.production-command-blocker p { margin: 5px 0 0; overflow-wrap: anywhere; }
.production-command-actions { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; min-width: 0; }
.production-command-actions details { min-width: 0; border: 1px solid #d7e3db; border-radius: 13px; }
.production-command-actions summary { display: grid; place-items: center; box-sizing: border-box; min-height: 44px; padding: 10px; cursor: pointer; font-weight: 800; text-align: center; }
.production-command-actions form { display: grid; gap: 10px; min-width: 260px; padding: 12px; }
.production-command-audit { min-width: 0; padding-top: 3px; border-top: 1px solid #e7eee9; }
.production-command-audit h4 { margin: 8px 0 10px; }
.production-command-audit > div { display: grid; gap: 8px; }
.production-command-event { display: grid; gap: 5px; min-width: 0; padding: 11px; border-radius: 12px; background: #f7faf8; }
.production-command-event > div { display: flex; justify-content: space-between; gap: 10px; }
.production-command-event p, .production-command-event small { margin: 0; color: #5f6f66; overflow-wrap: anywhere; }
.production-command-event code { display: block; min-width: 0; color: #147a49; overflow-wrap: anywhere; }
.production-command-error, .production-command-receipt { padding: 13px 15px; border-radius: 13px; }
.production-command-error { background: #fff0ed; color: #9f2f20; }
.production-command-receipt { display: flex; align-items: center; justify-content: space-between; gap: 14px; background: #eaf8ef; color: #12633b; }
.production-command-receipt div { display: grid; gap: 2px; }
.production-command-receipt p { margin: 0; overflow-wrap: anywhere; }
.production-command-readonly, .production-command-empty, .production-command-denied { color: #66756c; }

@media (max-width: 1100px) {
  .production-command-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .production-command-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .production-command-actions form { min-width: 0; }
}

@media (max-width: 900px) {
  .production-command-head, .production-command-card > header, .production-command-receipt { display: grid; }
  .production-command-toolbar { grid-template-columns: 1fr; min-width: 0; width: 100%; }
  .production-command-summary, .production-command-grid, .production-command-actions { grid-template-columns: 1fr; }
  .production-command-card { padding: 16px; }
}

@media (max-width: 520px) {
  .production-command-facts { grid-template-columns: 1fr; }
  .production-command-head { padding: 16px; }
}