.home-materials{margin:24px 0 30px;border:1px solid #e7b154;border-radius:16px;overflow:hidden;background:#fffaf0;box-shadow:0 3px 14px #8152000c}
.home-materials-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;background:#f4bd58;color:#342718}
.home-materials-heading h2{font-size:19px;letter-spacing:1.5px;margin:0 0 5px;font-weight:800}
.home-materials-heading p{margin:0;font-size:14px;color:#493616;font-weight:500}
.home-materials-count{background:#fff7df;border:1px solid #d9a044;border-radius:20px;padding:7px 12px;font-size:12px;font-weight:700;white-space:nowrap}
.home-materials-body{padding:4px 24px 20px}.home-materials-order{padding:18px 0;border-bottom:1px solid #ecd9b5}.home-materials-order:last-child{border-bottom:0;padding-bottom:0}
.home-materials-order-title{display:flex;justify-content:space-between;align-items:center;gap:16px}.home-materials-order h3{font-size:14px;margin:0 0 5px;overflow-wrap:anywhere}.home-materials-order ul{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:7px}.home-materials-order li{display:flex;justify-content:space-between;gap:16px;font-size:13px}.home-materials-order li>span{min-width:0;overflow-wrap:anywhere}.home-materials-order li>strong{white-space:nowrap;color:#674b1b}.material-stage{display:inline-block;font-size:11px;font-weight:600;border-radius:5px;background:#e9edef;color:#46565f;padding:3px 7px;white-space:nowrap}.home-materials-order .material-stage{background:#f6ead1;color:#6a532b;margin-left:5px}
.home-materials-empty{padding:22px 0 0;font-size:14px}.home-materials-empty p{color:#685d4d;margin:7px 0 14px}.home-materials-body>.btn{margin-top:16px}
.order-materials .detail-heading{align-items:flex-start;flex-wrap:wrap;gap:12px}.order-materials .detail-heading h3{margin-bottom:6px}.order-materials .detail-heading p{font-size:13px;color:#66737b}.order-needs-list{display:grid;gap:14px}.order-need-card{padding:18px;border:1px solid #dce2e5;background:#fff;border-radius:12px;min-width:0}.order-need-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.order-need-top>div{min-width:0}.order-need-top h4{font-size:15px;margin:0 0 9px;overflow-wrap:anywhere}.order-need-top p{margin:7px 0;color:#637078;font-size:12px;overflow-wrap:anywhere}.material-notes{white-space:pre-wrap}.order-need-top>.tag{flex-shrink:0}.order-need-quantities{display:flex;flex-wrap:wrap;gap:12px 28px;margin:18px 0;font-size:12px;color:#64717a}.order-need-quantities strong{display:block;margin-top:3px;font-size:15px;color:#283a43}.order-need-quantities .material-pending strong{color:#906115}.order-need-card .actions{flex-wrap:wrap;gap:8px}.order-need-history{margin-top:15px;border-top:1px solid #edf0f2;padding-top:12px}.order-need-history summary,.order-needs-archived summary,.order-materials-technical summary{cursor:pointer;font-size:13px;font-weight:600;padding:5px 0}.order-need-history-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #edf0f2;font-size:12px}.order-need-history-row>div{min-width:0;overflow-wrap:anywhere}.order-need-history-row p{margin:4px 0}.order-need-history-row:last-child{border-bottom:0}.material-reversed{color:#9a443e}.order-needs-archived{margin-top:20px}.order-needs-archived .order-need-card{margin-top:10px;background:#f4f6f7}.material-record-note{font-size:12px;line-height:1.6;margin:18px 0}.order-materials-technical{margin-top:25px;border-top:1px solid #dce2e5;padding-top:12px}.order-materials-technical>.panel{margin-top:14px}
@media(max-width:650px){.home-materials-heading{align-items:flex-start;flex-direction:column;padding:18px}.home-materials-body{padding:0 16px 18px}.home-materials-order-title{align-items:flex-start;gap:8px}.home-materials-order-title>.btn{font-size:11px;padding:8px;flex-shrink:0}.home-materials-order li{font-size:12px}.home-materials-order .material-stage{display:table;margin:4px 0 0}.order-need-card{padding:14px}.order-need-top{flex-direction:column}.order-need-history-row{align-items:flex-start;flex-direction:column}.order-need-quantities{gap:14px}.order-materials .detail-heading>.actions{width:100%;flex-wrap:wrap}}