@media screen and (max-width:768px){
 #mainWrap .mobile-document-layout{overflow-y:auto!important;overflow-x:hidden!important;}
 #mainWrap .mobile-document-layout .quotation-container{height:auto!important;min-height:100%;overflow:visible!important;}
 #mainWrap .mobile-document-layout[data-mobile-doc=inquiry] .quotation-toolbar [data-action]:not([data-action=refresh]):not([data-action=save]):not([data-action=special]):not([data-action=generate]):not([data-action=link]):not([data-action=close]){display:none!important;}
 #mainWrap .mobile-document-layout[data-mobile-doc=quotation] .quotation-toolbar [data-action]:not([data-action=edit]):not([data-action=save]):not([data-action=print]):not([data-action=refresh]):not([data-action=link]):not([data-action=close]){display:none!important;}
 #mainWrap .mobile-document-layout .quotation-toolbar{flex-wrap:wrap!important;position:static!important;gap:4px!important;}
 #mainWrap .mobile-document-layout .quotation-toolbar .quotation-btn{min-width:42px;padding:6px!important;touch-action:manipulation;}
 #mainWrap .mobile-document-layout .quotation-toolbar .quotation-sep,#mainWrap .mobile-document-layout .quotation-toolbar .quotation-dropdown:has(>[data-action=action]){display:none!important;}
 #mainWrap .mobile-document-layout .quotation-form-grid{min-height:0!important;align-content:start!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px 6px!important;padding:10px!important;}
 #mainWrap .mobile-document-layout .quotation-form-group{grid-column:auto!important;min-width:0!important;display:flex;flex-direction:row!important;align-items:center;gap:4px!important;}
 #mainWrap .mobile-document-layout .quotation-form-group>label{width:56px!important;flex:0 0 56px!important;font-size:12px!important;text-align:right;white-space:nowrap!important;}
 #mainWrap .mobile-document-layout .quotation-form-group :is(input,select,textarea,.quotation-form-control){min-width:0!important;width:0!important;flex:1!important;font-size:12px!important;box-sizing:border-box;}
 #mainWrap .mobile-document-layout .quotation-form-group:has(input[data-field=customer_name]),#mainWrap .mobile-document-layout .quotation-form-group:first-child{grid-column:1/-1!important;}
 #mainWrap .mobile-document-layout :is(.quotation-lines-card,.quotation-table-scroll){height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;flex:none!important;}
 #mainWrap .mobile-document-layout .quotation-line-table{display:block!important;width:100%!important;min-width:0!important;}
 #mainWrap .mobile-document-layout .quotation-line-table :is(thead,colgroup){display:none!important;}
 #mainWrap .mobile-document-layout .quotation-line-table tbody{display:block!important;width:100%;}
 #mainWrap .mobile-document-layout .quotation-line-table tbody tr{display:grid!important;grid-template-columns:28px repeat(3,minmax(0,1fr));gap:8px 4px;padding:12px 6px!important;border-bottom:2px solid #c9cdd4!important;background:#fff;}
 #mainWrap .mobile-document-layout .quotation-line-table tbody td{display:none!important;width:auto!important;min-width:0!important;max-width:none!important;padding:0 2px!important;border:0!important;background:transparent!important;white-space:normal!important;text-align:right!important;}
 #mainWrap .mobile-document-layout .quotation-line-table td[data-mobile-field]:is([data-mobile-field=row_no],[data-mobile-field=sequence],[data-mobile-field=model],[data-mobile-field=spec],[data-mobile-field=voltage],[data-mobile-field=unit],[data-mobile-field=quantity],[data-mobile-field=actual_quantity],[data-mobile-field=actual_price],[data-mobile-field=actual_amount],[data-mobile-field=unit_price],[data-mobile-field=amount],[data-mobile-field=remark]){display:block!important;}
 #mainWrap .mobile-document-layout td:before{content:attr(data-mobile-title);display:block;color:#86909c;font-size:11px;line-height:18px;}
 #mainWrap .mobile-document-layout td:is([data-mobile-field=row_no],[data-mobile-field=sequence]){grid-column:1;grid-row:1;}
 #mainWrap .mobile-document-layout td[data-mobile-field=model]{grid-column:2;grid-row:1;}
 #mainWrap .mobile-document-layout td[data-mobile-field=spec]{grid-column:3;grid-row:1;}
 #mainWrap .mobile-document-layout td[data-mobile-field=voltage]{grid-column:4;grid-row:1;}
 #mainWrap .mobile-document-layout td[data-mobile-field=unit]{grid-column:1;grid-row:2;}
 #mainWrap .mobile-document-layout td[data-mobile-field=quantity]{grid-column:2;grid-row:2;}
 #mainWrap .mobile-document-layout td:is([data-mobile-field=actual_price],[data-mobile-field=unit_price]){grid-column:3;grid-row:2;}
 #mainWrap .mobile-document-layout td:is([data-mobile-field=actual_amount],[data-mobile-field=amount]){grid-column:4;grid-row:2;}
 #mainWrap .mobile-document-layout td[data-mobile-field=actual_quantity]{grid-column:2;grid-row:3;}
 #mainWrap .mobile-document-layout td[data-mobile-field=remark]{grid-column:3/5;grid-row:3;}
 #mainWrap .mobile-document-layout td :is(input,select,textarea){width:100%!important;min-width:0!important;box-sizing:border-box;height:28px!important;padding:0!important;font-size:12px!important;}
 #mainWrap .mobile-document-layout .quotation-footer{position:static!important;width:100%!important;}
 #mainWrap .mobile-document-layout .quotation-footer-coltotal{display:flex!important;flex-wrap:wrap;width:100%!important;}
 #mainWrap .mobile-document-layout .quotation-footer-coltotal>div{display:none!important;}
 #mainWrap .mobile-document-layout .quotation-footer-coltotal>div:is([data-field=quantity],[data-field=actual_amount],[data-quote-key=quantity],[data-quote-key=amount]){display:block!important;width:50%!important;min-width:0!important;}
 #mainWrap .mobile-document-layout .quotation-footer-coltotal>div:is([data-field=quantity],[data-quote-key=quantity]):before{content:'数量合计 ';}
 #mainWrap .mobile-document-layout .quotation-footer-coltotal>div:is([data-field=actual_amount],[data-quote-key=amount]):before{content:'金额合计 ';}
 #mainWrap .mobile-document-layout .quotation-toolbar .quotation-status{width:44px!important;height:44px!important;min-width:44px!important;font-size:12px!important;margin:0!important;}
 #mainWrap .mobile-document-layout .quotation-close-status{gap:4px!important;margin:0!important;}
 #mainWrap .mobile-document-layout .quotation-info{width:100%!important;max-width:none!important;flex:0 0 100%!important;grid-template-columns:76px minmax(0,1fr)!important;}
 #mainWrap .mobile-document-layout .quotation-info input{width:100%!important;min-width:0!important;max-width:none!important;box-sizing:border-box;}
 #mainWrap .mobile-document-layout .quotation-form-group input[type=date]{text-align:center!important;padding:2px!important;font-size:11px!important;}
}

