.production-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin:16px 0 20px}.production-head h3{margin:0 0 7px}.production-head p{max-width:690px;line-height:1.7}.production-head .row-actions{display:flex;gap:8px;flex-wrap:wrap}.production-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:22px}.production-stats .panel{padding:18px 20px}.production-stats small{display:block;color:#8b8390;font-size:11px}.production-stats strong{display:block;font-size:26px;margin-top:8px;font-weight:500;color:var(--ink)}.production-toolbar{margin-bottom:18px}.production-toolbar .search{max-width:490px}.production-list{display:grid;gap:12px}.production-card{padding:20px 22px}.production-card.inactive{opacity:.65}.production-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.production-card-head h3{font-size:16px;margin:9px 0 6px}.production-card-head small{color:#8b8390}.production-card-head .row-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.production-materials{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.production-materials span{display:inline-block;padding:9px 12px;background:#f7f3fb;border:1px solid #eee8f4;border-radius:8px;font-size:11px;color:#5b5261}.production-materials b{margin-left:5px;color:var(--ink)}.production-details{border-top:1px solid var(--line);margin-top:16px;padding-top:13px}.production-details summary{font-size:12px;color:var(--violet);cursor:pointer}.production-details p{font-size:11px;margin:12px 0 0}.production-modal-subhead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:20px 0 10px}.production-modal-subhead h3{font-size:13px;margin:0}.production-bom-line{display:grid;grid-template-columns:1fr 150px 35px;gap:8px;align-items:end;margin:8px 0}.production-bom-line .icon-button{align-self:end;margin-bottom:5px}
@media(max-width:750px){.production-head,.production-card-head{flex-direction:column}.production-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.production-bom-line{grid-template-columns:1fr 100px 30px}}
@media(max-width:480px){.production-stats{grid-template-columns:1fr 1fr}.production-bom-line{grid-template-columns:1fr 1fr}.production-bom-line label:first-child{grid-column:1/-1}.production-bom-line .icon-button{grid-column:2;justify-self:end}}