/* Kajana KMS v3.3.6 - Production Materials & BOM */
.material-master-box{border:1px solid #e4dfd6;border-radius:14px;padding:14px;background:#faf9f6}
.panel-head.compact{margin-bottom:10px}
.inline-material-creator{padding:12px;margin:10px 0;border:1px solid #f0cf38;border-radius:12px;background:#fff8d8}
.inline-material-creator.hidden{display:none}
.material-bom-line{display:grid;grid-template-columns:minmax(280px,2fr) minmax(110px,.7fr) minmax(100px,.6fr) auto;gap:10px;align-items:end;padding:12px 0;border-bottom:1px solid #e8e3da}
.material-picker{display:grid;gap:6px}
.material-picker input,.material-picker select,.material-bom-line input{width:100%;border:1px solid #d7d1c7;border-radius:10px;padding:10px;background:#fff;font:inherit}
.material-picker select{height:110px;padding:5px}
.material-bom-line label{font-size:12px;font-weight:700}
.production-material-row{display:grid;grid-template-columns:minmax(0,1fr) 150px 55px;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #e8e3da}
.production-material-row span{display:flex;flex-direction:column}
.production-material-row small{font-weight:400;color:#6c675f}
.production-material-row input{width:100%;padding:10px;border:1px solid #d7d1c7;border-radius:9px}
@media(max-width:700px){
 .material-bom-line{grid-template-columns:1fr 1fr}
 .material-picker{grid-column:1/-1}
 .material-bom-line .removeMaterial{justify-self:end}
 .production-material-row{grid-template-columns:1fr 100px 42px}
}