.job-materials{margin:24px 0;padding:20px;border:1px solid var(--border,#d8d5cd);border-radius:12px;background:var(--surface,#fff);color:var(--ink,#222)}
.materials-heading{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}.materials-heading h2{font-size:20px;margin:0 0 12px}.materials-hint{font-size:13px;color:var(--ink-2,#666)}
.materials-tools{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.job-materials button,.materials-dialog button{min-height:36px}.materials-add{margin:12px 0}.materials-add summary{cursor:pointer;font-weight:600;padding:8px 0}
.job-materials input,.job-materials textarea,.materials-dialog input{box-sizing:border-box;min-width:0;padding:8px;border:1px solid var(--border,#ddd);border-radius:5px;background:var(--surface-2,#fafafa);color:inherit;font:inherit}.materials-add textarea{width:100%;margin:4px 0 8px}
.material-row{display:grid;grid-template-columns:86px minmax(140px,2fr) minmax(70px,.7fr) minmax(70px,.7fr) minmax(90px,1fr) 90px auto;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--border,#ddd)}.material-field{display:flex;flex-direction:column;gap:4px;min-width:0}.material-field>span{font-size:11px;color:var(--ink-2,#666)}.material-field input{width:100%}.material-info{display:grid;gap:5px}.material-retailer{font-size:12px;color:var(--ink-2,#666);width:fit-content}.material-total{text-align:right;font-size:13px}
.material-tick[aria-pressed=true]{background:var(--accent-soft,#e5f0e4);border-color:var(--accent,#537657)}.materials-footer{padding:16px 0;font-weight:600;font-size:14px;line-height:1.8}.materials-status{font-size:13px;margin:6px 0;white-space:normal}.materials-status[role=alert]{color:var(--danger,#af3029)}
.materials-shopping .material-row{grid-template-columns:105px 1fr 95px}.materials-shopping .material-tick{min-height:56px;font-size:16px}.materials-shopping .material-info{gap:8px}.materials-shopping h3{font-size:14px;margin:22px 0 0}
.materials-dialog{width:min(650px,90vw);max-height:85vh;overflow:auto;border:1px solid var(--border,#ddd);border-radius:12px;padding:24px;background:var(--surface,#fff);color:var(--ink,#222)}.materials-dialog::backdrop{background:#0008}.materials-dialog fieldset{border:1px solid var(--border,#ddd);border-radius:8px;margin:12px 0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.materials-dialog button{margin:6px}.materials-template{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border,#ddd);padding:8px}.materials-template strong{flex:1}
@media(max-width:850px){.material-row{grid-template-columns:80px 1fr 1fr}.material-info{grid-column:2/4}.material-total{text-align:left}.job-materials{padding:14px}.materials-shopping .material-info{grid-column:auto}.materials-shopping .material-row{grid-template-columns:90px 1fr 85px;gap:8px}.materials-heading{gap:0}.materials-heading .materials-hint{width:100%}}