html,body{min-width:0}
.production-materials-workspace{min-width:0;min-height:100vh;background:#f4f6f5;color:var(--ink)}
.production-materials-header{min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 26px;border-bottom:1px solid var(--line);background:#fff}.production-materials-title>a{display:inline-block;margin-bottom:7px;color:#657477;font-size:13px;text-decoration:none}.production-materials-title h1{margin:0;font-size:29px;line-height:1.2}.production-materials-title p{margin:7px 0 0;color:#687679;font-size:14px}.production-materials-actions{display:flex;gap:10px}.production-materials-actions .button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;text-decoration:none}
.production-materials-tabs{height:58px;display:flex;align-items:stretch;padding:0 22px;overflow-x:auto;border-bottom:1px solid var(--line);background:#fff}.production-materials-tabs a,.production-materials-tabs button{position:relative;display:flex;align-items:center;padding:0 17px;border:0;background:transparent;color:#566568;font-size:13px;text-decoration:none;white-space:nowrap;cursor:pointer}.production-materials-tabs .is-active{color:var(--teal);font-weight:800}.production-materials-tabs .is-active:after{content:"";position:absolute;right:15px;bottom:0;left:15px;height:3px;background:var(--teal)}
.material-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:16px 18px 0}.material-summary article{min-height:100px;padding:15px 16px;border:1px solid var(--line);border-radius:6px;background:#fff}.material-summary small,.material-summary b,.material-summary span{display:block}.material-summary small{color:#687679;font-size:12px}.material-summary b{margin-top:8px;font-size:25px}.material-summary span{margin-top:5px;color:#748184;font-size:11px}.material-summary .material-summary--attention{border-color:#e8a05a;background:#fff5ea}.material-summary--attention b{color:#cc6d19}
.production-materials-grid{display:grid;grid-template-columns:minmax(760px,1fr) 390px;gap:14px;margin:14px 18px 28px}.materials-card,.material-detail{align-self:start;overflow:hidden;border:1px solid var(--line);border-radius:7px;background:#fff;box-shadow:0 3px 12px rgba(31,45,47,.035)}.materials-card>header{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 17px}.materials-card h2,.material-detail h2{margin:0;font-size:19px}.materials-card header p,.material-detail header p{margin:6px 0 0;color:#6d7a7d;font-size:12px}
.material-status{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border-radius:16px;background:#eef2f2;color:#627073;font-size:11px;white-space:nowrap}.material-status i{width:7px;height:7px;border-radius:50%;background:currentColor}.material-status--ready{background:#eaf7f0;color:#2d895b}.material-status--return,.material-status--attention{background:#fff1e3;color:#c96918}.material-status--blocked{background:#ffefee;color:#cd3e37}
.materials-filters{display:flex;gap:4px;padding:0 14px;border-bottom:1px solid var(--line)}.materials-filters button{min-height:45px;padding:0 12px;border:0;border-bottom:3px solid transparent;background:transparent;color:#687679;font-size:12px;cursor:pointer}.materials-filters button.is-active{border-bottom-color:var(--teal);color:var(--teal);font-weight:700}.materials-table-wrap{overflow-x:auto}.materials-table{width:100%;min-width:840px;border-collapse:collapse}.materials-table th{padding:12px 13px;border-bottom:1px solid var(--line);color:#6a777a;font-size:11px;font-weight:500;text-align:left;white-space:nowrap}.materials-table td{padding:13px;border-bottom:1px solid var(--line);font-size:12px;white-space:nowrap}.materials-table td:first-child{min-width:235px;white-space:normal}.materials-table td b,.materials-table td small{display:block}.materials-table td b{font-size:13px}.materials-table td small{margin-top:5px;color:#768285;font-size:10px;line-height:1.4}.material-row{cursor:pointer;outline-offset:-3px}.material-row:hover{background:#f7fafa}.material-row.is-selected{background:#eef7f7;box-shadow:inset 4px 0 var(--teal)}.material-row[hidden]{display:none}
.material-detail>header{min-height:88px;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:15px 16px;border-bottom:1px solid var(--line)}.material-detail>header>div{min-width:0}.material-detail>header h2{line-height:1.3}.material-detail-body{padding:15px 16px}.material-detail-body[hidden]{display:none}.material-balance{display:grid;grid-template-columns:repeat(2,1fr);margin:0 0 13px;border:1px solid var(--line);border-radius:5px;overflow:hidden}.material-balance>div{padding:10px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.material-balance>div:nth-child(even){border-right:0}.material-balance>div:nth-last-child(-n+2){border-bottom:0}.material-balance dt{color:#6b787b;font-size:10px}.material-balance dd{margin:5px 0 0;font-size:13px;font-weight:700}.material-note{margin:0 0 14px;padding:11px 12px;border-left:3px solid #d77a25;background:#fff3e6;font-size:11px;line-height:1.5}.material-returns h3,.material-history h3{margin:0 0 8px;font-size:15px}.material-returns article{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-top:1px solid var(--line)}.material-returns b,.material-returns small,.material-returns span{display:block}.material-returns b{font-size:12px}.material-returns small{margin-top:4px;color:#748083;font-size:10px}.material-returns article span{margin-top:7px;color:var(--teal);font-size:10px}.material-returns em{align-self:flex-start;padding:5px 7px;border-radius:13px;background:#fff1e3;color:#c96918;font-size:10px;font-style:normal;white-space:nowrap}.material-returns em.is-ready{background:#eaf7f0;color:#2d895b}.material-detail-actions{display:grid;gap:8px;margin-top:13px}.material-detail-actions .button{min-height:44px;font-size:12px}.material-history article{padding:12px 0;border-top:1px solid var(--line)}.material-history article b{font-size:12px}.material-history article p{margin:5px 0 0;color:#667477;font-size:11px;line-height:1.45}.material-history .button{width:100%;margin-top:10px}
.material-detail-actions a.button{display:flex;align-items:center;justify-content:center;text-decoration:none}
.production-materials-toast{position:fixed;right:22px;bottom:22px;z-index:40;min-width:330px;max-width:450px;display:flex;align-items:center;gap:11px;padding:13px 15px;border:1px solid #9bbec0;border-radius:7px;background:#f3f9f9;box-shadow:0 12px 30px rgba(24,48,49,.18)}.production-materials-toast>span{width:28px;height:28px;display:grid;flex:0 0 28px;place-items:center;border-radius:50%;background:#dceff0;color:var(--teal)}.production-materials-toast b,.production-materials-toast p{display:block;margin:0}.production-materials-toast b{font-size:12px}.production-materials-toast p{margin-top:3px;color:#637679;font-size:11px;line-height:1.4}.production-materials-toast[hidden]{display:none}.materials-mobile-nav{display:none}
@media(max-width:1380px){.production-materials-grid{grid-template-columns:minmax(720px,1fr) 360px}.production-materials-header{padding-left:20px;padding-right:20px}.material-summary{gap:9px;padding-left:14px;padding-right:14px}.production-materials-grid{margin-left:14px;margin-right:14px}}
@media(max-width:720px){html,body{min-width:0;background:#f4f6f5}.app-shell{min-height:100vh}.sidebar{display:none}.production-materials-workspace{min-width:0;margin-left:0;padding-bottom:76px}.production-materials-header{min-height:0;display:block;padding:13px}.production-materials-title>a{margin-bottom:6px;font-size:11px}.production-materials-title h1{font-size:21px}.production-materials-title p{font-size:11px;line-height:1.4}.production-materials-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.production-materials-actions .button{min-height:48px;padding:0 8px;font-size:11px}.production-materials-tabs{display:none}.material-summary{grid-template-columns:1fr 1fr;gap:7px;padding:9px}.material-summary article{min-height:78px;padding:10px}.material-summary article:nth-child(2){display:none}.material-summary article:last-child{grid-column:1/-1}.material-summary small{font-size:10px}.material-summary b{margin-top:5px;font-size:19px}.material-summary span{font-size:9px}.production-materials-grid{display:block;margin:0 9px 10px}.materials-card,.material-detail{margin-bottom:9px;box-shadow:none}.materials-card>header{min-height:64px;padding:11px}.materials-card h2,.material-detail h2{font-size:17px}.materials-card header p,.material-detail header p{font-size:10px}.materials-card>header>.material-status{display:none}.materials-filters{overflow-x:auto;padding:0 6px}.materials-filters button{min-height:44px;padding:0 9px;font-size:10px}.materials-table-wrap{overflow:visible}.materials-table{min-width:0}.materials-table thead{display:none}.materials-table,.materials-table tbody,.materials-table tr,.materials-table td{display:block;width:100%}.materials-table tr{position:relative;padding:11px 11px 9px;border-bottom:1px solid var(--line)}.materials-table td{min-height:28px;display:grid;grid-template-columns:95px 1fr;align-items:start;gap:8px;padding:4px 0;border:0;font-size:11px;text-align:right;white-space:normal}.materials-table td:before{content:attr(data-label);color:#748184;font-size:10px;text-align:left}.materials-table td:first-child{min-width:0;display:block;padding:0 74px 8px 0;text-align:left}.materials-table td:first-child:before{display:none}.materials-table td b{font-size:13px;line-height:1.35}.materials-table td small{font-size:10px}.materials-table td:last-child{position:absolute;top:10px;right:9px;display:block;width:auto;min-height:0;padding:0}.materials-table td:last-child:before{display:none}.materials-table .material-status{max-width:68px;overflow:hidden;padding:5px 7px;font-size:9px;text-overflow:ellipsis}.material-row.is-selected{box-shadow:inset 3px 0 var(--teal)}.material-detail>header{min-height:72px;padding:12px}.material-detail>header .material-status{max-width:105px;overflow:hidden;font-size:9px;text-overflow:ellipsis}.material-detail-body{padding:11px}.material-balance>div{padding:9px}.material-note{font-size:10px}.material-returns article{padding:11px 0}.material-detail-actions .button{min-height:50px}.materials-mobile-nav{position:fixed;right:0;bottom:0;left:0;z-index:35;display:grid;grid-template-columns:repeat(4,1fr);padding:5px 4px 7px;border-top:1px solid var(--line);background:#fff}.materials-mobile-nav a,.materials-mobile-nav button{min-height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;background:transparent;color:#657477;font-size:9px;text-decoration:none}.materials-mobile-nav span{font-size:18px}.materials-mobile-nav .is-active{color:var(--teal);font-weight:700}.production-materials-toast{right:9px;bottom:76px;left:9px;min-width:0}.production-materials-toast b{font-size:11px}.production-materials-toast p{font-size:10px}}
/* Responsive static demo chain, no stock actions. */
.production-materials-header{flex-wrap:wrap}.production-materials-title{min-width:0}
.production-materials-title h1,.production-materials-title p{overflow-wrap:anywhere}
.production-materials-actions{flex-wrap:wrap}
.production-materials-grid{grid-template-columns:minmax(0,1fr) 350px}
.material-balance>div{display:block;min-width:0}.material-balance dd{overflow-wrap:anywhere}
.material-detail>header{flex-wrap:wrap}.material-detail{min-width:0}
@media(max-width:1280px){.production-materials-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:720px){.production-materials-workspace{margin-left:64px}.sidebar{display:block}.materials-mobile-nav{left:64px}.production-materials-actions{display:flex}.production-materials-actions .button{white-space:normal}.production-materials-toast{left:72px;min-width:0}.material-detail-actions .button{white-space:normal;height:auto;padding:10px}.material-summary{grid-template-columns:minmax(0,1fr)}.material-summary article:nth-child(2){display:block}.materials-filters{flex-wrap:wrap}.materials-table td:first-child{padding-right:0}.materials-table td:last-child{position:static;width:auto}.materials-table .material-status{max-width:100%;white-space:normal}}