.mi-controls,.mi-select-button{display:none}
@media screen and (max-width:768px){
 :is(#page-inquiry-query,#page-comparison-query,#page-quotation-query) .mi-controls{display:block;flex:none;background:#fff;padding:8px 12px;border-radius:10px;min-width:0;}
 :is(#page-inquiry-query,#page-comparison-query,#page-quotation-query) .mi-controls input{box-sizing:border-box;width:100%;height:36px;border:0;border-radius:18px;background:#f2f4f7;padding:0 14px;font-size:14px;}
 :is(#page-inquiry-query,#page-comparison-query,#page-quotation-query) .mi-filters{display:flex;gap:8px;overflow-x:auto;padding:10px 0 2px;scrollbar-width:none;}
 :is(#page-inquiry-query,#page-comparison-query,#page-quotation-query) .mi-filter-group{display:flex;gap:6px;flex:none;border-right:1px solid #e3e8ef;padding-right:8px;}
 :is(#page-inquiry-query,#page-comparison-query,#page-quotation-query) .mi-filter-group button{white-space:nowrap;border:0;border-radius:16px;padding:6px 10px;background:#f2f3f5;color:#5c6879;font-size:12px;}
 :is(#page-inquiry-query,#page-comparison-query,#page-quotation-query) .mi-filter-group button.active{background:#e8f0ff;color:#2563eb;}
 :is(#page-inquiry-query,#page-comparison-query,#page-quotation-query) :is(#inquiryListContainer,#comparisonListContainer,#quotationListContainer){background:#f3f5f8!important;border:0!important;border-radius:0;overflow-x:hidden;padding:4px 12px 12px;box-sizing:border-box;}
 :is(#page-inquiry-query,#page-comparison-query,#page-quotation-query) :is(.oa-inquiry-query-table,.comparison-query-table){display:block!important;width:100%!important;min-width:0!important;white-space:normal!important;}
 :is(#page-inquiry-query,#page-comparison-query,#page-quotation-query) :is(.oa-inquiry-query-table,.comparison-query-table) :is(thead,colgroup){display:none!important;}
 :is(#page-inquiry-query,#page-comparison-query,#page-quotation-query) :is(.oa-inquiry-query-table,.comparison-query-table) tbody{display:block!important;}
 :is(#page-inquiry-query,#page-comparison-query,#page-quotation-query) :is(.oa-inquiry-query-table,.comparison-query-table) tr.mi-card{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:'number number status' 'company company company' 'amount amount discount' 'amount amount rebate' 'source relation mode';gap:4px 8px;background:#fff;border-radius:12px;padding:12px 14px;margin:0 0 10px;box-shadow:0 1px 2px #00000008;}
 #mainWrap :is(#page-inquiry-query,#page-comparison-query,#page-quotation-query) :is(.oa-inquiry-query-table,.comparison-query-table) tr.mi-card td{width:auto!important;min-width:0!important;padding:0!important;border:0!important;background:transparent!important;white-space:normal!important;overflow:hidden;text-overflow:ellipsis;}
 :is(#page-inquiry-query,#page-comparison-query,#page-quotation-query) .mi-card td:nth-child(-n+2){display:none!important;}
 :is(#page-inquiry-query,#page-comparison-query,#page-quotation-query) .mi-number{grid-area:number;font-size:11px!important;color:#8f959e!important;align-self:center;overflow-wrap:anywhere;}
 :is(#page-inquiry-query,#page-comparison-query,#page-quotation-query) .mi-status{grid-area:status;text-align:right!important;}
 :is(#page-inquiry-query,#page-comparison-query,#page-quotation-query) .mi-company{grid-area:company;font-size:16px;font-weight:600;line-height:1.4;margin:5px 0 7px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
 #mainWrap :is(#page-inquiry-query,#page-comparison-query,#page-quotation-query) .mi-card .mi-amount{grid-area:amount;text-align:left!important;font-size:22px;font-weight:700;align-self:end;padding-bottom:10px!important;}
 :is(#page-inquiry-query,#page-comparison-query,#page-quotation-query) .mi-amount:before{content:'询价金额';display:block;font-size:11px;font-weight:400;color:#8f959e;margin-bottom:3px;}
 #mainWrap :is(#page-inquiry-query,#page-comparison-query,#page-quotation-query) .mi-card :is(.mi-discount,.mi-rebate){font-size:12px;text-align:right!important;align-self:end;}
 :is(#page-inquiry-query,#page-comparison-query,#page-quotation-query) .mi-discount{grid-area:discount;}:is(#page-inquiry-query,#page-comparison-query,#page-quotation-query) .mi-discount:before{content:'折扣 ';color:#8f959e;}
 :is(#page-inquiry-query,#page-comparison-query,#page-quotation-query) .mi-rebate{grid-area:rebate;padding-bottom:10px!important;}:is(#page-inquiry-query,#page-comparison-query,#page-quotation-query) .mi-rebate:before{content:'另结 ';color:#8f959e;}
 :is(#page-inquiry-query,#page-comparison-query,#page-quotation-query) .mi-source{grid-area:source;}:is(#page-inquiry-query,#page-comparison-query,#page-quotation-query) .mi-relation{grid-area:relation;}
 :is(#page-inquiry-query,#page-comparison-query,#page-quotation-query) .mi-mode{grid-area:mode;font-size:12px;color:#8f959e!important;text-align:right!important;align-self:center;}
 :is(#page-inquiry-query,#page-comparison-query,#page-quotation-query) .inquiry-query-footer{flex-wrap:wrap;font-size:11px;}
}
@media screen and (max-width:768px){
 #mainWrap :is(#page-inquiry-query,#page-comparison-query,#page-quotation-query) :is(.oa-inquiry-query-table,.comparison-query-table){background:transparent!important;border:0!important;}
 #mainWrap :is(#page-inquiry-query,#page-comparison-query,#page-quotation-query) :is(.oa-inquiry-query-table,.comparison-query-table) tr.mi-card{margin-bottom:10px!important;border:1px solid #e8edf3!important;border-radius:12px!important;}
 #mainWrap :is(#page-inquiry-query,#page-comparison-query,#page-quotation-query) .mi-card :is(.mi-source,.mi-relation){text-align:left!important;}
 #mainWrap :is(#page-inquiry-query,#page-comparison-query,#page-quotation-query) .mi-card .mi-source{padding-top:8px!important;}
 #mainWrap :is(#page-inquiry-query,#page-comparison-query,#page-quotation-query) .mi-card :is(.mi-relation,.mi-mode){padding-top:8px!important;}

 :is(#page-inquiry-query,#page-comparison-query,#page-quotation-query).mi-select-mode .mi-card td:nth-child(2){display:block!important;position:absolute;left:8px;top:12px;}
 :is(#page-inquiry-query,#page-comparison-query,#page-quotation-query).mi-select-mode .mi-card{position:relative;padding-left:34px!important;}
 :is(#page-inquiry-query,#page-comparison-query,#page-quotation-query) .mi-select-button{display:inline-block;border:1px solid #d5dfeb;background:#f8fafc;border-radius:4px;color:#435369;padding:8px;}
}
@media screen and (max-width:768px){
 :is(#page-inquiry-query,#page-comparison-query,#page-quotation-query):not(.mi-select-mode) .quotation-toolbar{display:none!important;}
 :is(#page-inquiry-query,#page-comparison-query,#page-quotation-query) .mi-filters{overflow:visible;gap:8px;}
 :is(#page-inquiry-query,#page-comparison-query,#page-quotation-query) .mi-filters>button{border:0;border-radius:16px;padding:7px 12px;background:#f2f3f5;color:#5c6879;font-size:13px;white-space:nowrap;}
 :is(#page-inquiry-query,#page-comparison-query,#page-quotation-query) .mi-filters>button.active{background:#e8f0ff;color:#2563eb;}
 :is(#page-inquiry-query,#page-comparison-query,#page-quotation-query) .mi-filters>.mi-more{margin-left:auto;background:#e8eef8;color:#365780;}
 .mi-drawer{box-sizing:border-box;position:fixed;inset:0 0 0 auto;width:min(340px,90vw);max-width:90vw;height:100dvh;max-height:100dvh;margin:0;border:0;padding:0;background:white;color:#30435c;}
 .mi-drawer[open]{display:flex;flex-direction:column;animation:mi-slide .18s ease-out;}
 .mi-drawer::backdrop{background:#142d5c66;}
 .mi-drawer header,.mi-drawer footer{display:flex;align-items:center;justify-content:space-between;padding:16px;gap:12px;border-bottom:1px solid #edf0f5;flex:none;}
 .mi-drawer header button{border:0;background:none;font-size:26px;color:#60728b;}
 .mi-drawer-body{padding:0 16px;overflow-y:auto;flex:1;}
 .mi-drawer h3{font-size:14px;margin:22px 0 12px;}
 .mi-drawer-options{display:flex;flex-wrap:wrap;gap:8px;}
 .mi-drawer-options button{border:1px solid transparent;border-radius:8px;padding:10px 12px;background:#f2f4f7;font-size:13px;color:#526073;}
 .mi-drawer-options button.active{background:#e8f0ff;color:#2563eb;border-color:#bfd3f6;}
 .mi-drawer label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;margin:10px 0;}
 .mi-drawer input{min-width:0;padding:10px;border:1px solid #d5dfeb;border-radius:6px;}
 .mi-drawer footer{border-top:1px solid #edf0f5;padding-bottom:max(16px,env(safe-area-inset-bottom));}
 .mi-drawer footer button{flex:1;height:42px;border:0;border-radius:8px;background:#f2f4f7;color:#526073;}
 .mi-drawer footer .primary{background:#3659cf;color:white;}
 @keyframes mi-slide{from{transform:translateX(100%)}to{transform:translateX(0)}}
}
@media screen and (max-width:768px){
 body dialog.mi-drawer{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;transform:none!important;margin:0!important;width:min(340px,90vw)!important;max-width:90vw!important;height:100dvh!important;max-height:100dvh!important;padding:0!important;border-radius:0!important;}
 body dialog.mi-drawer input{box-sizing:border-box;width:170px;max-width:65%;}
}
@media screen and (max-width:768px){
 #mainWrap :is(#page-inquiry-query,#page-comparison-query,#page-quotation-query) :is(.oa-inquiry-query-table,.comparison-query-table) tr.mi-card{grid-template-columns:auto auto minmax(0,1fr);}
 #mainWrap :is(#page-inquiry-query,#page-comparison-query,#page-quotation-query) .mi-card .mi-status{justify-self:end;}
 #mainWrap :is(#page-inquiry-query,#page-comparison-query,#page-quotation-query) .mi-card .mi-mode{justify-self:end;}
}
.mi-card-footer{display:none}
@media screen and (max-width:768px){
 #mainWrap :is(#page-inquiry-query,#page-comparison-query,#page-quotation-query) :is(.oa-inquiry-query-table,.comparison-query-table) tr.mi-card{grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:'number number status' 'company company company' 'amount amount discount' 'amount amount rebate' 'footer footer footer';}
 #mainWrap :is(#page-inquiry-query,#page-comparison-query,#page-quotation-query) .mi-card :is(.mi-source,.mi-relation,.mi-mode){display:none!important;}
 #mainWrap :is(#page-inquiry-query,#page-comparison-query,#page-quotation-query) .mi-card .mi-card-footer{grid-area:footer;display:flex!important;align-items:center;gap:6px;padding-top:8px!important;}
 #mainWrap :is(#page-inquiry-query,#page-comparison-query,#page-quotation-query) .mi-card-footer .mi-footer-mode{margin-left:auto;font-size:12px;color:#8f959e;}
}

@media screen and (max-width:768px){
 #mainWrap :is(#page-comparison-query,#page-quotation-query) .mi-card-extra{display:none!important;}
 #mainWrap .mi-estimate-card .mi-discount:before{content:'原单 ';}#mainWrap .mi-estimate-card .mi-rebate:before{content:'实际 ';}
 #mainWrap .mi-estimate-card .mi-amount:before{content:none;}#mainWrap .mi-quote-card .mi-amount:before{content:none;}
 #mainWrap .mi-quote-card .mi-discount:before{content:none;}
 #mainWrap .mi-card .query-discount-box{display:inline;font-size:11px;white-space:normal;}
 #mainWrap .mi-card .query-discount-box span{margin-right:3px;}
 .mi-sales-company{font-size:11px;color:#5274a6;background:#e8eef8;border-radius:4px;padding:2px 6px;}
 #mainWrap .mi-quote-card .mi-footer-mode{max-width:42%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
}