@media(max-width:700px){
html body main table.purchase-simple-table.purchase-simple-table.purchase-simple-table tbody tr.dc-po-card{display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"supplier action" "info status" "extra extra";column-gap:10px;row-gap:4px;align-items:center;padding:10px 12px!important}
html body main table.purchase-simple-table.purchase-simple-table.purchase-simple-table tr.dc-po-card>td{display:block!important;padding:0!important;border:0!important;min-height:0!important;width:auto!important}
html body main table.purchase-simple-table.purchase-simple-table.purchase-simple-table tr.dc-po-card>td::before{display:none!important}
html body main table.purchase-simple-table.purchase-simple-table.purchase-simple-table tr.dc-po-card>td.dc-po-supplier{grid-area:supplier;font-size:17px;font-weight:700;color:#17202a;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body main table.purchase-simple-table.purchase-simple-table.purchase-simple-table tr.dc-po-card>td.dc-po-action{grid-area:action;justify-self:end}
html body main table.purchase-simple-table.purchase-simple-table.purchase-simple-table tr.dc-po-card>td.dc-po-action .button,html body main table.purchase-simple-table.purchase-simple-table.purchase-simple-table tr.dc-po-card>td.dc-po-action button{min-height:36px!important;padding:6px 12px!important;white-space:nowrap}
html body main table.purchase-simple-table.purchase-simple-table.purchase-simple-table tr.dc-po-card>td.dc-po-info{grid-area:info;font-size:13px;color:#5b6b7b;min-width:0}
html body main table.purchase-simple-table.purchase-simple-table.purchase-simple-table tr.dc-po-card>td.dc-po-info{white-space:normal;overflow:hidden}/* 71.81：門市獨立一行（原本接在單號後面，長店名會在中間斷行），總額與詳細在下一行 */html body main table.purchase-simple-table.purchase-simple-table.purchase-simple-table tr.dc-po-card>td.dc-po-info>small{display:block!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}html body main table.purchase-simple-table.purchase-simple-table.purchase-simple-table tr.dc-po-card>td.dc-po-info>small::before,html body main table.purchase-simple-table.purchase-simple-table.purchase-simple-table tr.dc-po-card>td.dc-po-info>br+strong::before{content:none!important}html body main table.purchase-simple-table.purchase-simple-table.purchase-simple-table tr.dc-po-card>td.dc-po-info>br{display:none!important}html body main table.purchase-simple-table.purchase-simple-table.purchase-simple-table tr.dc-po-card>td.dc-po-info details:not([open])>:not(summary){display:none!important}html body main table.purchase-simple-table.purchase-simple-table.purchase-simple-table tr.dc-po-card button.dc-po-more:is(#dc-none,.dc-po-more){height:24px!important;min-height:24px!important;max-height:24px!important;line-height:24px!important}/* 71.81：卡片壓低——「詳細」為文字鍵 24px（原本被當成一般按鍵撐到 44px）、未展開的明細不佔高度 */html body main table.purchase-simple-table.purchase-simple-table.purchase-simple-table tr.dc-po-card>td.dc-po-info *:not(.dc-po-more){font-size:13px!important;line-height:1.35!important;margin:0!important;display:inline!important;min-height:0!important;padding:0!important}html body main table.purchase-simple-table.purchase-simple-table.purchase-simple-table tr.dc-po-card>td.dc-po-info>*>*+*::before,html body main table.purchase-simple-table.purchase-simple-table.purchase-simple-table tr.dc-po-card>td.dc-po-info>*+*::before{content:'・';color:#9aa7b4}html body main table.purchase-simple-table.purchase-simple-table.purchase-simple-table tr.dc-po-card>td.dc-po-status *{margin:0!important}
html body main table.purchase-simple-table.purchase-simple-table.purchase-simple-table tr.dc-po-card>td.dc-po-status{grid-area:status;justify-self:end}
html body main table.purchase-simple-table.purchase-simple-table.purchase-simple-table tr.dc-po-card .dc-po-more{display:inline-block!important;margin-left:6px!important;vertical-align:baseline;background:none!important;border:0!important;color:#2f6f9f!important;padding:0!important;min-height:24px!important;font-size:13px!important;box-shadow:none!important}
html body main table.purchase-simple-table.purchase-simple-table.purchase-simple-table tr.dc-po-card>td.dc-po-extra{grid-column:1/-1;font-size:13px;display:none!important}
html body main table.purchase-simple-table.purchase-simple-table.purchase-simple-table tr.dc-po-card.is-expanded>td.dc-po-extra{display:flex!important;gap:8px}
html body main table.purchase-simple-table.purchase-simple-table.purchase-simple-table tr.dc-po-card.is-expanded>td.dc-po-extra::before{display:inline!important;content:attr(data-po-label)!important;color:#5b6b7b;min-width:5em;position:static!important}
}