.materials-page,.materials-page *{box-sizing:border-box}.materials-page{min-width:0;display:grid;gap:1.5rem}.materials-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem}.materials-heading>*{min-width:0}.materials-actions{display:flex;flex-wrap:wrap;gap:.75rem}.materials-actions a,.materials-page button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.7rem 1rem;border-radius:.65rem}.material-summary{padding:1.25rem;border:1px solid #c8d3c5;border-radius:1rem;background:#f3f7ef}.material-summary h2{margin:.35rem 0;font-size:clamp(1.1rem,3vw,1.5rem)}.material-form-section,.material-history article,.material-filters{min-width:0;border:1px solid #d8ded4;border-radius:1rem;padding:1rem}.material-items,.material-history{display:grid;gap:1rem}.material-item{min-width:0;display:grid;grid-template-columns:minmax(0,2fr) minmax(7rem,1fr) minmax(8rem,1fr);gap:.85rem;border:1px solid #d8ded4;border-radius:.8rem;padding:1rem}.material-item legend{padding:0 .4rem;font-weight:700}.material-item label,.material-filters label{min-width:0;display:grid;gap:.35rem}.material-item label:last-of-type{grid-column:1/-1}.material-item input,.material-item select,.material-filters input,.material-filters select{width:100%;min-width:0;min-height:44px}.material-item [data-remove-material]{justify-self:start}.material-form-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.material-history article{overflow-wrap:anywhere}.material-history header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.status{display:inline-flex;padding:.25rem .55rem;border-radius:999px;font-weight:700}.status-pending{background:#fff1bf;color:#704f00}.status-confirmed{background:#d8f0dc;color:#1d5a2a}.status-rejected{background:#f9d9d6;color:#7c211b}.material-correction,.notice{padding:.85rem 1rem;border-radius:.65rem}.material-correction{background:#f4f1e8}.notice.success{background:#d8f0dc;color:#1d5a2a}.notice.error{border-left:4px solid #b3372d;background:#fbe8e6;color:#7c211b}.material-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.material-filters button{align-self:end}.materials-page :focus-visible{outline:3px solid #b87922;outline-offset:3px}.visually-hidden-live{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (max-width: 43.75rem){.materials-heading{display:grid}.materials-actions{display:grid}.materials-actions a{width:100%}.material-item,.material-filters{grid-template-columns:1fr}.material-item label:last-of-type{grid-column:auto}.material-history header{display:grid}.material-form-actions{display:grid}.material-form-actions>*{width:100%}}