.procurement-work{color:#193657;max-width:1400px;margin:auto}.procurement-work button{font:inherit;padding:10px 14px;border:1px solid #cedbed;border-radius:9px;background:#fff;color:#245caa;cursor:pointer}.procurement-work button:disabled{opacity:.5;cursor:default}.procurement-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.procurement-heading h1{font-size:28px;margin:4px 0}.procurement-heading p{color:#61758e;font-size:14px;margin:6px 0}.procurement-groups{display:flex;gap:8px;border-bottom:1px solid #dae3ef;padding-bottom:14px}.procurement-work [aria-pressed=true]{background:#eaf1ff;border-color:#2d64d6;color:#174eae}.procurement-search{display:flex;gap:8px;margin:20px 0 14px}.procurement-search input{flex:1;min-width:0;padding:12px;border:1px solid #cbd8eb;border-radius:9px;font:inherit}.procurement-filters{display:flex;gap:8px;flex-wrap:wrap}.procurement-filters button{font-size:14px}.procurement-filters b{margin-left:6px}.procurement-hint,.procurement-boundary{font-size:13px;color:#647891;line-height:1.7;margin:16px 0}.procurement-rows{display:grid;gap:12px}.procurement-rows article{display:grid;grid-template-columns:minmax(170px,1fr) minmax(230px,1.7fr) minmax(135px,.8fr) 122px;gap:20px;align-items:start;padding:20px;background:white;border:1px solid #dbe4f0;border-radius:14px;overflow-wrap:anywhere}.procurement-customer,.procurement-quantity,.procurement-actions{display:grid;gap:9px}.procurement-customer small{color:#6b7d96;line-height:1.5}.procurement-material h2{font-size:17px;margin:0 0 8px}.procurement-material p{font-size:13px;color:#62748c;line-height:1.6;margin:6px 0}.procurement-material summary{font-size:13px;color:#3462a4;cursor:pointer}.procurement-quantity{font-size:14px}.procurement-status{justify-self:start;background:#edf3fd;color:#2d5c9a;border-radius:6px;padding:5px 8px;font-size:12px}.procurement-status[data-status=purchase]{background:#fff2df;color:#9b560e}.procurement-status[data-status=partial]{background:#e8f6f5;color:#15756c}.procurement-work .procurement-primary{background:#2862d4;color:white;border-color:#2862d4}.procurement-actions button{font-size:13px}.procurement-material .procurement-caution{color:#915518;background:#fff5e6;padding:8px;border-radius:7px}.procurement-pages{display:flex;align-items:center;justify-content:center;gap:16px;margin:24px 0;font-size:14px}.procurement-empty{background:white;border:1px dashed #cfdaeb;padding:28px;border-radius:12px;color:#647891}.procurement-boundary summary{cursor:pointer}
@media(max-width:1100px){.procurement-rows article{grid-template-columns:minmax(150px,1fr) minmax(210px,1.5fr)}.procurement-actions{display:flex;justify-content:flex-end;flex-wrap:wrap}.procurement-quantity{display:flex;flex-wrap:wrap;align-items:center}}
@media(max-width:600px){.procurement-heading{margin-bottom:16px}.procurement-heading h1{font-size:24px}.procurement-rows article{grid-template-columns:minmax(0,1fr);gap:14px;padding:16px}.procurement-search{flex-wrap:wrap}.procurement-search input{flex-basis:100%;font-size:16px}.procurement-groups button{padding:10px;font-size:14px}.procurement-filters button{padding:8px 10px;font-size:13px}.procurement-actions{justify-content:flex-start;border-top:1px solid #e7edf5;padding-top:12px}.procurement-customer small{font-size:12px}}