/* ТЕМП v12.4 — материалы внутри вида работ */
.report-work-v124{padding-bottom:14px}
.work-materials-v124{margin:12px 0 8px;padding:12px;border:1px solid rgba(70,138,255,.22);background:rgba(27,91,190,.07);border-radius:12px}
.work-materials-head-v124{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;font-size:13px;font-weight:700}
.work-materials-head-v124 .tiny{font-weight:500;opacity:.72}
.work-material-row-v124{padding:8px 0;border-top:1px solid rgba(130,155,190,.14)}
.work-material-row-v124:first-of-type{border-top:0}
.work-material-main-v124{display:grid;grid-template-columns:minmax(210px,1fr) minmax(140px,220px) 34px;gap:8px;align-items:center}
.work-material-qty-v124{display:grid;grid-template-columns:1fr auto;gap:7px;align-items:center}
.work-material-remove-v124{width:34px;height:34px;border:0;border-radius:9px;background:rgba(239,68,68,.12);color:#ef4444;font-size:20px;cursor:pointer}
.work-material-balance-v124{margin-top:5px;font-size:11px;opacity:.78}
.work-material-balance-v124.bad{color:#ef4444;opacity:1;font-weight:700}
.work-material-add-v124{margin-top:8px}
.work-material-empty-v124{padding-top:4px;opacity:.7}
.material-note-v124{display:flex;flex-direction:column;gap:4px;margin:14px 0;padding:12px 14px;border-radius:12px;background:rgba(59,130,246,.08);border:1px solid rgba(59,130,246,.18);font-size:12px}
.material-note-v124 span{opacity:.78}
@media(max-width:700px){
  .work-materials-head-v124{align-items:flex-start;flex-direction:column;gap:2px}
  .work-material-main-v124{grid-template-columns:1fr 34px}
  .work-material-main-v124>select{grid-column:1/-1}
  .work-material-qty-v124{grid-column:1/2}
  .work-material-remove-v124{grid-column:2/3}
}