@media screen and (max-width:768px){
 #mainWrap :is(.mobile-document-layout,#page-comparison) .quotation-status{display:none!important;}
 #mobilePageNavigation .mobile-page-title{flex:0 1 auto;}
 #mobilePageNavigation .mobile-document-status{order:1;display:inline-flex;align-items:center;flex:none;border:1px solid;border-radius:5px;padding:2px 8px;font-size:12px;line-height:20px;white-space:nowrap;font-weight:400;}
 #mobilePageNavigation .mobile-document-status[hidden]{display:none;}
 #mainWrap .mobile-document-layout[data-mobile-doc=inquiry] .quotation-line-table td[data-mobile-field=quantity],
 #mainWrap .mobile-document-layout .quotation-line-table tbody td[data-mobile-field=remark][data-mobile-title]{display:none!important;}
 #mainWrap .mobile-document-layout[data-mobile-doc=inquiry] td[data-mobile-field=actual_quantity]{grid-column:2;grid-row:2;}
}

@media screen and (max-width:768px){
 #mainWrap .mobile-document-layout .quotation-toolbar .quotation-info{display:none!important;}
}

@media screen and (max-width:768px){
 #mainWrap .mobile-document-layout .quotation-line-table tbody td:is([data-mobile-field=row_no],[data-mobile-field=sequence],[data-mobile-field=model],[data-mobile-field=unit],[data-mobile-field=quantity],[data-mobile-field=actual_quantity]),
 #mainWrap .mobile-document-layout .quotation-line-table tbody td:is([data-mobile-field=row_no],[data-mobile-field=sequence],[data-mobile-field=model],[data-mobile-field=unit],[data-mobile-field=quantity],[data-mobile-field=actual_quantity]) :is(input,select,textarea){text-align:left!important;}
 #mainWrap .mobile-document-layout .quotation-line-table tbody td:is([data-mobile-field=spec],[data-mobile-field=voltage],[data-mobile-field=actual_price],[data-mobile-field=actual_amount],[data-mobile-field=unit_price],[data-mobile-field=amount]),
 #mainWrap .mobile-document-layout .quotation-line-table tbody td:is([data-mobile-field=spec],[data-mobile-field=voltage],[data-mobile-field=actual_price],[data-mobile-field=actual_amount],[data-mobile-field=unit_price],[data-mobile-field=amount]) :is(input,select,textarea){text-align:right!important;}
}

/* Six mobile actions share the full toolbar width, including wrapped menus. */
@media screen and (max-width:768px){
 #mainWrap .mobile-document-layout .quotation-toolbar{display:flex!important;flex-wrap:nowrap!important;gap:4px!important;padding:8px!important;}
 #mainWrap .mobile-document-layout .quotation-toolbar>.quotation-btn,
 #mainWrap .mobile-document-layout .quotation-toolbar>.quotation-dropdown,
 #mainWrap .mobile-document-layout .quotation-toolbar>.quotation-close-status{flex:1 1 0!important;min-width:0!important;width:0!important;margin:0!important;}
 #mainWrap .mobile-document-layout .quotation-toolbar .quotation-btn{width:100%!important;min-width:0!important;max-width:none!important;box-sizing:border-box;padding:6px 2px!important;white-space:nowrap!important;}
 #mainWrap .mobile-document-layout .quotation-toolbar>.quotation-spacer{display:none!important;}
}