.production-panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 3px 9px #11213b03}
.flow-guide{display:flex;align-items:center;flex-wrap:wrap;gap:9px;font-size:13px;color:#5a6c86;margin:-4px 0 23px}.flow-guide strong{color:#2f62a5;font-weight:550}.flow-guide small{font-size:12px;color:#8592a5;margin-left:auto}
.production-table .task-reference{max-width:185px;overflow-wrap:anywhere}.production-table small{max-width:250px;overflow-wrap:anywhere}.production-table th:nth-child(2){width:26%}.production-table .order-link{max-width:190px}.production-table .task-stage{margin-top:7px;font-size:13px;color:#405978}.production-table td{padding-top:19px;padding-bottom:19px}.production-panel #list-error{margin:0 23px 18px}.production-table .empty a{display:inline-block;margin-top:13px}
.badge.queued{background:#fff4dd;color:#98690f}.badge.paused{background:#fff0e7;color:#a35825}.badge.cancelled{background:#fbeeee;color:#a45259}
.production-drawer{width:min(780px,100%)}.task-banner{margin-bottom:22px;padding:15px;background:#f5f8fd;border:1px solid #e0e9f5;border-radius:9px}.task-banner strong{display:block;margin-bottom:5px}.task-banner p{margin:5px 0;color:#64768e;font-size:13px}.task-banner .button{margin-top:9px}.task-badges{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.task-badges .muted{font-size:12px}
.flow-steps{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(98px,1fr));padding:0;margin:16px 0 23px;gap:9px}.flow-step{border:1px solid #e3e9f2;background:#f8fafc;border-radius:9px;padding:12px 10px;min-width:0}.flow-step>span{display:inline-flex;align-items:center;justify-content:center;width:23px;height:23px;background:#e8edf4;color:#7a8ba2;border-radius:50%;font-size:12px;margin-bottom:7px}.flow-step strong{display:block;font-size:13px;font-weight:550;overflow-wrap:anywhere}.flow-step small{font-size:11px;color:#8995a6}.flow-step.done{background:#f4faf7;border-color:#dceee4}.flow-step.done>span{background:#dff1e7;color:#258451}.flow-step.current{background:#edf4ff;border-color:#a8c5f5}.flow-step.current>span{background:#2b69d1;color:#fff}.flow-step.current strong{color:#275fa9}.flow-step.current small{color:#4f77af}.flow-step.paused{border-color:#e8c4a5;background:#fff8f0}.flow-step.paused>span{background:#ba792d}
.plan-section{border:1px solid var(--line);border-radius:10px;padding:18px;margin:22px 0}.plan-section h3{margin:0 0 5px}.plan-section .muted{font-size:13px;margin:0 0 15px}.plan-section .form-grid{grid-template-columns:1fr 1fr}.plan-section .action-row{margin-top:15px}.plan-section label{font-size:13px}.plan-section input{min-width:0}.plan-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.plan-heading .text-button{font-size:12px}
.production-drawer .action-box p{margin:7px 0 13px;font-size:13px}.production-drawer .action-box .action-row{margin-top:14px}.quality-field{margin-bottom:12px}.operation-label{font-weight:550;color:#345475}.production-drawer .line-card-header span{overflow-wrap:anywhere}.production-drawer .line-card-header span:last-child{white-space:nowrap}.production-drawer .info-grid{margin-top:0}.production-drawer .timeline li:last-child{padding-bottom:0}.production-drawer .timeline p span{display:block;margin-top:4px;font-size:13px;color:#65758b}.detail-toolbar{display:flex;align-items:center;gap:9px}.detail-toolbar .text-button{font-size:12px;white-space:nowrap}
.fixed-trigger{display:flex;flex-direction:column;gap:7px;border:1px solid #e0e9f5;background:#f6f9fd;border-radius:8px;padding:15px}.fixed-trigger strong{font-size:14px}.workflow-dialog{max-width:610px}.settings-note{color:#8a652b;background:#fff8e9;border:1px solid #f0e2c1;border-radius:7px;padding:12px;font-size:13px;margin-top:16px}.workflow-dialog textarea{line-height:1.8}.form-loading{padding:50px 25px;text-align:center;color:var(--muted)}.production-page [inert]{opacity:.6}.task-note{white-space:pre-wrap;overflow-wrap:anywhere}.production-page .notice{margin-bottom:20px}
@media(min-width:761px) and (max-width:1250px){.production-table th:nth-child(5),.production-table td:nth-child(5),.production-table th:last-child,.production-table td:last-child{display:none}.production-table th,.production-table td{padding-left:12px;padding-right:12px}.production-table th:first-child,.production-table td:first-child{padding-left:18px}.production-table .order-link{max-width:145px}.flow-guide small{width:100%;margin-left:0}}
@media(max-width:760px){.production-page .sidebar{height:auto;min-height:64px;flex-wrap:wrap;gap:4px 12px}.production-page .sidebar .brand{margin-right:auto}.production-page .sidebar .nav-item{font-size:12px;padding:8px}.production-page .sidebar .nav-item span{font-size:16px}.production-page .heading-actions{flex-wrap:wrap}.production-page .stats{gap:10px}.production-page .stat{padding:14px 12px;min-height:126px}.production-page .stat>span{font-size:13px}.production-page .stat small{font-size:11px}.flow-guide{gap:6px;margin-bottom:18px;font-size:12px}.flow-guide small{width:100%;margin-left:0}.production-table{min-width:0}.production-table thead{display:none}.production-table tbody{display:block}.production-table tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:18px 15px;border-bottom:1px solid var(--line)}.production-table tr:last-child{border-bottom:0}.production-table td{border:0;padding:0!important;min-width:0}.production-table td:first-child{grid-column:1}.production-table td:nth-child(2){grid-column:1;grid-row:2}.production-table td:nth-child(3){grid-column:2;grid-row:1 / span 2;text-align:right;max-width:130px}.production-table td:nth-child(4){grid-column:1 / -1;border-top:1px solid #edf0f5;padding-top:11px!important;font-size:12px;display:flex;gap:7px;align-items:baseline;flex-wrap:wrap}.production-table td:nth-child(4):before{content:'排单';color:#8b96a6}.production-table td:nth-child(4) small{display:inline;margin:0}.production-table td:nth-child(5),.production-table td:last-child{display:none}.production-table td.empty{display:block;grid-column:1 / -1;text-align:center;padding:30px 0!important}.production-table .customer-name{font-size:14px}.production-table small{font-size:11px;max-width:none}.production-table .order-link{font-size:13px;max-width:none}.production-table .task-stage{font-size:12px}.production-table .task-reference{max-width:none}.production-panel .table-footer{align-items:flex-start;flex-direction:column;gap:4px}.production-panel #list-error{margin:0 15px 15px}.production-drawer .dialog-header,.production-drawer .dialog-body{padding:20px}.production-drawer .info-grid{gap:17px 12px}.plan-section{padding:15px}.plan-section .form-grid{grid-template-columns:1fr}.plan-section .action-row .button{width:100%}.flow-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.flow-step{padding:10px 9px}.task-badges{gap:7px}.production-drawer .action-box .button{flex:1}.detail-toolbar{gap:5px}.detail-toolbar .text-button{font-size:11px}.production-drawer .line-card-header{font-size:14px}.production-drawer .dialog-header h2{font-size:16px}.fixed-trigger strong{font-size:13px}}
@media(max-width:380px){.production-page .sidebar .brand small{display:none}.production-page .sidebar .brand{font-size:13px}.production-page .sidebar .brand-mark{width:29px;height:32px;font-size:22px}.production-page .sidebar{gap:4px}.production-page .sidebar .nav-item{padding:7px 6px}.production-page .sidebar .nav-item span{display:none}.production-page .stat small{font-size:10px}}

.source-label{display:block;color:var(--muted);font-size:12px;margin-top:4px}
.task-materials{margin:24px 0}.task-materials .section-heading{gap:12px;flex-wrap:wrap}.task-materials .section-heading .button{font-size:13px}.task-materials .muted{font-size:13px;line-height:1.7}.material-plan-card{background:#f7f9fd;border-color:#e0e6ef}.material-record-values{display:flex;flex-direction:column;gap:6px;text-align:right;font-size:13px;flex-shrink:0}.material-record-values strong{color:#316c50}.material-plan-dialog{width:min(680px,calc(100% - 32px));max-width:680px}.material-plan-row{border:1px solid var(--line);border-radius:9px;padding:16px;margin-top:14px}.material-row-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.material-row-header h3{font-size:15px;margin:0}.material-plan-row .form-grid,.output-quantity-item .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.material-plan-row label{font-size:13px;display:flex;flex-direction:column;gap:7px}.material-plan-row select,.material-plan-row input{width:100%;min-width:0}.material-unit-note{font-size:12px;color:var(--muted);line-height:1.7;margin:12px 0}.material-totals{font-size:13px;line-height:1.7;background:#eef4fb;color:#3e5e85;border-radius:8px;padding:12px;margin-top:16px;overflow-wrap:anywhere}.material-plan-dialog .dialog-footer{flex-wrap:wrap}#output-materials{border-top:1px solid var(--line);margin-top:24px;padding-top:18px}#output-materials>h3{font-size:17px;margin:0 0 10px}#output-materials .output-quantity-item h3 small{font-size:12px;font-weight:400;color:var(--muted);overflow-wrap:anywhere}@media(max-width:760px){.material-plan-dialog{width:calc(100% - 24px)}.material-plan-dialog .dialog-header,.material-plan-dialog .dialog-body,.material-plan-dialog .dialog-footer{padding:18px}.material-plan-dialog .dialog-header h2{font-size:18px}.material-plan-row{padding:13px}.material-plan-row .form-grid,.output-quantity-item .form-grid{grid-template-columns:1fr}.material-plan-dialog .dialog-footer .button{flex:1}.material-record-values{font-size:12px}.task-materials .production-output-card li{flex-wrap:wrap}.task-materials .production-output-card li>div:first-child{flex:1;min-width:120px}.material-record-values{max-width:100%}}
.output-dialog{width:min(620px,calc(100% - 32px));max-width:620px}.output-dialog .dialog-header h2{font-size:20px}.output-dialog .dialog-body>p{font-size:13px;line-height:1.7}.output-quantity-item{border:1px solid var(--line);border-radius:9px;padding:16px;margin-top:14px}.output-quantity-item h3{font-size:15px;margin:0 0 7px;overflow-wrap:anywhere}.output-quantity-item p{font-size:13px;color:var(--muted);margin:5px 0;overflow-wrap:anywhere}.output-quantity-item .output-plan-reference{margin:11px 0}.output-quantity-item label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:550}.output-quantity-item input{width:100%;min-width:0}.output-dialog .dialog-footer{flex-wrap:wrap}.production-outputs{margin:24px 0}.production-output-card{border:1px solid #dce9e1;border-radius:9px;padding:15px;margin:12px 0;background:#f8fcfa}.production-output-card header strong{display:block;font-size:14px;color:#316c50}.production-output-card header small{display:block;margin-top:6px;color:var(--muted);font-size:12px;overflow-wrap:anywhere}.production-output-card ul{list-style:none;margin:12px 0 0;padding:0}.production-output-card li{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:10px 0;border-top:1px solid #e3eee7}.production-output-card li:last-child{padding-bottom:0}.production-output-card li div{min-width:0}.production-output-card li strong{font-size:13px;font-weight:550;overflow-wrap:anywhere}.production-output-card li small{display:block;margin-top:4px;color:var(--muted);font-size:12px;overflow-wrap:anywhere}.production-output-card li>span{flex-shrink:0;font-size:14px;font-weight:600;color:#316c50}.output-record-note{font-size:12px;color:var(--muted);line-height:1.6}@media(max-width:760px){.output-dialog{width:calc(100% - 24px)}.output-dialog .dialog-header,.output-dialog .dialog-body,.output-dialog .dialog-footer{padding:18px}.output-dialog .dialog-header h2{font-size:17px}.output-dialog .dialog-footer .button{flex:1;white-space:normal}.output-dialog .dialog-footer .button.primary{flex-basis:100%;order:-1}.output-quantity-item{padding:13px}.production-output-card{padding:13px}.production-output-card li{gap:10px}}
.production-spec-card{padding:18px}.production-spec-card .line-card-header{align-items:flex-start;gap:16px}.production-spec-card .line-card-header>span:first-child{white-space:normal;overflow-wrap:anywhere}.production-spec-card .line-card-header>span:last-child{flex-shrink:0}.spec-item-caption{font-size:11px;color:#8895a7;margin-top:6px}.production-spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 20px;margin:17px 0 0}.production-spec-grid>div{min-width:0}.production-spec-grid .spec-wide{grid-column:1 / -1}.production-spec-grid dt{font-size:12px;color:#8793a5;margin-bottom:4px}.production-spec-grid dd{font-size:14px;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.production-item-note{background:#f5f8fc;border-radius:7px;padding:12px 14px;margin-top:16px}.production-item-note strong{font-size:12px;font-weight:550;color:#73839b}.production-spec-card .production-item-note p{margin:5px 0 0;color:#405470;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}.production-table td:nth-child(2)>small,.production-orders-table td:nth-child(2)>small{white-space:normal;overflow-wrap:anywhere}
@media(max-width:760px){.production-spec-card{padding:15px}.production-spec-card .line-card-header{flex-wrap:wrap;gap:6px 12px}.production-spec-card .line-card-header>span:last-child{white-space:normal}.production-spec-grid{gap:13px 15px}.production-spec-grid dd{font-size:13px}.production-item-note{padding:10px 12px}.production-table td:nth-child(2)>small,.production-orders-table td:nth-child(2)>small{max-width:100%}}
#all-orders-panel .toolbar{flex-wrap:wrap;align-items:center;gap:12px}#all-orders-panel .toolbar .search{flex:1 1 280px}#all-orders-panel .status-filter{flex:0 0 auto}
@media(max-width:760px){#all-orders-panel .toolbar{align-items:stretch}#all-orders-panel .toolbar .search{flex:auto;width:100%}#all-orders-panel .status-filter{width:100%}}
.hub-view-tabs{display:flex;gap:5px;padding:5px;width:max-content;background:#e8edf5;border-radius:9px;margin:0 0 22px}.hub-view-tabs button{border:0;border-radius:6px;background:transparent;color:#6c7e97;padding:9px 24px;font-size:14px}.hub-view-tabs button.selected{background:#fff;color:#2d61ad;box-shadow:0 2px 6px #18325212;font-weight:600}.orders-view-note{font-size:13px;color:var(--muted);margin:0 23px 18px}.production-orders-table .order-link{max-width:190px}.production-orders-table td:nth-child(5){min-width:155px}.production-orders-table td:nth-child(5) small{max-width:190px;overflow-wrap:anywhere}.production-orders-table td:nth-child(2){min-width:160px}.production-orders-table .customer-name{max-width:220px;overflow-wrap:anywhere}#orders-error{margin:0 23px 18px}.order-progress-summary{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 24px}.order-progress-summary small{color:var(--muted);font-size:13px}
@media(min-width:761px) and (max-width:1250px){.production-orders-table th:last-child,.production-orders-table td:last-child{display:none}.production-orders-table th,.production-orders-table td{padding-left:12px;padding-right:12px}.production-orders-table .order-link{max-width:150px}.production-orders-table td:nth-child(2){min-width:140px}}
@media(max-width:760px){.production-page .sidebar{justify-content:flex-start}.production-page .sidebar .brand{flex-basis:100%;margin-bottom:3px}.production-page .sidebar .nav-item{flex:0 0 auto}.hub-view-tabs{width:100%;margin-bottom:18px}.hub-view-tabs button{flex:1}.orders-view-note{margin:0 15px 15px;font-size:12px}#orders-error{margin:0 15px 15px}.production-orders-table{min-width:0}.production-orders-table thead{display:none}.production-orders-table tbody{display:block}.production-orders-table tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:18px 15px;border-bottom:1px solid var(--line)}.production-orders-table tr:last-child{border-bottom:0}.production-orders-table td{border:0;padding:0!important;min-width:0!important}.production-orders-table td:first-child{grid-column:1}.production-orders-table td:nth-child(2){grid-column:1;grid-row:2}.production-orders-table td:nth-child(3){grid-column:2;grid-row:1;text-align:right;font-size:13px}.production-orders-table td:nth-child(4){grid-column:1;grid-row:3;font-size:12px;color:var(--muted)}.production-orders-table td:nth-child(4):before{content:'交期 ';color:#8b96a6}.production-orders-table td:nth-child(5){grid-column:2;grid-row:2 / span 2;text-align:right;max-width:130px}.production-orders-table td:nth-child(5) small{font-size:11px;max-width:130px}.production-orders-table td:last-child{display:none}.production-orders-table td.empty{display:block;grid-column:1 / -1;padding:30px 0!important}.production-orders-table .order-link{max-width:none;font-size:13px}.production-orders-table .customer-name{font-size:14px}.production-orders-table small{font-size:11px}.production-orders-table .quantity{white-space:normal}}
.demo-identity{display:flex;align-items:center;gap:20px;flex-wrap:wrap;background:#fff;border:1px dashed #b4c9ee;padding:13px 16px;border-radius:9px;margin:-6px 0 22px}.demo-identity label{display:flex;align-items:center;gap:10px;font-size:13px;color:#3c5d88}.demo-identity>span{font-size:12px;color:var(--muted)}.demo-identity select{min-width:150px}.accounts-dialog{max-width:720px}.line-account-card{border:1px solid var(--line);border-radius:10px;padding:18px;margin:16px 0}.line-account-card>header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.line-account-card h3{margin-bottom:4px}.line-account-card .muted{font-size:12px}.password-status{font-size:13px;color:#738198;margin:12px 0}.account-form{display:grid;gap:13px}.enable-account{display:flex;align-items:center;gap:8px;font-size:14px}.enable-account input{width:17px;height:17px;accent-color:var(--blue)}.account-row-error{margin:0}.production-page .login-dialog label{margin-top:13px}.production-page .heading-actions{flex-wrap:wrap}.production-page .line-account-card .badge{flex-shrink:0}
@media(max-width:760px){.demo-identity{gap:8px;padding:12px}.demo-identity label{flex-direction:column;align-items:flex-start;width:100%;gap:6px}.demo-identity select{width:100%}.line-account-card{padding:15px}.account-form .action-row .button{flex:1}.production-page .heading-actions .button{flex:1 1 auto}.accounts-dialog .dialog-body{padding:16px}}
@media(max-width:760px){.production-page .layout{display:block}.production-page .sidebar{display:flex;position:static;width:100%;padding:12px 15px;flex-direction:row;align-items:center}.production-page .sidebar .nav-label,.production-page .sidebar .sidebar-bottom{display:none}.production-page .sidebar .brand{font-size:14px}.production-page .sidebar .brand small{display:none}.production-page .sidebar .brand-mark{width:30px;height:33px;font-size:22px}}

.pattern-production{margin:25px 0;padding:20px;background:#f4f8ff;border:1px solid #d5e2f4;border-radius:12px}.pattern-production>.section-heading{align-items:flex-start;gap:12px}.pattern-production .section-heading h3{margin:0}.pattern-production .muted{font-size:13px;line-height:1.7}.pattern-progress-grid{display:grid;gap:14px}.pattern-progress-card{background:#fff;border:1px solid #dce5ef;border-radius:10px;padding:17px;min-width:0}.pattern-progress-card.is-complete{border-color:#bcdcc9;background:#fcfefc}.pattern-progress-card header{display:flex;align-items:flex-start;gap:12px;justify-content:space-between}.pattern-progress-card header>div{min-width:0}.pattern-progress-card header strong{display:block;font-size:16px;line-height:1.5;overflow-wrap:anywhere}.pattern-progress-card header small{display:block;color:var(--muted);font-size:12px;line-height:1.7;margin-top:5px;overflow-wrap:anywhere}.pattern-progress-card .badge{flex-shrink:0;font-size:11px}.pattern-numbers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.pattern-numbers div{min-width:0}.pattern-numbers dt{font-size:12px;color:var(--muted);margin-bottom:6px}.pattern-numbers dd{font-size:22px;font-weight:650;margin:0;color:#294767;overflow-wrap:anywhere}.pattern-numbers dd small{font-size:11px;font-weight:400;display:block;color:var(--muted);margin-top:3px}.pattern-numbers div:nth-child(2) dd{color:#23704f}.pattern-progress-card .action-row{gap:8px;flex-wrap:wrap}.pattern-progress-card .button{font-size:13px;flex:1}.pattern-last-note{background:#f7f9fc;border-radius:7px;padding:10px 12px;margin-bottom:14px}.pattern-last-note p,.pattern-handover-banner p{font-size:13px;line-height:1.7;margin:3px 0;white-space:pre-wrap;overflow-wrap:anywhere}.pattern-last-note small,.pattern-handover-banner small{color:var(--muted);font-size:11px}.pattern-handover-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:18px}.pattern-handover-row p{flex:1;min-width:170px}.pattern-handover-row .button{font-size:13px}.pattern-handover-banner{padding:16px;background:#fff5df;border:1px solid #ebd9b3;border-radius:9px;margin-bottom:16px}.pattern-handover-banner>strong{font-size:15px;display:block;margin-bottom:9px}.pattern-handover-banner>.button{display:block;margin-top:13px}.pattern-history-section{margin:25px 0}.pattern-history{border:1px solid var(--line);border-radius:8px;margin:10px 0;padding:14px;background:#fff}.pattern-history summary{font-size:13px;font-weight:550;cursor:pointer;line-height:1.6}.pattern-history>ol{margin:16px 0 0;padding-left:20px}.pattern-history>ol>li{padding:0 0 16px 4px}.pattern-history>ol>li:last-child{padding-bottom:0}.pattern-history strong{font-size:13px;overflow-wrap:anywhere}.pattern-history small{display:block;font-size:11px;color:var(--muted);line-height:1.7;margin:5px 0}.pattern-history p{font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0;color:#4e627b}.pattern-history details{margin:10px 0}.pattern-history details ul{font-size:12px;color:#5e7085;line-height:1.8;padding-left:20px}.pattern-dialog{width:min(620px,calc(100% - 32px));max-width:620px}.pattern-dialog .dialog-body>p{font-size:13px;line-height:1.7}.pattern-dialog .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.pattern-dialog label{font-size:13px;line-height:1.6}.pattern-dialog .full-label{margin-top:15px}.pattern-dialog input,.pattern-dialog textarea{min-width:0;max-width:100%}.pattern-dialog-context{padding:13px;background:#edf4fb;border-radius:8px;font-size:13px;overflow-wrap:anywhere}.pattern-dialog-context strong{font-size:15px}.pattern-dialog-context p{margin:6px 0;line-height:1.6;white-space:pre-wrap}.pattern-complete-check{display:flex;align-items:flex-start;gap:8px;margin-top:13px}.pattern-complete-check input{width:17px;height:17px;flex-shrink:0;margin-top:3px;accent-color:#2769bf}#pattern-report-fields>.muted{font-size:12px;line-height:1.6}#pattern-report-fields{margin-bottom:19px}.output-quantity-item input[readonly]{background:#eef5f1;color:#276946;border-color:#d3e5d9;cursor:default}.pattern-dialog input:disabled,.pattern-dialog textarea:disabled{opacity:.8;background:#f1f4f8}.pattern-dialog .dialog-footer{flex-wrap:wrap}
@media(max-width:760px){.pattern-production{padding:14px}.pattern-progress-card{padding:13px}.pattern-progress-card header{flex-wrap:wrap;gap:8px}.pattern-progress-card header strong{font-size:15px}.pattern-numbers{gap:8px}.pattern-numbers dd{font-size:20px}.pattern-progress-card .button{padding-left:10px;padding-right:10px}.pattern-handover-row>.button{width:100%}.pattern-dialog{width:calc(100% - 24px)}.pattern-dialog .dialog-header,.pattern-dialog .dialog-body,.pattern-dialog .dialog-footer{padding:18px}.pattern-dialog .dialog-header h2{font-size:18px}.pattern-dialog .form-grid{grid-template-columns:1fr}.pattern-dialog .dialog-footer .button{flex:1}.pattern-production>.section-heading{flex-wrap:wrap}.pattern-history{padding:12px}}
@media(min-width:761px){.pattern-progress-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pattern-progress-card header{flex-wrap:wrap}.pattern-progress-card .action-row{flex-direction:column}.pattern-progress-card .button{width:100%}.pattern-progress-card .pattern-numbers{gap:6px}.pattern-progress-card .pattern-numbers dd{font-size:19px}.pattern-progress-card .pattern-numbers dt{font-size:11px}}

.task-scheduling-state{display:flex;flex-direction:column;gap:6px;padding:13px 15px;border:1px solid #d9e6f4;border-radius:9px;background:#f1f6fc;font-size:13px;color:#234e7b}.task-scheduling-state span{font-size:11px;line-height:1.8;color:#61758c}.order-line-plan .button{margin-top:8px}

/* Order-first workspace: compact cards with a clear next action. */
.production-page .production-card-list{overflow:visible;background:#f7f9fc;padding:18px}
.production-card-list table,.production-card-list tbody{display:block;width:100%;min-width:0}
.production-card-list table thead{display:none}
.production-card-list table tbody{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.production-card-list table tr{display:block;min-width:0;padding:0;border:0}
.production-card-list table td,.production-card-list table td:first-child,.production-card-list table td:last-child{display:block;min-width:0;max-width:none;width:100%;border:0;padding:0!important;white-space:normal;text-align:left}
.production-card-list table tr:has(.empty){grid-column:1 / -1}
.production-card-list table td.empty{padding:38px 16px!important;text-align:center}
.production-card-list .order-surface{height:100%;display:flex;flex-direction:column}
.production-card-list .order-surface-head{align-items:flex-start}
.production-card-list .order-surface-heading{min-width:0}
.production-card-list .order-surface-heading h3{margin:0;font-size:17px;line-height:1.5}
.production-card-list .order-link{display:inline;max-width:none;padding:0;font:inherit;font-weight:650;color:#203b5e;text-align:left;white-space:normal;overflow-wrap:anywhere}
.production-card-list .order-surface-heading p{margin:6px 0 0;font-size:13px;color:#65758c;line-height:1.6;overflow-wrap:anywhere}
.production-card-list .order-surface-body{flex:1}
.production-card-list .order-surface-metrics{grid-template-columns:repeat(2,minmax(0,1fr));margin:12px 0 16px}
.production-card-list .order-surface-metrics dd{font-size:15px}
.production-card-spec{margin:0 0 14px;padding:9px 12px;background:#f4f7fb;border-radius:7px;color:#546a85;font-size:12px;line-height:1.7;overflow-wrap:anywhere}
.production-card-list .pattern-image-strip{max-width:none;margin:12px 0 15px;gap:10px}
.production-card-list .pattern-image-card.is-compact{width:calc((100% - 20px)/3);min-width:0;max-width:132px}
.production-card-list .pattern-image-card .pattern-image-media{height:86px}
.production-card-list small{max-width:none}
.production-card-list .order-surface-footer{align-items:flex-end;gap:12px}
.production-card-list .order-surface-footer .button{font-size:12px;flex-shrink:0;padding:9px 12px;white-space:nowrap}
.production-card-list .order-surface-ref{min-width:0;max-width:100%;font-size:11px;line-height:1.7}
.production-card-list .order-surface-ref span{display:block;overflow-wrap:anywhere}
.production-order-progress{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid #edf1f6}
.production-order-progress small{display:inline;font-size:12px;color:#64768e;line-height:1.6;margin:0}
.production-page #printing-report,.production-page #calender-report,.production-page #order-history{margin-top:24px}
.production-detail-subtitle{margin:5px 0 0;color:#72829a;font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.production-detail-summary{padding:18px;border:1px solid #dce5f1;border-radius:12px;background:#f9fbff;margin-bottom:20px}
.production-detail-summary .task-badges{margin-bottom:13px}
.production-detail-summary .order-surface-metrics{grid-template-columns:repeat(3,minmax(0,1fr));margin:12px 0}
.production-detail-summary .order-surface-ref{border-top:1px solid #e3eaf4;padding-top:12px;font-size:11px;line-height:1.8;color:#72849c;overflow-wrap:anywhere}
.production-detail-summary .order-surface-ref span{display:block}
.production-detail-summary .order-progress-summary{margin-bottom:14px}
.production-detail-fold{margin:16px 0;border:1px solid #dfe7f0;border-radius:11px;background:#fff;overflow:hidden}
.production-detail-fold>summary{display:flex;align-items:center;gap:12px;list-style:none;cursor:pointer;padding:16px 18px;font-size:14px;color:#304b6e;background:#f9fbfd}
.production-detail-fold>summary::-webkit-details-marker{display:none}
.production-detail-fold>summary::before{content:'›';font-size:22px;font-weight:400;line-height:1;color:#7b8ca2;transition:transform .15s}
.production-detail-fold[open]>summary::before{transform:rotate(90deg)}
.production-detail-fold>summary strong{font-weight:600}
.production-detail-fold>summary span{margin-left:auto;color:#8190a3;font-size:12px;text-align:right}
.production-fold-body{padding:0 18px 18px}
.production-fold-body>.production-spec-card:first-child{margin-top:16px}
.production-fold-body .timeline{margin-top:20px}
.production-spec-card .production-card-spec{margin:12px 0 8px}
.production-spec-patterns{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:12px;padding:15px 0;border-bottom:1px solid #e8edf3}
.production-spec-pattern{min-width:0;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.production-spec-pattern .pattern-image-card.is-compact{width:100%;margin:0}
.production-spec-pattern>strong{font-size:13px;color:#335a89;line-height:1.5}
.production-spec-card .production-spec-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.production-spec-grid .spec-wide{grid-column:auto}
.production-drawer .dialog-header>div:first-child{min-width:0}
.production-drawer .dialog-header h2,.production-drawer .info-grid dd{overflow-wrap:anywhere}
.production-drawer .task-banner p{overflow-wrap:anywhere}
.production-drawer .pattern-production{margin-top:22px}
.production-demo-fold{margin:-6px 0 20px;border:1px dashed #cbd8ea;border-radius:9px;background:#f8faff}
.production-demo-fold>summary{cursor:pointer;font-size:12px;line-height:1.7;color:#7387a1;padding:10px 14px}
.production-demo-fold:has(#demo-banner.hidden):has(#demo-identity.hidden){display:none}
.production-demo-fold .notice{margin:0 14px 12px}
.production-demo-fold .demo-identity{margin:0 14px 14px}
@media(max-width:1120px){.production-card-list table tbody{grid-template-columns:1fr}.production-card-list .order-surface-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.production-card-list .pattern-image-card.is-compact{width:120px}}
@media(max-width:760px){.production-page .production-card-list{padding:12px}.production-card-list table tbody{gap:12px}.production-card-list .order-surface-metrics{grid-template-columns:repeat(2,minmax(0,1fr));margin:12px 0 16px}.production-card-list .order-surface-head{gap:10px}.production-card-list .order-surface-heading h3{font-size:16px}.production-card-list .order-surface-footer{flex-wrap:wrap}.production-card-list .order-surface-footer .button{margin-left:auto}.production-card-list .order-surface-ref{flex:1 1 100%}.production-card-list .pattern-image-card.is-compact{width:calc((100% - 20px)/3)}.production-card-list .pattern-image-card .pattern-image-media{height:76px}.production-card-list .order-surface-tag{white-space:normal}.production-detail-summary{padding:14px}.production-detail-summary .order-surface-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.production-detail-fold>summary{padding:14px;gap:8px;flex-wrap:wrap}.production-detail-fold>summary span{margin-left:20px;font-size:11px}.production-fold-body{padding:0 13px 14px}.production-spec-card .production-spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.production-spec-patterns{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.production-demo-fold .notice,.production-demo-fold .demo-identity{margin-left:10px;margin-right:10px}}

.production-card-list table tr,.production-card-list table tr>td{height:100%}

/* Jiasen brand surfaces; workflow warnings and completion states keep their colors. */
.production-page .production-card-list,.task-banner,.fixed-trigger,.material-plan-card,
.production-item-note,.pattern-production,.pattern-last-note,.pattern-dialog-context,
.task-scheduling-state,.production-card-spec,.production-detail-summary,
.production-detail-fold>summary,.production-demo-fold{background:var(--brand-soft)}
.task-banner,.fixed-trigger,.material-plan-card,.pattern-production,.pattern-progress-card,
.task-scheduling-state,.production-detail-summary,.production-detail-fold,
.production-demo-fold,.demo-identity{border-color:var(--brand-border)}
.flow-guide strong,.operation-label,.material-totals,.hub-view-tabs button.selected,
.demo-identity label,.task-scheduling-state,.production-spec-pattern>strong{color:var(--brand)}
.production-card-list .order-link,.production-detail-fold>summary,
.pattern-numbers dd{color:var(--brand-deep)}
.pattern-numbers div:nth-child(2) dd{color:#23704f}
.flow-step:not(.done):not(.current):not(.paused){background:var(--brand-soft);border-color:var(--brand-border)}
.flow-step.current{background:var(--brand-soft);border-color:var(--brand-light)}
.flow-step.current>span{background:var(--brand);color:#fff}
.flow-step.current strong{color:var(--brand)}
.flow-step.current small{color:#54745f}
.hub-view-tabs,.material-totals{background:#e7eee9}
.pattern-complete-check input{accent-color:var(--brand)}
.production-detail-summary .order-surface-ref,.production-order-progress,
.production-spec-patterns{border-color:var(--brand-border)}
.production-card-spec,.production-card-list .order-surface-heading p,
.production-detail-subtitle,.production-detail-summary .order-surface-ref,
.production-detail-fold>summary span,.production-detail-fold>summary::before,
.production-demo-fold>summary,.task-banner p,.task-scheduling-state span{color:var(--muted)}

/* Large, legible measurements and audit records for shop-floor reporting. */
#pattern-quantity,#pattern-weight,.output-quantity-item input[type="number"]{font-size:28px;font-weight:650;line-height:1.3;min-height:60px;padding:12px 14px;font-variant-numeric:tabular-nums}
.pattern-dialog label,.pattern-dialog .dialog-body>p,.pattern-dialog-context{font-size:16px}
.pattern-dialog-context strong{font-size:18px}
#pattern-report-fields>.muted{font-size:14px}
.pattern-history>summary{font-size:19px;font-weight:650}
.pattern-history strong{font-size:18px;line-height:1.65}
.pattern-history small{font-size:14px;line-height:1.8}
.pattern-history p,.pattern-history details ul{font-size:16px;line-height:1.8}
.pattern-history>ol>li{padding:14px 4px 20px;border-bottom:1px solid var(--brand-border)}
.pattern-history>ol>li:last-child{border-bottom:0}
.pattern-history .pattern-amend-button{font-size:15px;margin:9px 0;min-height:42px}
.report-corrections{padding:12px 14px;background:#f5f8fb;border-radius:8px}
.report-corrections>summary{font-size:15px}
.report-corrections strong{font-size:16px}
.actual-material-row select{width:100%;min-height:44px;font-size:15px}
.actual-material-row .material-unit-note{font-size:15px;color:var(--brand-deep);font-weight:550}
@media(max-width:760px){#pattern-quantity,#pattern-weight,.output-quantity-item input[type="number"]{font-size:26px}.pattern-history>summary{font-size:18px}.pattern-history strong{font-size:17px}.pattern-history p{font-size:15px}}

.production-scheduling-panel{margin-bottom:24px}.production-scheduling-panel .order-scheduling{margin:0}.hub-view-tabs button[data-view="scheduling"]{display:flex;align-items:center;gap:12px}.hub-view-tabs button[data-view="scheduling"] span{font-size:11px;font-weight:400;color:#7c8c80}.hub-view-tabs button[data-view="scheduling"].hidden{display:none}.production-scheduling-panel .scheduling-stats{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:760px){.hub-view-tabs button[data-view="scheduling"]{display:block}.hub-view-tabs button[data-view="scheduling"] span{display:block;margin-top:3px}.production-scheduling-panel .scheduling-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-view-tabs button{padding-left:12px;padding-right:12px}}

/* Completed line work remains visible after handoff, in a separate read-only view. */
.completed-task-list { display: grid; gap: 16px; padding: 0 20px 20px; }
.completed-task-list .order-surface { margin: 0; }
.completed-history-banner { background: #edf7f2; border: 1px solid #c8e2d6; border-radius: 12px; }
.completed-history-banner p { margin: 8px 0 0; }
#line-view-tabs button span { display: block; font-size: 12px; font-weight: 400; margin-top: 4px; }
@media (max-width: 640px) { .completed-task-list { padding: 0 12px 12px; } }