.production-progress{padding:22px;border:1px solid #d4ded6;border-radius:16px;background:#f2f5ed;color:#244b43;margin:18px 0}.production-progress h3{font:500 23px Georgia,serif;margin:0 0 10px}.production-progress p{font-size:14px;line-height:1.6;margin:8px 0}.production-steps{display:flex;gap:8px;list-style:none;padding:0;margin:22px 0;flex-wrap:wrap}.production-steps li{flex:1;min-width:74px;border-top:4px solid #d5ddd1;padding-top:12px;font-size:12px;color:#526259}.production-steps li.passed{border-color:#91b09b}.production-steps li.current{border-color:#244b43;color:#244b43;font-weight:bold}.production-history{font-size:13px;border-top:1px solid #d4ded6;padding-top:12px}.production-history summary{cursor:pointer;min-height:28px}.production-history ul{list-style:none;padding:0}.production-history li{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #d4ded6;padding:10px 0}.production-history time{font-size:12px}.production-editor{background:#f7f4fc;border:1px solid #e2d8ef;padding:20px;border-radius:14px}.production-editor h3{margin-top:0}.production-editor select{max-width:100%}
@media(max-width:640px){.production-progress{padding:16px}.production-steps{display:grid;grid-template-columns:1fr;gap:10px}.production-steps li{border-top:0;border-left:4px solid #d5ddd1;padding:3px 0 3px 10px;min-width:0}.production-steps li.passed{border-left-color:#91b09b}.production-steps li.current{border-left-color:#244b43}.production-history li{flex-direction:column;gap:4px}.production-editor{padding:16px}}