@media (max-width:900px){
:root{--pb-green:#4f6b5c;--pb-green-dark:#33483d;--pb-bg:#f5f6f5;--pb-card:#fff;--pb-line:#e1e5e2;--pb-muted:#6c746f}
html,body{max-width:100%;overflow-x:hidden;background:var(--pb-bg)}body{font-size:15px;color:#26312b}
.toolbar{position:sticky;top:0;z-index:20;min-height:52px;padding:7px 10px;background:#fff;color:#27342d;border:0;border-bottom:1px solid var(--pb-line);box-shadow:0 1px 8px #0000000d;overflow:hidden;gap:7px}
.brand{font-size:13px;letter-spacing:.35px;margin-right:auto;max-width:115px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#34473d}.toolbar .spacer{display:none}.toolbar .btn:not(#newO):not(#lo){display:none!important}.toolbar #newO{margin-left:auto;background:var(--pb-green);border-color:var(--pb-green);color:#fff;border-radius:10px;padding:9px 12px;font-size:13px}.toolbar #lo{background:#fff;color:var(--pb-muted);border:1px solid var(--pb-line);border-radius:10px;padding:9px 10px;font-size:12px}
.tabs{position:sticky;top:52px;z-index:15;display:flex!important;align-items:center;min-height:44px;padding:4px 7px!important;gap:5px;background:#fff;border-bottom:1px solid var(--pb-line);overflow-x:auto!important;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs>button,.card-tab-wrap>button{flex:0 0 auto!important;min-width:auto!important;padding:8px 11px!important;border:1px solid var(--pb-line)!important;border-radius:9px!important;background:#fff!important;color:#526058!important;font-size:12px!important;line-height:1!important}.tabs button.active{background:#e8efeb!important;color:var(--pb-green-dark)!important;border-color:#cad7d0!important}.card-tab-wrap{display:flex!important;gap:5px!important}
.workspace{display:block;padding:8px;background:var(--pb-bg)}.right{border:0!important;background:transparent!important;padding:0!important}.righttop{display:grid!important;grid-template-columns:minmax(0,1fr) 138px;gap:7px;margin:0 0 8px}.righttop input,.righttop select{width:100%;min-width:0;height:42px;padding:8px 11px;border:1px solid #d5dad7;border-radius:11px;background:#fff;font-size:16px;color:#303a35;box-shadow:none}.righttop input:focus,.righttop select:focus{outline:2px solid #cad9d1;outline-offset:0;border-color:#adc2b6}
.cards{display:block}.card{margin:0 0 8px;padding:12px 14px;border:1px solid #dadddb;border-radius:14px;background:#fff;box-shadow:0 1px 2px #00000008;line-height:1.28}.card:active{background:#f5f8f6}.card>b{display:block;margin-bottom:5px;font-size:16px;line-height:1.2;color:#26352e}.card>div{font-size:16px;font-weight:600;color:#303a35;margin-bottom:4px}.card>small{display:block;font-size:13px;color:#68716c;line-height:1.35}.selected{background:#eef4f0!important}
.left{min-width:0}.panel,.section{border:1px solid var(--pb-line);border-radius:14px;background:#fff;overflow:hidden;box-shadow:0 1px 2px #00000008}.head,.materials-head,.comments-section>summary,.audit-section>summary{background:#fff!important;color:#324038!important;border-bottom:1px solid var(--pb-line);padding:10px 12px!important;font-size:12px;letter-spacing:.02em}.section{margin-top:8px}.form{grid-template-columns:95px minmax(0,1fr);gap:7px;padding:11px;background:#fafbfa}.form label{font-size:12px;color:#58635d}.form input,.form select{min-height:39px;border:1px solid #d2d8d4;border-radius:8px;background:#fff}.finance{grid-template-columns:1fr 1fr;gap:7px;padding:10px;background:#fafbfa}.fin{border:1px solid var(--pb-line);border-radius:10px;padding:9px;background:#fff}.fin b{font-size:17px;margin-top:3px}
.product-edit{padding:10px!important;background:#fff!important;border-bottom:1px solid #e8ebe9!important}.pe-main{display:grid!important;grid-template-columns:minmax(0,1fr) 62px!important;gap:7px!important;align-items:end!important}.pe-main>div{min-width:0}.pe-main>div:nth-child(1){grid-column:1}.pe-main>div:nth-child(2){grid-column:2}.pe-main>div:nth-child(3),.pe-main>div:nth-child(4){grid-column:1/-1}.pe-main>.pe-delete{grid-column:2;grid-row:3;justify-self:end}.product-edit input,.product-edit select{min-height:40px;padding:8px 9px;border-color:#d2d8d4;border-radius:8px;font-size:15px}.pe-params-summary{margin-top:2px;padding:8px 10px;border-color:#d9ddda;border-radius:9px;background:#f8faf9;font-size:12px}.pe-params-editor{grid-template-columns:1fr 1fr!important;gap:7px!important;padding:9px!important;background:#f7f8f7!important;border-color:#e1e5e2!important;border-radius:10px}.pe-finishing{grid-column:1/-1!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
.comments-body{grid-template-columns:1fr!important}.comments-body>label{border-right:0!important;padding:9px 11px 3px;color:#58635d;font-size:12px}.comments-body>textarea{padding:6px 11px 10px;border-bottom:1px solid #ecefed;min-height:68px}.comments-body>div{grid-template-columns:1fr auto!important;padding:9px 11px!important}.comments-body>div #orderEmailStatus{grid-column:1!important}.comments-body>div #orderEmailLink{grid-column:2!important}
.materials-head{display:flex;align-items:center;justify-content:space-between}.materials-overall{border:1px solid #d5dad7;border-radius:8px;background:#fff;padding:5px 9px}.material-portal{padding:9px 10px;overflow-x:hidden!important}.mp-head,.mp-row{min-width:0!important}.modal{border-radius:16px;padding:16px}.modalbg{padding:10px}
}
@media (max-width:520px){.brand{max-width:98px}.toolbar #newO{padding:9px 10px}.toolbar #lo{padding:9px 8px}.righttop{grid-template-columns:minmax(0,1fr) 122px}.tabs>button,.card-tab-wrap>button{padding:8px 10px!important;font-size:11px!important}.card{padding:11px 12px}.card>b{font-size:15px}.card>div{font-size:15px}.pe-main{grid-template-columns:minmax(0,1fr) 58px!important}}

@media (max-width:900px){
#products .product-edit{padding:7px 7px 8px!important;margin-bottom:7px!important}
#products .pe-main{display:grid!important;grid-template-columns:minmax(92px,1fr) 48px 64px 64px 28px!important;gap:4px!important;align-items:end!important;background:#edf3ef!important;border:1px solid #cfdbd4!important;border-radius:10px 10px 0 0!important;padding:6px!important}
#products .pe-main>div:nth-child(1),#products .pe-main>div:nth-child(2),#products .pe-main>div:nth-child(3),#products .pe-main>div:nth-child(4){grid-column:auto!important;grid-row:1!important}
#products .pe-main>.pe-delete{grid-column:5!important;grid-row:1!important;align-self:end!important;justify-self:stretch!important;width:28px!important;height:30px!important;min-width:28px!important;padding:0!important;margin:0!important}
#products .pe-main label{display:block!important;margin:0 0 2px!important;font-size:9px!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#68736d!important}
#products .pe-main input{width:100%!important;min-width:0!important;min-height:30px!important;height:30px!important;padding:3px 6px!important;font-size:12px!important;border-radius:6px!important}
#products .pe-name input{font-weight:700!important}
#products .pe-params{margin-top:0!important}
#products .pe-params-summary{display:none!important}
#products .pe-params-editor,#products .pe-params-editor[hidden]{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important;padding:6px!important;margin-top:0!important;background:#fafbfa!important;border:1px solid #e1e5e2!important;border-top:0!important;border-radius:0 0 10px 10px!important}
#products .pe-params-editor>label{font-size:9px!important;line-height:1.05!important;color:#68726d!important;min-width:0!important;margin:0!important}
#products .pe-params-editor input,#products .pe-params-editor select{width:100%!important;min-width:0!important;min-height:30px!important;height:30px!important;padding:3px 6px!important;font-size:12px!important;border-radius:6px!important}
#products .pe-type,#products .pe-format{grid-column:span 2!important}
#products .pe-material-label{grid-column:span 2!important}
#products .pe-material-search{width:100%!important;position:relative!important}
#products .pe-material-results{z-index:50!important;max-height:210px!important;overflow:auto!important}
#products .pe-finishing{grid-column:1/-1!important;display:flex!important;flex-wrap:wrap!important;gap:3px!important;margin-top:1px!important;padding-top:4px!important;border-top:1px dashed #d8ded9!important}
#products .pe-finish{display:inline-flex!important;align-items:center!important;gap:3px!important;width:auto!important;margin:0!important;padding:3px 5px!important;background:#f1f4f2!important;border:1px solid #d8ded9!important;border-radius:6px!important;font-size:9px!important;line-height:1.1!important;color:#4d5952!important}
#products .pe-finish input{width:13px!important;height:13px!important;min-height:13px!important;margin:0!important;padding:0!important;flex:0 0 13px!important}
#products .pe-finish span{white-space:nowrap!important}

#materialsPortal .mp-head,#materialsPortal .mp-row{display:grid!important;grid-template-columns:minmax(130px,1.5fr) 66px 62px 64px 22px!important;gap:4px!important;align-items:center!important;min-width:0!important;width:100%!important}
#materialsPortal .mp-head>span:nth-child(1),#materialsPortal .mp-row>div:nth-child(1){display:none!important}
#materialsPortal .mp-head>span:nth-child(6),#materialsPortal .mp-row>span:last-child,#materialsPortal .mp-row>.mp-delete{display:none!important}
#materialsPortal .mp-head>span:nth-child(2){grid-column:1!important;font-size:9px!important}
#materialsPortal .mp-head>span:nth-child(3){grid-column:2!important;font-size:9px!important}
#materialsPortal .mp-head>span:nth-child(4){grid-column:3!important;font-size:9px!important}
#materialsPortal .mp-head>span:nth-child(5){grid-column:4!important;font-size:9px!important}
#materialsPortal .mp-row>div:nth-child(2){grid-column:1!important;font-weight:700!important;font-size:12px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
#materialsPortal .mp-row>div:nth-child(3){grid-column:2!important;font-size:11px!important}
#materialsPortal .mp-row>input[data-mf="qty"]{grid-column:3!important;width:100%!important;min-width:0!important;height:30px!important;padding:3px 4px!important;font-size:11px!important}
#materialsPortal .mp-row>div:nth-child(5){grid-column:4!important;font-size:11px!important;text-align:right!important}
#materialsPortal .mp-head::after{content:'';grid-column:5}
#materialsPortal .mp-grand-total{margin-top:7px!important;padding-top:6px!important;border-top:1px solid #e2e6e3!important;font-size:12px!important}
}
@media (max-width:420px){
#products .pe-main{grid-template-columns:minmax(78px,1fr) 43px 58px 58px 26px!important;gap:3px!important}
#products .pe-main>.pe-delete{width:26px!important;min-width:26px!important}
#products .pe-main input{font-size:11px!important;padding:3px 4px!important}
#products .pe-params-editor{gap:3px!important;padding:5px!important}
#products .pe-params-editor input,#products .pe-params-editor select{font-size:11px!important;padding:3px 4px!important}
#materialsPortal .mp-head,#materialsPortal .mp-row{grid-template-columns:minmax(105px,1.4fr) 56px 54px 58px 18px!important;gap:3px!important}
}

/* Order card mobile repair: keep metadata and billing usable on narrow screens */
@media (max-width:900px){
.order-meta>summary{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr)) 24px!important;grid-template-rows:auto auto!important;gap:7px 10px!important;align-items:center!important;padding:11px 12px!important}
.order-meta>summary .meta-company{grid-column:1/4!important;grid-row:1!important;min-width:0!important;font-size:16px!important}
.order-meta>summary .meta-chevron{grid-column:4!important;grid-row:1!important}
.order-meta>summary .meta-date:nth-of-type(2){grid-column:1!important;grid-row:2!important}
.order-meta>summary .meta-date:nth-of-type(3){grid-column:2!important;grid-row:2!important}
.order-meta>summary .meta-worker{grid-column:3!important;grid-row:2!important;min-width:0!important}
.order-meta>summary .meta-worker b{max-width:none!important}
.order-meta-body>.form{display:grid!important;grid-template-columns:105px minmax(0,1fr)!important;gap:8px 10px!important;padding:12px!important}
.order-meta-body>.form>label{grid-column:1!important;min-width:0!important;margin:0!important;align-self:center!important}
.order-meta-body>.form>input,.order-meta-body>.form>select{grid-column:2!important;width:100%!important;min-width:0!important;max-width:none!important}
.order-meta-body .deadline-row,.order-meta-body .billing-panel{grid-column:1/-1!important;width:100%!important;min-width:0!important;display:block!important}
.order-meta-body .deadline-row{display:grid!important;grid-template-columns:minmax(90px,.7fr) minmax(0,1.3fr)!important;gap:10px!important}
.billing-panel{margin:4px 0!important;border-color:var(--pb-line)!important;border-radius:11px!important;overflow:visible!important}
.billing-title{padding:9px 10px!important;background:#f0f3f1!important}
.billing-row{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:8px!important;padding:10px!important}
.billing-row .billing-check{grid-column:1/-1!important;display:flex!important;min-height:34px!important;font-size:14px!important}
.billing-row .billing-check input{display:inline-block!important;width:20px!important;height:20px!important;min-height:20px!important;flex:0 0 20px!important}
.billing-row>label:not(.billing-check){display:grid!important;grid-column:auto!important;gap:4px!important}
.billing-row>label:last-child{grid-column:1/-1!important}
.billing-row input[type=date],.billing-row select{display:block!important;width:100%!important;min-width:0!important;min-height:42px!important}
.billing-bank.hidden{display:none!important}
}
@media (max-width:430px){
.order-meta>summary{gap:6px!important;padding:10px!important}
.order-meta>summary .meta-company{font-size:15px!important}
.order-meta-body>.form{grid-template-columns:92px minmax(0,1fr)!important;padding:10px!important;gap:8px!important}
.billing-row{grid-template-columns:1fr!important}
.billing-row>label:not(.billing-check),.billing-row>label:last-child{grid-column:1!important}
}

@media(max-width:900px){button,.btn,summary,.tabs button,.calc-nav{min-height:44px}.order-meta input:not([type=checkbox]),.order-meta select,.comments-body textarea{min-height:44px}.wf-skip{min-height:32px;padding:7px 9px}.pe-remove{min-width:44px;min-height:44px}.orders-pager{display:flex;padding:10px 4px 18px}.orders-pager .btn{min-width:48px;min-height:44px}.cards .card{min-height:64px}}

@media(max-width:900px){#materialsPortal .mp-row>.mp-qty{grid-column:3!important;display:grid!important;gap:3px!important;min-width:0!important}#materialsPortal .mp-row>.mp-qty>small{display:block!important;color:#5f6b64!important;font-size:10px!important;font-weight:800!important;white-space:nowrap!important}#materialsPortal .mp-row>.mp-qty>input[data-mf="qty"]{display:block!important;width:100%!important;min-width:0!important;height:44px!important;padding:7px 8px!important;border:2px solid #8da99a!important;border-radius:8px!important;background:#fff!important;font-size:16px!important;font-weight:700!important}#materialsPortal .mp-row>.mp-qty>em{min-height:12px!important;color:#4f6b5c!important;font-size:9px!important}#materialsPortal .mp-head>span:nth-child(4){visibility:hidden!important}}

@media(max-width:900px){
#materialsPortal .mp-row:has(.mp-material-picker){position:relative!important;grid-template-columns:minmax(0,1fr) 112px 44px!important;gap:8px!important;align-items:end!important;padding:12px!important}
#materialsPortal .mp-row:has(.mp-material-picker)>div:first-child{grid-column:1/-1!important;font-weight:800!important}
#materialsPortal .mp-material-picker{grid-column:1!important;display:grid!important;gap:4px!important;min-width:0!important}
#materialsPortal .mp-material-picker small{font-size:11px!important;font-weight:800!important;color:#5f6b64!important}
#materialsPortal .mp-material-picker input{display:block!important;width:100%!important;min-width:0!important;height:44px!important;padding:8px 10px!important;border:2px solid #8da99a!important;border-radius:8px!important;background:#fff!important;font-size:16px!important}
#materialsPortal .mp-row:has(.mp-material-picker)>.mp-qty{grid-column:2!important}
#materialsPortal .mp-row:has(.mp-material-picker)>[data-material-spec]{display:none!important}
#materialsPortal .mp-row:has(.mp-material-picker)>.mp-line-cost{grid-column:1/3!important;font-weight:800!important}
#materialsPortal .mp-row:has(.mp-material-picker)>.mp-delete{display:flex!important;grid-column:3!important;grid-row:2!important;width:44px!important;height:44px!important;min-width:44px!important;align-items:center!important;justify-content:center!important;border:1px solid #d6a3a3!important;border-radius:9px!important;background:#fff4f4!important;color:#a52a2a!important;font-size:27px!important;font-weight:700!important}
}

/* Compact material cards matching product cards */
@media(max-width:900px){
#materialsPortal{padding:12px!important}
#materialsPortal .mp-title{margin:0 0 10px!important;font-size:17px!important}
#materialsPortal .mp-head{display:none!important}
#materialsPortal .mp-rows{display:grid!important;gap:10px!important}
#materialsPortal .mp-row,#materialsPortal .mp-row:has(.mp-material-picker){display:grid!important;grid-template-columns:minmax(0,1fr) 108px 44px!important;grid-template-rows:auto auto!important;gap:8px 10px!important;align-items:end!important;padding:11px!important;border:1px solid #d5e0da!important;border-radius:12px!important;background:#f1f7f3!important}
#materialsPortal .mp-row>div:first-child{display:none!important}
#materialsPortal .mp-row>div:nth-child(2){grid-column:1!important;grid-row:1!important;align-self:center!important;min-width:0!important;font-size:16px!important;font-weight:800!important;overflow-wrap:anywhere!important}
#materialsPortal .mp-row>[data-material-spec]{display:block!important;grid-column:1!important;grid-row:2!important;color:#6b7770!important;font-size:12px!important}
#materialsPortal .mp-material-picker{grid-column:1!important;grid-row:1/3!important;align-self:stretch!important}
#materialsPortal .mp-material-picker small{font-size:11px!important}
#materialsPortal .mp-material-picker input{height:44px!important;font-size:15px!important;border:1px solid #bdcac3!important}
#materialsPortal .mp-row>.mp-qty,#materialsPortal .mp-row:has(.mp-material-picker)>.mp-qty{grid-column:2!important;grid-row:1/3!important;align-self:stretch!important}
#materialsPortal .mp-row>.mp-qty>input[data-mf="qty"]{height:44px!important;border:1px solid #bdcac3!important;border-radius:8px!important}
#materialsPortal .mp-line-cost,#materialsPortal .mp-row:has(.mp-material-picker)>.mp-line-cost{display:grid!important;grid-column:1/3!important;grid-row:3!important;grid-template-columns:auto auto!important;justify-content:start!important;gap:8px!important;align-items:baseline!important;padding-top:7px!important;border-top:1px dashed #d1dbd5!important}
#materialsPortal .mp-line-cost small{font-size:11px!important}
#materialsPortal .mp-line-cost b{font-size:16px!important}
#materialsPortal .mp-row>.mp-delete,#materialsPortal .mp-row:has(.mp-material-picker)>.mp-delete{display:flex!important;grid-column:3!important;grid-row:1/4!important;align-self:center!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;border:1px solid #d6a3a3!important;border-radius:9px!important;background:#fff4f4!important;color:#a52a2a!important;font-size:24px!important}
#materialsPortal .mp-row>span:last-child{display:none!important}
#materialsPortal .mp-add{width:100%!important;margin-top:10px!important;min-height:44px!important;border:1px dashed #8da99a!important;border-radius:10px!important;background:#f7faf8!important;font-size:15px!important;font-weight:800!important}
#materialsPortal .mp-grand-total{display:block!important;margin-top:12px!important;padding:12px 2px 2px!important;border-top:1px solid #d8e2dc!important;font-size:17px!important;text-align:right!important}
}

/* Final compact mobile material grid */
@media(max-width:900px){
#materialsPortal .mp-row,#materialsPortal .mp-row:has(.mp-material-picker){grid-template-columns:minmax(0,1fr) 88px 104px 40px!important;grid-template-rows:auto auto!important;gap:7px 8px!important;align-items:end!important;min-height:0!important;padding:10px!important}
#materialsPortal .mp-row>div:nth-child(2){display:block!important;grid-column:1/5!important;grid-row:1!important;font-size:15px!important;line-height:1.25!important;white-space:normal!important}
#materialsPortal .mp-row>[data-material-spec]{grid-column:1!important;grid-row:2!important;align-self:center!important}
#materialsPortal .mp-material-picker{grid-column:1/5!important;grid-row:1!important;display:grid!important;grid-template-columns:1fr!important;gap:3px!important}
#materialsPortal .mp-material-picker input{height:42px!important;padding:7px 9px!important}
#materialsPortal .mp-row>.mp-qty,#materialsPortal .mp-row:has(.mp-material-picker)>.mp-qty{grid-column:2!important;grid-row:2!important;display:grid!important;gap:3px!important;align-self:end!important}
#materialsPortal .mp-row>.mp-qty>input[data-mf="qty"]{height:42px!important;padding:6px 8px!important;font-size:15px!important}
#materialsPortal .mp-line-cost,#materialsPortal .mp-row:has(.mp-material-picker)>.mp-line-cost{display:grid!important;grid-column:3!important;grid-row:2!important;gap:3px!important;align-self:end!important;padding:0!important;border:0!important;min-width:0!important}
#materialsPortal .mp-line-cost small{display:block!important;color:#5f6b64!important;font-size:10px!important;font-weight:800!important;white-space:nowrap!important}
#materialsPortal .mp-line-cost b{display:flex!important;align-items:center!important;width:100%!important;height:42px!important;padding:6px 8px!important;border:1px solid #bdcac3!important;border-radius:8px!important;background:#fff!important;color:#26352d!important;font-size:15px!important;font-weight:800!important;white-space:nowrap!important}
#materialsPortal .mp-row>.mp-delete,#materialsPortal .mp-row:has(.mp-material-picker)>.mp-delete{grid-column:4!important;grid-row:2!important;align-self:end!important;width:40px!important;height:42px!important;min-height:42px!important;margin:0!important;font-size:22px!important}
#materialsPortal .mp-row>span:last-child{display:block!important;grid-column:4!important;grid-row:2!important;width:40px!important}
}
@media(max-width:430px){
#materialsPortal .mp-row,#materialsPortal .mp-row:has(.mp-material-picker){grid-template-columns:minmax(0,1fr) 82px 98px 38px!important;gap:6px!important;padding:9px!important}
#materialsPortal .mp-line-cost b{padding:5px 6px!important;font-size:14px!important}
#materialsPortal .mp-row>.mp-delete,#materialsPortal .mp-row:has(.mp-material-picker)>.mp-delete{width:38px!important;min-width:38px!important}
}

/* Stable two-field material cost layout */
@media(max-width:900px){
#materialsPortal .mp-row,#materialsPortal .mp-row:has(.mp-material-picker){grid-template-columns:minmax(0,1fr) 40px!important;grid-template-rows:auto auto!important;gap:8px!important;padding:10px 11px!important;min-height:0!important}
#materialsPortal .mp-row>div:nth-child(2){grid-column:1/3!important;grid-row:1!important;margin:0!important;font-size:15px!important}
#materialsPortal .mp-row>[data-material-spec]{display:none!important}
#materialsPortal .mp-material-picker{grid-column:1/3!important;grid-row:1!important;margin:0!important}
#materialsPortal .mp-amount-fields{display:grid!important;grid-column:1!important;grid-row:2!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:8px!important;min-width:0!important;align-items:end!important}
#materialsPortal .mp-amount-fields>.mp-qty{display:grid!important;grid-column:1!important;grid-row:1!important;gap:3px!important;min-width:0!important}
#materialsPortal .mp-amount-fields>.mp-line-cost{display:grid!important;grid-column:2!important;grid-row:1!important;gap:3px!important;min-width:0!important;padding:0!important;border:0!important}
#materialsPortal .mp-amount-fields small{display:block!important;height:auto!important;margin:0!important;color:#5f6b64!important;font-size:10px!important;line-height:1.2!important;font-weight:800!important;white-space:nowrap!important}
#materialsPortal .mp-amount-fields .mp-qty input{display:block!important;width:100%!important;height:42px!important;min-width:0!important;padding:6px 8px!important;border:1px solid #bdcac3!important;border-radius:8px!important;background:#fff!important;font-size:15px!important;font-weight:700!important}
#materialsPortal .mp-amount-fields .mp-line-cost b{display:flex!important;align-items:center!important;width:100%!important;height:42px!important;min-width:0!important;padding:6px 8px!important;border:1px solid #bdcac3!important;border-radius:8px!important;background:#fff!important;color:#26352d!important;font-size:15px!important;font-weight:800!important;white-space:nowrap!important}
#materialsPortal .mp-amount-fields .mp-qty em{position:absolute!important;opacity:0!important;pointer-events:none!important}
#materialsPortal .mp-row>.mp-delete,#materialsPortal .mp-row:has(.mp-material-picker)>.mp-delete{display:flex!important;grid-column:2!important;grid-row:2!important;align-self:end!important;width:40px!important;height:42px!important;min-width:40px!important;min-height:42px!important;margin:0!important}
#materialsPortal .mp-row>span:last-child{display:block!important;grid-column:2!important;grid-row:2!important;width:40px!important}
}

/* Single-line material consumption rows */
@media(max-width:900px){
#materialsPortal .mp-row,#materialsPortal .mp-row:has(.mp-material-picker){display:grid!important;grid-template-columns:minmax(0,1fr) 68px 88px 36px!important;grid-template-rows:auto!important;gap:6px!important;align-items:end!important;padding:9px!important;min-height:0!important}
#materialsPortal .mp-row>div:nth-child(2){display:block!important;grid-column:1!important;grid-row:1!important;align-self:center!important;margin:0!important;min-width:0!important;font-size:14px!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#materialsPortal .mp-material-picker{display:grid!important;grid-column:1!important;grid-row:1!important;gap:3px!important;min-width:0!important;margin:0!important}
#materialsPortal .mp-material-picker small{display:block!important;font-size:9px!important;line-height:1.1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#materialsPortal .mp-material-picker input{display:block!important;width:100%!important;min-width:0!important;height:40px!important;padding:5px 7px!important;font-size:14px!important;white-space:nowrap!important;text-overflow:ellipsis!important}
#materialsPortal .mp-row>[data-material-spec]{display:none!important}
#materialsPortal .mp-amount-fields{display:contents!important}
#materialsPortal .mp-amount-fields>.mp-qty{display:grid!important;grid-column:2!important;grid-row:1!important;gap:3px!important;min-width:0!important;margin:0!important}
#materialsPortal .mp-amount-fields>.mp-line-cost{display:grid!important;grid-column:3!important;grid-row:1!important;gap:3px!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important}
#materialsPortal .mp-amount-fields small{display:block!important;margin:0!important;font-size:9px!important;line-height:1.1!important;font-weight:800!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#materialsPortal .mp-amount-fields .mp-qty input,#materialsPortal .mp-cost-value{display:block!important;width:100%!important;min-width:0!important;height:40px!important;padding:5px 7px!important;border:1px solid #bdcac3!important;border-radius:8px!important;background:#fff!important;color:#26352d!important;font-size:14px!important;font-weight:800!important}
#materialsPortal .mp-row>.mp-delete,#materialsPortal .mp-row:has(.mp-material-picker)>.mp-delete{display:flex!important;grid-column:4!important;grid-row:1!important;align-self:end!important;align-items:center!important;justify-content:center!important;width:36px!important;height:40px!important;min-width:36px!important;min-height:40px!important;margin:0!important;padding:0!important;font-size:21px!important}
#materialsPortal .mp-row>span:last-child{display:block!important;grid-column:4!important;grid-row:1!important;width:36px!important}
}