/* Section 5: production follows the accepted small-workshop layout. */
.board-shell--production #main-content { min-width: 0; }
.production-workspace { min-width: 0; background: #fff; border: 1px solid #e0e7e4; border-radius: 18px; padding: 28px; box-shadow: 0 8px 26px #243f3305; }
.production-heading { display: flex; align-items: start; justify-content: space-between; gap: 24px; padding: 0 0 24px; }
.production-heading h2 { margin: 2px 0 10px; font-size: 28px; color: #213e34; }
.production-heading p { margin: 0; color: #73867d; font-size: 14px; line-height: 1.95; max-width: 740px; }
.production-heading .eyebrow { color: #567665; font-size: 12px; }
.production-route-guide { display: flex; gap: 20px; flex-wrap: wrap; list-style: none; margin: 0 0 28px; padding: 16px 20px; background: #f4f8f5; border: 1px solid #e6ede8; border-radius: 12px; }
.production-route-guide li { display: flex; gap: 8px; align-items: center; font-size: 12px; color: #577165; }
.production-route-guide span { display: grid; place-items: center; width: 24px; height: 24px; flex-shrink: 0; background: #e4efe7; color: #427653; border-radius: 50%; }
.production-tabs { display: flex; gap: 22px; margin: 0; padding: 0; overflow-x: auto; border-bottom: 1px solid #e2e9e4; scrollbar-width: thin; }
.production-tabs button { flex: 0 0 auto; padding: 12px 2px 16px; min-height: 50px; border: 0; border-radius: 0; border-bottom: 3px solid transparent; background: transparent; color: #78897f; font-size: 13px; font-weight: 550; box-shadow: none; }
.production-tabs button[aria-selected="true"] { border-bottom-color: #418464; color: #2d654b; }
.production-toolbar { display: flex; align-items: end; gap: 18px; padding: 22px 0; }
.production-toolbar label { display: grid; gap: 8px; color: #5b7467; font-size: 12px; min-width: 0; }
.production-toolbar label:first-child { width: min(390px,100%); }
.production-toolbar input, .production-toolbar select { width: 100%; min-height: 44px; min-width: 0; padding: 9px 12px; border: 1px solid #d9e3dc; border-radius: 9px; background: #fcfdfc; color: #355643; font-size: 13px; }
.production-workspace .formulation-panel { margin: 0; padding: 24px 0 6px; border: 0; border-top: 1px solid #ecf0ed; border-radius: 0; background: #fff; box-shadow: none; }
.production-workspace .panel-heading { align-items: center; gap: 16px; margin: 0 0 22px; }
.production-workspace h3 { margin: 0; color: #2d4b3b; font-size: 18px; }
.production-workspace :is(.panel-heading,.record-actions) button, .production-workspace .production-next-link { min-height: 40px; padding: 8px 15px; border: 1px solid #d4e2d8; border-radius: 9px; color: #36694d; background: #fff; font-size: 12px; font-weight: 600; line-height: 1.7; text-decoration: none; }
.production-workspace .panel-heading > button { background: #306e4e; border-color: #306e4e; color: #fff; }
.production-workspace .record-grid { grid-template-columns: repeat(auto-fit,minmax(min(310px,100%),1fr)); gap: 18px; }
.production-workspace .record-card { padding: 22px; background: #fff; border: 1px solid #dfe7e1; border-radius: 13px; font-size: 13px; line-height: 1.95; }
.production-workspace .record-card h4 { color: #2d4d3b; font-size: 17px; margin: 0; }
.production-workspace .record-card p { margin: 7px 0 0; color: #657a6b; }
.production-workspace .production-card-title { display: flex; align-items: start; justify-content: space-between; flex-wrap: wrap; gap: 12px; }
.production-workspace .status-badge { padding: 3px 10px; border-radius: 20px; color: #507356; background: #edf4ed; font-size: 11px; white-space: normal; }
.production-workspace .production-reference { font-size: 11px; color: #869489; }
.production-workspace .production-quantity { font-size: 19px; font-weight: 650; color: #365b43; margin-top: 18px; }
.production-workspace .production-quantity span { font-weight: 400; font-size: 12px; }
.production-workspace .production-next-step { display: grid; gap: 5px; padding: 12px 14px; margin: 16px 0; border-radius: 9px; background: #f5f8f3; color: #66805e; font-size: 12px; }
.production-next-step strong { color: #436d45; font-size: 11px; }
.production-workspace .record-actions { margin-top: 18px; padding-top: 16px; gap: 10px; border-color: #edf1ed; }
.production-workspace .record-card > details { margin-top: 18px; padding-top: 14px; }
.production-workspace details summary { cursor: pointer; color: #5f7d66; font-size: 12px; }
.production-workspace details h5 { margin: 18px 0 8px; }
.production-workspace a { color: #387458; text-underline-offset: 4px; }
.production-workspace .empty-state { padding: 40px 24px; margin: 0; color: #7c8b7d; background: #fafcf8; border: 1px dashed #dae4d5; border-radius: 12px; font-size: 13px; }
.production-workspace .production-boundary { margin-top: 26px; padding-top: 18px; border-top: 1px solid #edf1ed; color: #849080; font-size: 12px; }
.production-workspace .production-boundary p, .production-hint { color: #6d8066; font-size: 12px; line-height: 1.95; }
.board-shell--production .production-dialog { width: min(750px,calc(100vw - 28px)); max-width: calc(100vw - 28px); max-height: calc(100dvh - 32px); padding: 0; overflow: hidden; border: 1px solid #dce5da; border-radius: 16px; background: #fff; box-shadow: 0 24px 70px #17352a36; }
.board-shell--production .production-dialog::backdrop { background: #17372e80; backdrop-filter: blur(3px); }
.board-shell--production .production-dialog > form { display: flex; flex-direction: column; min-width: 0; max-height: calc(100dvh - 34px); gap: 0; padding: 0; }
.production-dialog header { flex: 0 0 auto; padding: 24px; border-bottom: 1px solid #e5ebdf; background: #fafcf7; }
.production-dialog h3 { margin: 0; color: #2e5139; font-size: 21px; }
.production-dialog p { color: #697f61; font-size: 13px; line-height: 1.9; margin: 8px 0 0; }
.production-dialog :is(.production-form-body,.form-body) { flex: 1 1 auto; min-height: 0; padding: 24px; overflow-y: auto; scroll-padding-block: 20px; }
.production-dialog .form-grid { grid-template-columns: repeat(2,minmax(0,1fr)); align-items: start; gap: 22px 20px; }
.production-dialog .form-full { grid-column: 1 / -1; }
.production-dialog label { display: grid; align-content: start; gap: 8px; color: #4b6b4d; min-width: 0; font-size: 14px; line-height: 1.8; }
.production-dialog :is(input,select,textarea) { width: 100%; min-width: 0; min-height: 46px; padding: 9px 12px; border: 1px solid #cddbc7; border-radius: 9px; background: #fcfdfb; color: #2e5237; font: inherit; line-height: 1.75; }
.production-dialog textarea { min-height: 92px; resize: vertical; }
.production-dialog input[type="hidden"] { display: none; }
.production-dialog :is(small,.field-note) { color: #71876a; font-size: 12px; line-height: 1.85; }
.production-dialog :is(.production-checklist,fieldset) { margin: 0; min-width: 0; border: 1px solid #e1e8db; border-radius: 10px; padding: 14px; }
.production-dialog legend { color: #4b6b4d; padding-inline: 5px; font-size: 13px; }
.production-dialog .production-checklist label, .production-dialog label:has(input[type="checkbox"]) { display: flex; align-items: center; gap: 9px; padding: 7px 0; }
.production-dialog input[type="checkbox"] { width: 18px; min-height: 18px; height: 18px; flex: 0 0 18px; accent-color: #347653; }
.production-dialog .dialog-actions { flex: 0 0 auto; display: flex; flex-direction: row; justify-content: end; gap: 12px; position: static; margin: 0; padding: 18px 24px; border-top: 1px solid #e2e9dc; background: #fff; }
.production-dialog .dialog-actions button { flex: 0 1 145px; min-width: 0; min-height: 46px; margin: 0; padding: 9px 16px; border: 1px solid #cdddc5; border-radius: 9px; color: #466b42; background: #fff; font-size: 14px; font-weight: 650; }
.production-dialog .dialog-actions :is(button[type="submit"],.primary-button) { background: #2f714f; border-color: #2f714f; color: white; }
.production-dialog .form-error { margin-bottom: 18px; padding: 12px; border-radius: 9px; background: #fff2ec; color: #9a493d; }
.production-dialog .production-context { padding: 12px 14px; background: #f4f8ef; border-radius: 9px; margin-bottom: 20px; }
.production-dialog .packaging-preview { display: grid; gap: 8px; padding: 16px; margin: 0; }
.production-dialog .production-source-guide { padding: 14px 16px; border: 1px solid #e0e8d9; border-radius: 10px; background: #f7faf3; color: #5b7453; font-size: 12px; line-height: 1.95; }
.production-source-guide summary { cursor: pointer; color: #3f6948; font-weight: 600; }
.production-source-guide ol { margin: 12px 0 0; padding-inline-start: 20px; }
.production-source-guide li + li { margin-top: 10px; }
.production-dialog .production-source-guide p { font-size: 12px; }
@media(max-width:720px) {
 .production-workspace { padding: 20px; border-radius: 13px; }
 .production-heading { padding-bottom: 20px; }
 .production-heading h2 { font-size: 24px; }
 .production-heading p { font-size: 13px; }
 .production-route-guide { gap: 12px 18px; padding: 14px; }
 .production-route-guide li { font-size: 11px; }
 .production-toolbar { gap: 12px; flex-wrap: wrap; }
 .production-toolbar label:first-child { width: 100%; }
 .production-toolbar label:last-child { width: 100%; }
 .production-workspace .panel-heading { align-items: start; }
 .production-workspace .record-card { padding: 18px; }
 .production-dialog .form-grid { grid-template-columns: minmax(0,1fr); gap: 20px; }
 .production-dialog header, .production-dialog :is(.production-form-body,.form-body) { padding: 20px; }
 .production-dialog .dialog-actions { padding: 16px 20px; }
 .production-dialog .dialog-actions button { flex: 1 1 0; }
}

.board-shell--production .production-workspace .record-actions button[data-action]:not(:disabled):not(.trash-record-button) { background: #fff; color: #36694d; border: 1px solid #d4e2d8; }
.production-seed-notice { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin: 0 0 26px; padding: 18px; background: #fff8e7; border: 1px solid #ecdfbd; border-radius: 12px; color: #786335; font-size: 13px; }
.production-seed-notice p { margin: 6px 0 0; line-height: 1.9; }
.production-seed-notice button { flex: 0 0 auto; min-height: 42px; padding: 8px 14px; border: 1px solid #dbcaa5; border-radius: 8px; background: #fff; color: #786335; font-size: 12px; }
.production-repair-dates { display: grid; gap: 14px; margin: 0 0 20px; }
.production-repair-dates div { padding: 12px 14px; background: #f6f9f3; border: 1px solid #e3eadb; border-radius: 9px; }
.production-repair-dates dt { font-size: 12px; color: #6d805f; }
.production-repair-dates dd { margin: 6px 0 0; font-size: 15px; color: #345735; }
@media(max-width:720px) {
 .production-workspace .record-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-items: stretch; }
 .production-workspace .record-actions > * { width: 100%; min-width: 0; text-align: center; }
 .production-seed-notice { flex-direction: column; align-items: stretch; }
}