.production-flow{max-width:1120px}.production-narrow{max-width:900px}.production-steps{display:flex;align-items:center;margin-bottom:20px;color:#50cda4;font-size:14px}.production-steps>*{position:relative;padding:15px 25px 15px 20px}.production-steps b{background:#3f91cf;color:#fff;font-weight:600}.production-steps b:after{content:"";position:absolute;right:-20px;top:0;border-top:24px solid transparent;border-bottom:24px solid transparent;border-left:20px solid #3f91cf;z-index:2}.production-steps b+*{padding-left:36px}.production-panel{overflow:hidden;border-radius:5px;background:#fff;box-shadow:0 13px 28px rgba(20,37,56,.22)}.production-panel>header{padding:17px 20px;color:#fff;font-size:16px}.production-panel.green>header{background:#58b95b}.production-panel.blue>header{background:#367fb9}.production-body{padding:20px}.production-hint,.production-success,.production-danger{padding:17px;border-radius:5px;background:#fff9df;color:#986d2d;line-height:1.5}.production-success{background:#e5f5dd;color:#358243}.production-danger{background:#fde9e9;color:#b43f3f}.production-search{display:block;width:min(510px,100%);margin-top:20px;border:1px solid #9299a2;border-radius:4px;overflow:hidden}.production-search input{width:100%;box-sizing:border-box;padding:10px;border:0;border-bottom:1px solid #bbb;font:inherit}.production-search small{display:block;padding:8px;color:#738095}.production-results{display:grid;width:min(700px,100%);margin-top:8px}.production-results button{display:flex;justify-content:space-between;align-items:center;border:1px solid #d9e0e8;border-top:0;background:#fff;padding:11px;text-align:left;cursor:pointer}.production-results button:hover{background:#f0f7ff}.production-results button[hidden]{display:none}.production-results small{color:#75869b}.production-dialog{width:min(690px,calc(100% - 30px));padding:0;border:0;border-radius:5px;box-shadow:0 18px 50px rgba(0,0,0,.35)}.production-dialog::backdrop{background:rgba(18,27,36,.58)}.production-dialog header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#62cbaa;color:#fff}.production-dialog h2{margin:0;font-size:20px;font-weight:500}.production-dialog header button{border:0;background:transparent;color:#d9fff4;font-size:28px;cursor:pointer}.production-dialog-body{display:grid;gap:15px;padding:22px}.production-dialog-body>strong{color:#20466c}.production-dialog-body label{display:grid;gap:7px;color:#5f6875;font-weight:700}.production-dialog-body input,.production-dialog-body select,.production-dialog-body textarea{box-sizing:border-box;width:100%;padding:11px;border:1px solid #cdd4dc;border-radius:5px;font:inherit;font-weight:400}.production-dialog footer{display:flex;justify-content:flex-end;gap:12px;padding:15px 20px;border-top:1px solid #e2e4e7}.production-dialog footer button,.production-footer-actions a,.production-footer-actions button,.production-done-actions a{border:0;border-radius:5px;padding:11px 15px;background:#55b95a;color:#fff;text-decoration:none;font-weight:800;cursor:pointer}.production-dialog footer .cancel,.production-footer-actions a{background:#f0a63a}.production-date{display:inline-block;margin:8px 0 2px;padding:9px 12px;border:1px solid #cdd4dc;border-radius:5px}.production-item-list{margin-top:18px}.production-item-list>p{padding:14px;background:#fde7e7;color:#c44a4a}.production-item-list>div{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid #dde4eb;border-bottom:0}.production-item-list>div span{flex:1}.production-item-list>div small{display:block;color:#738095}.production-item-list>div button{border:0;background:#ffe9e9;color:#c84444;border-radius:5px;padding:6px 10px}.production-footer-actions{display:flex;justify-content:space-between;margin:20px -20px -20px;padding:18px 20px;border-top:1px solid #e1e5ea}.production-footer-actions button{background:#db4d4d}.production-done-actions{display:flex;gap:18px;margin:20px 0}.production-done-actions a{background:#dc4e4e}.production-done-actions a.new{background:#51b658}@media(max-width:700px){.production-steps{font-size:11px;overflow-x:auto}.production-steps>*{white-space:nowrap;padding:12px 18px}.production-steps b:after{border-top-width:20px;border-bottom-width:20px}.production-body{padding:14px}.production-footer-actions{margin:18px -14px -14px}.production-done-actions{flex-direction:column}.production-done-actions a{text-align:center}}