.job-materials{margin:22px 0;padding:20px;border:1px solid #e2e5e8;border-radius:16px;background:#fff;color:#222;min-width:0}.job-materials-compact{margin:0 0 18px;border-left:4px solid #f15a24}.job-materials-compact .materials-help{margin-bottom:0}.job-materials-compact .materials-empty{margin-top:12px;padding:0;background:transparent}.job-materials-compact .materials-empty>svg{display:none}.materials-history>summary{cursor:pointer;min-height:44px;padding:12px 0 0;color:#9c431a;font-size:14px;font-weight:600;overflow-wrap:anywhere}.materials-history>summary:focus-visible{outline:2px solid #a4491d;outline-offset:3px}.materials-entry>header,.materials-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.materials-eyebrow{display:flex;align-items:center;gap:6px;color:#9c431a;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.materials-heading h3{margin:5px 0;font-size:20px}.job-materials button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px;white-space:normal}.materials-help{font-size:14px;color:#60656b;margin:8px 0 16px}.materials-office-note{padding:12px;background:#f4f6f8;border-radius:10px;font-size:14px}.materials-form{padding:16px 0}.materials-form fieldset{border:0;padding:0;margin:0;min-width:0}.materials-form legend{font-weight:700;margin-bottom:14px}.materials-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;min-width:0}.materials-form input,.materials-form select,.materials-form textarea{width:100%;min-width:0;border:1px solid #d5d9de;border-radius:9px;background:white;color:#222;padding:11px 12px;font:inherit;font-size:16px;box-sizing:border-box;min-height:44px}.materials-form textarea{resize:vertical}.materials-form :is(input,select,textarea,button):focus-visible,.materials-receipt:focus-visible{outline:2px solid #a4491d;outline-offset:3px}.materials-item{display:grid;grid-template-columns:minmax(0,1fr) 90px 105px 44px;gap:10px;align-items:end;margin-bottom:12px}.material-remove{width:44px;padding:8px!important}.materials-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.materials-fields label:last-child{grid-column:1/-1}.materials-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.materials-actions .primary{flex:1}.materials-empty{display:flex;align-items:center;gap:12px;padding:14px;background:#f8f9fa;border-radius:10px;color:#626970}.materials-empty p{margin:0;font-size:14px}.materials-entry{border-top:1px solid #e6e8eb;padding-top:18px;margin-top:18px}.materials-entry>header>div{display:flex;flex-direction:column;gap:4px}.materials-entry>header span{font-size:12px;color:#666}.materials-entry>header button{font-size:12px}.materials-used{list-style:none;margin:14px 0;padding:0}.materials-used li{display:flex;align-items:baseline;justify-content:space-between;gap:15px;padding:9px 0;border-bottom:1px solid #f0f1f3;font-size:14px}.materials-used li span{overflow-wrap:anywhere}.materials-used li strong{flex-shrink:0}.materials-reference{font-size:13px;color:#555}.materials-entry>p,.materials-reference{overflow-wrap:anywhere}.materials-receipts{display:grid;grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:10px;margin-top:14px}.materials-receipt{border:1px solid #e2e5e8;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;align-items:center;color:#222;text-decoration:none;min-width:0;background:#f8f9fa}.materials-receipt img{width:100%;height:120px;object-fit:cover}.materials-receipt>svg{margin:40px 0}.materials-receipt>span{width:100%;padding:10px;box-sizing:border-box;background:white;font-size:12px;overflow-wrap:anywhere}.materials-receipt small{display:block;color:#626970;margin-top:5px}.job-materials .photo-picker{margin-top:18px}.job-materials .photo-picker-grid figure>a{min-height:90px;display:flex;align-items:center;justify-content:center;padding:10px;overflow-wrap:anywhere}@media(max-width:640px){.job-materials{padding:16px}.materials-heading{align-items:stretch;flex-direction:column}.materials-heading>button{width:100%}.materials-item{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px;padding:12px;background:#f7f8fa;border-radius:10px}.material-description{grid-column:1/-1}.materials-fields{grid-template-columns:1fr}.materials-entry>header{align-items:flex-start}.materials-actions{flex-direction:column}.materials-actions>button{width:100%}.materials-receipts{grid-template-columns:repeat(2,minmax(0,1fr))}}.po-issued{padding:18px;margin-top:16px;border:1px solid #ddc2aa;background:#fff7ef;border-radius:12px}.po-issued>strong{display:block;font-size:24px;overflow-wrap:anywhere;margin:12px 0;user-select:all}.po-issued>p{font-size:13px;color:#666}.delete-supplier-po button{display:inline-flex;gap:7px;align-items:center}.delete-supplier-po{min-width:0}.materials-actions>.delete-supplier-po{margin-left:auto}.materials-actions>a{align-self:center}