/* V4 supplier workspace; all overrides are scoped, leaving seller/admin UI intact. */
.supplier-navigation {display:none}
html body:not([data-account-role=supplier]) .supplier-navigation {display:none!important}
html body.app-ready[data-account-role=supplier] #mainContent {background:#f7f9fb!important}
html body.app-ready[data-account-role=supplier] {background:#f7f9fb!important;--ui-rail:184px;color:#142034}
html body.app-ready[data-account-role=supplier] .sidebar {width:184px!important;padding:20px 12px!important;background:#fff!important;border-right:1px solid #e8edf3!important}
html body.app-ready[data-account-role=supplier] .sidebar .brand {height:82px!important;margin:0 0 12px!important;padding:0!important;justify-content:flex-start!important}
html body.app-ready[data-account-role=supplier] .sidebar .brand img {width:110px!important;height:82px!important;object-fit:contain}
html body.app-ready[data-account-role=supplier] .unified-primary-nav,
html body.app-ready[data-account-role=supplier] .unified-tools,
html body.app-ready[data-account-role=supplier] .sidebar-collapse {display:none!important}
html body.app-ready[data-account-role=supplier] .supplier-navigation {display:flex!important;flex-direction:column;gap:5px!important;flex:1;min-height:0}
html body.app-ready[data-account-role=supplier] .supplier-navigation p {font-size:13px;color:#607087;padding:0 14px;margin:8px 0 12px}
html body.app-ready[data-account-role=supplier] .supplier-navigation button {display:flex!important;align-items:center;gap:14px;min-height:48px!important;width:100%;padding:12px 17px!important;border:0!important;border-radius:5px!important;background:transparent!important;color:#52617a!important;box-shadow:none!important;font-size:14px!important;line-height:20px;font-weight:500!important;text-align:left;cursor:pointer}
html body.app-ready[data-account-role=supplier] .supplier-navigation button.active {color:#ed611b!important;background:#fff5ee!important;box-shadow:inset 2px 0 #f56723!important}
html body.app-ready[data-account-role=supplier] .supplier-navigation button.active img {filter:invert(46%) sepia(89%) saturate(2379%) hue-rotate(348deg) brightness(98%) contrast(94%)}
html body.app-ready[data-account-role=supplier] .supplier-navigation button:hover {background:#f6f8fa!important}
html body.app-ready[data-account-role=supplier] .supplier-navigation .st-settings {margin-top:auto!important}
html body.app-ready[data-account-role=supplier] #mainContent {margin-left:184px!important;width:calc(100% - 184px)!important;padding:26px 28px 26px 34px!important;max-width:none!important}
html body.app-ready[data-supplier-page=trade] #mainContent>header {display:none!important}
html body.app-ready[data-supplier-page=trade] .workspace-context-bar {display:none!important}
html body.app-ready #mainContent>#supplierTrade.active {padding:0!important;border:0!important;background:transparent!important;min-height:0!important;border-radius:0!important}
html body.app-ready #supplierTrade {font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;color:#152034;font-size:14px;line-height:1.5}
html body.app-ready #supplierTrade :where(p,h1,h2) {margin:0}
html body.app-ready #supplierTrade button {cursor:pointer;box-shadow:none!important;text-transform:none;letter-spacing:0}
html body.app-ready #supplierTrade button:disabled {opacity:.4;cursor:default}
html body.app-ready #supplierTrade :where(button,input,select):focus-visible,
html body.app-ready .supplier-navigation button:focus-visible {outline:2px solid #df641b!important;outline-offset:3px}
html body.app-ready #supplierTrade .st-icon,.supplier-navigation .st-icon {width:18px!important;height:18px!important;object-fit:contain;opacity:.68;flex-shrink:0}
html body.app-ready #supplierTrade .st-header {display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px}
html body.app-ready #supplierTrade .st-crumb {font-size:13px;color:#65758c;margin:0 0 10px 6px}
html body.app-ready #supplierTrade .st-crumb span {margin:0 10px;color:#9da9b8}
html body.app-ready #supplierTrade .st-title {display:flex;align-items:center;gap:17px;margin-left:6px}
html body.app-ready #supplierTrade h1 {font-size:32px!important;line-height:1.3!important;font-weight:700!important;color:#111a2c!important}
html body.app-ready #supplierTrade .st-demo {display:inline-block;background:#fff1e7;color:#cf4e10;border-radius:5px;padding:6px 10px;font-size:12px;line-height:1.5;font-weight:600;white-space:normal}
html body.app-ready #supplierTrade .st-account {text-align:right;flex-shrink:0}
html body.app-ready #supplierTrade .st-account button {background:none!important;border:0!important;padding:0!important;display:flex;align-items:center;gap:12px;height:32px!important;font-size:14px!important;color:#172036!important;margin-left:auto}
html body.app-ready #supplierTrade .st-account button>.st-icon:first-child {background:#e6eaf0;border-radius:50%;padding:6px;width:32px!important;height:32px!important}
html body.app-ready #supplierTrade .st-account small {display:block;color:#65758c;font-size:12px;margin-top:12px}
html body.app-ready #supplierTrade .st-metrics {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #e7edf3;border-radius:9px;background:#fff;padding:24px 0;margin-bottom:22px}
html body.app-ready #supplierTrade .st-metrics>div {padding:0 36px;border-right:1px solid #e8edf2;display:flex;flex-direction:column;gap:7px}
html body.app-ready #supplierTrade .st-metrics>div:last-child {border:0}
html body.app-ready #supplierTrade .st-metrics span {color:#556780;font-size:15px}
html body.app-ready #supplierTrade .st-metrics strong {font-size:36px;font-weight:650;line-height:1.4;letter-spacing:-.6px;color:#10192a;font-variant-numeric:tabular-nums;white-space:nowrap}
html body.app-ready #supplierTrade .st-metrics small {font-size:20px;color:#111a2c;margin-left:3px}
html body.app-ready #supplierTrade .st-orange {color:#f26319!important}
html body.app-ready #supplierTrade .st-orders {background:#fff;border:1px solid #e7edf3;border-radius:9px;padding:18px 16px 14px}
html body.app-ready #supplierTrade .st-toolbar {display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 10px 8px;min-height:40px}
html body.app-ready #supplierTrade h2 {font-size:22px!important;color:#111a2c!important;font-weight:650!important;white-space:nowrap}
html body.app-ready #supplierTrade .st-controls {display:flex;align-items:center;gap:12px}
html body.app-ready #supplierTrade :where(select,.st-controls>button,.st-dialog-footer button) {font-family:inherit;font-size:13px!important;line-height:20px!important;min-height:0!important;height:38px!important;width:auto!important;border:1px solid #dce3ec!important;border-radius:5px!important;padding:8px 13px!important;background-color:#fff!important;color:#35445b!important;box-shadow:none!important}
html body.app-ready #supplierTrade select {appearance:none;padding-right:34px!important;background-image:url('assets/supplier-trade/icons/chevron-down.svg')!important;background-size:14px!important;background-repeat:no-repeat!important;background-position:right 10px center!important;cursor:pointer}
html body.app-ready #supplierTrade .st-controls>button,.st-dialog-footer button {display:inline-flex;align-items:center;gap:8px}
html body.app-ready #supplierTrade .st-search {display:flex;align-items:center;gap:8px;width:270px!important;height:38px;border:1px solid #dce3ec;border-radius:5px;padding:0 12px;background:#fff;margin:0!important}
html body.app-ready #supplierTrade input[type=search] {height:34px!important;min-height:0!important;min-width:0!important;width:100%!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;font-size:13px!important;box-shadow:none!important;color:#35445b!important}
html body.app-ready #supplierTrade input::placeholder {color:#77869b;opacity:1}
html body.app-ready #supplierTrade .st-tabs {display:flex;gap:24px;min-height:36px;margin-bottom:4px}
html body.app-ready #supplierTrade .st-tabs button {border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;background:none!important;color:#5a6b82!important;font-size:14px!important;min-height:0!important;padding:6px 12px!important}
html body.app-ready #supplierTrade .st-tabs button[aria-pressed=true] {color:#eb621b!important;border-bottom-color:#eb621b!important}
html body.app-ready #supplierTrade .st-table-scroll {overflow:auto;border:1px solid #e8edf2;border-radius:4px}
html body.app-ready #supplierTrade table {table-layout:fixed;width:100%;min-width:860px;border-collapse:collapse!important;font-size:14px!important;background:#fff!important;border:0!important}
html body.app-ready #supplierTrade th {background:#f5f7f9!important;color:#60718a!important;font-size:12px!important;font-weight:500!important;height:40px!important;padding:8px 18px!important;border:0!important;border-bottom:1px solid #e8edf2!important;text-align:left;white-space:nowrap}
html body.app-ready #supplierTrade th:first-child {width:37%}
html body.app-ready #supplierTrade th:nth-child(2) {width:16%}
html body.app-ready #supplierTrade th:nth-child(3) {width:9%;text-align:center}
html body.app-ready #supplierTrade th:nth-child(4) {width:13%;text-align:right}
html body.app-ready #supplierTrade th:nth-child(5) {width:12%;text-align:center}
html body.app-ready #supplierTrade th:last-child {width:13%;text-align:center}
html body.app-ready #supplierTrade td {padding:9px 18px!important;height:72px!important;border:0!important;border-bottom:1px solid #e8edf2!important;vertical-align:middle!important;background:transparent!important;white-space:nowrap;color:#172238}
html body.app-ready #supplierTrade tr:last-child td {border-bottom:0!important}
html body.app-ready #supplierTrade tr:hover {background:#fafbfd!important}
html body.app-ready #supplierTrade td:nth-child(3),html body.app-ready #supplierTrade td:nth-child(5),html body.app-ready #supplierTrade td:last-child {text-align:center}
html body.app-ready #supplierTrade .st-product {border:0!important;border-radius:4px!important;background:none!important;padding:0!important;min-height:0!important;display:flex;align-items:center;gap:30px;text-align:left;color:#152034!important;width:100%;font-family:inherit}
html body.app-ready #supplierTrade .st-thumb {width:54px!important;height:54px!important;border-radius:4px;object-fit:contain;flex-shrink:0}
html body.app-ready #supplierTrade .st-product strong,html body.app-ready #supplierTrade .st-detail-product strong {display:block;font-size:16px!important;line-height:22px;font-weight:550;white-space:normal}
html body.app-ready #supplierTrade .st-product small,html body.app-ready #supplierTrade .st-detail-product small {display:block;font-size:14px;color:#697b94;line-height:20px;white-space:nowrap}
html body.app-ready #supplierTrade .st-order-id,html body.app-ready #supplierTrade .st-time {color:#546881;font-size:13px;font-variant-numeric:tabular-nums}
html body.app-ready #supplierTrade .st-money {text-align:right;font-variant-numeric:tabular-nums}
html body.app-ready #supplierTrade .st-status {display:inline-block;font-size:12px;line-height:20px;padding:4px 12px;border-radius:6px;font-weight:500;background:#edf3f8;color:#486c94}
html body.app-ready #supplierTrade .st-status.pending {background:#fff0e3;color:#d65108}
html body.app-ready #supplierTrade .st-status.received,html body.app-ready #supplierTrade .st-status.settled {background:#e9f6eb;color:#21823d}
html body.app-ready #supplierTrade .st-table-footer {display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:14px;color:#78889b;font-size:12px;min-height:45px}
html body.app-ready #supplierTrade .st-pagination,html body.app-ready #supplierTrade [data-pages] {display:flex;align-items:center;gap:8px}
html body.app-ready #supplierTrade .st-pagination {gap:16px}
html body.app-ready #supplierTrade .st-pagination select {height:32px!important;font-size:12px!important;padding-top:4px!important;padding-bottom:4px!important}
html body.app-ready #supplierTrade [data-pages] button {display:flex;align-items:center;justify-content:center;border:1px solid #e0e6ed!important;border-radius:4px!important;background:#fff!important;color:#586b85!important;min-height:0!important;width:30px;height:32px!important;padding:0!important;font-size:12px!important}
html body.app-ready #supplierTrade [data-pages] button[aria-current=page] {background:#f66a23!important;border-color:#f66a23!important;color:#fff!important}
html body.app-ready #supplierTrade .st-settlement {display:flex;align-items:center;gap:34px;margin-top:16px;padding:18px 24px 18px 30px;border:1px solid #e7edf3;border-left:6px solid #ffe0cc;border-radius:9px;background:#fff;min-height:88px}
html body.app-ready #supplierTrade .st-settlement>div {border-right:1px solid #e8edf2;flex:0 1 28%;padding-right:30px}
html body.app-ready #supplierTrade .st-settlement span {display:block;font-size:13px;color:#60718a}
html body.app-ready #supplierTrade .st-settlement strong {display:block;font-size:26px;line-height:1.3;font-weight:650;color:#111a2c;font-variant-numeric:tabular-nums}
html body.app-ready #supplierTrade .st-settlement p {display:flex;align-items:center;gap:14px;color:#61718a;font-size:14px;white-space:nowrap}
html body.app-ready #supplierTrade .st-primary {margin-left:auto;height:43px!important;min-height:0!important;min-width:140px;padding:10px 20px!important;border:1px solid #ee641d!important;border-radius:6px!important;background:#f56820!important;color:#fff!important;font-size:14px!important;font-weight:500}
html body.app-ready #supplierTrade .st-primary:hover {background:#de5815!important}
html body.app-ready #supplierTrade .st-empty {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;height:250px;color:#6a7a91}
html body.app-ready #supplierTrade .st-empty button {padding:7px 14px;border:1px solid #ddd;border-radius:5px;background:#fff;color:#d65b17}
html body.app-ready #supplierTrade .st-feedback {font-size:12px;color:#65758c;margin-top:8px}
html body.app-ready #supplierTrade .st-feedback:empty {display:none}
html body.app-ready #supplierTrade .st-dialog {width:560px!important;max-width:calc(100vw - 32px)!important;max-height:85vh;border:1px solid #e4e9ef!important;border-radius:12px!important;padding:24px!important;box-shadow:0 16px 70px #15203426!important;color:#172238;overflow:auto}
html body.app-ready #supplierTrade .st-dialog::backdrop {background:#14203455}
html body.app-ready #supplierTrade .st-dialog-header {display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
html body.app-ready #supplierTrade .st-dialog-header button {display:flex;align-items:center;justify-content:center;background:#f6f8fa!important;border:0!important;width:32px;height:32px!important;min-height:0!important;padding:6px!important;border-radius:5px}
html body.app-ready #supplierTrade .st-dialog .st-demo {margin-bottom:20px}
html body.app-ready #supplierTrade .st-detail-product {display:flex;align-items:center;gap:16px;margin-bottom:24px}
html body.app-ready #supplierTrade .st-detail-product .st-thumb {width:64px!important;height:64px!important}
html body.app-ready #supplierTrade dl {display:grid;grid-template-columns:auto 1fr;gap:14px;font-size:13px}
html body.app-ready #supplierTrade dt {color:#66768b}
html body.app-ready #supplierTrade dd {margin:0;text-align:right}
html body.app-ready #supplierTrade .st-dialog-footer {display:flex;justify-content:flex-end;gap:12px;margin-top:24px}
html body.app-ready #supplierTrade .st-bill-summary {display:flex;justify-content:space-between;margin:20px 0;background:#f7f9fb;padding:16px;border-radius:6px;color:#63748b;font-size:13px}
html body.app-ready #supplierTrade .st-bill-summary strong {display:block;font-size:24px;color:#152034;margin-top:5px}
html body.app-ready #supplierTrade .st-bill-rows>div {display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid #e8edf2;font-size:13px}
html body.app-ready #supplierTrade .st-bill-rows small {display:block;color:#76869a;line-height:1.6;margin-top:3px}
html body.app-ready #supplierTrade .st-muted {font-size:12px;color:#6b7a90;line-height:1.7;margin-top:14px}
@media(min-width:1700px){html body.app-ready #supplierTrade {max-width:1450px;margin:auto}}
@media(max-width:1200px){
 html body.app-ready #supplierTrade .st-metrics>div {padding:0 24px}
 html body.app-ready #supplierTrade .st-metrics strong {font-size:28px}
 html body.app-ready #supplierTrade .st-toolbar {flex-wrap:wrap;gap:12px}
 html body.app-ready #supplierTrade .st-controls {flex:1;justify-content:flex-end}
 html body.app-ready #supplierTrade .st-search {width:210px!important}
 html body.app-ready #supplierTrade .st-settlement {gap:20px}
}
@media(max-width:760px){
 html body.app-ready[data-account-role=supplier] .sidebar {position:static!important;width:100%!important;height:auto!important;min-height:0!important;padding:8px 14px!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px;border-right:0!important;border-bottom:1px solid #e8edf3!important}
 html body.app-ready[data-account-role=supplier] .sidebar .brand {margin:0!important}
 html body.app-ready[data-account-role=supplier] .sidebar .brand img {width:55px!important;height:44px!important}
 html body.app-ready[data-account-role=supplier] .supplier-navigation {flex-direction:row!important;justify-content:flex-end;gap:4px}
 html body.app-ready[data-account-role=supplier] .supplier-navigation p {display:none}
 html body.app-ready[data-account-role=supplier] .supplier-navigation button {width:auto!important;min-height:42px!important;padding:6px 8px!important;gap:5px;font-size:12px!important;white-space:nowrap}
 html body.app-ready[data-account-role=supplier] .supplier-navigation button img {display:none}
 html body.app-ready[data-account-role=supplier] .supplier-navigation .st-settings {margin:0!important}
 html body.app-ready[data-account-role=supplier] #mainContent {margin:0!important;width:100%!important;padding:20px 14px!important}
 html body.app-ready #supplierTrade .st-header {gap:8px}
 html body.app-ready #supplierTrade h1 {font-size:24px!important}
 html body.app-ready #supplierTrade .st-title {flex-direction:column;align-items:flex-start;gap:8px;margin-left:0}
 html body.app-ready #supplierTrade .st-crumb {margin-left:0}
 html body.app-ready #supplierTrade .st-demo {font-size:10px;padding:4px 6px}
 html body.app-ready #supplierTrade .st-account {max-width:136px}
 html body.app-ready #supplierTrade .st-account button {font-size:12px!important;gap:6px}
 html body.app-ready #supplierTrade .st-account button>img {display:none}
 html body.app-ready #supplierTrade .st-account small {font-size:10px;line-height:1.6}
 html body.app-ready #supplierTrade .st-metrics {grid-template-columns:repeat(2,1fr);padding:8px 0}
 html body.app-ready #supplierTrade .st-metrics>div {padding:12px 18px;gap:4px}
 html body.app-ready #supplierTrade .st-metrics>div:nth-child(2) {border:0}
 html body.app-ready #supplierTrade .st-metrics span {font-size:12px}
 html body.app-ready #supplierTrade .st-metrics strong {font-size:26px}
 html body.app-ready #supplierTrade .st-metrics small {font-size:14px}
 html body.app-ready #supplierTrade .st-orders {padding:14px 10px}
 html body.app-ready #supplierTrade .st-toolbar {margin-left:0;gap:12px;display:block}
 html body.app-ready #supplierTrade h2 {font-size:18px!important}
 html body.app-ready #supplierTrade .st-controls {display:flex;flex-wrap:wrap;justify-content:flex-start;gap:8px;margin-top:12px}
 html body.app-ready #supplierTrade .st-search {width:100%!important}
 html body.app-ready #supplierTrade .st-controls select {flex:1;min-width:0}
 html body.app-ready #supplierTrade .st-controls>button {padding:8px!important}
 html body.app-ready #supplierTrade .st-tabs {gap:12px;margin-top:8px}
 html body.app-ready #supplierTrade .st-tabs button {font-size:12px!important;padding:7px 8px!important}
 html body.app-ready #supplierTrade .st-table-footer {align-items:flex-start;flex-direction:column;gap:10px}
 html body.app-ready #supplierTrade .st-pagination {width:100%;justify-content:space-between;gap:6px}
 html body.app-ready #supplierTrade [data-pages] {gap:4px}
 html body.app-ready #supplierTrade [data-pages] button {width:26px}
 html body.app-ready #supplierTrade .st-settlement {flex-wrap:wrap;gap:16px;padding:16px;min-height:0}
 html body.app-ready #supplierTrade .st-settlement>div {flex:1 1 40%;padding-right:8px}
 html body.app-ready #supplierTrade .st-settlement>div:nth-child(2) {border:0}
 html body.app-ready #supplierTrade .st-settlement strong {font-size:23px}
 html body.app-ready #supplierTrade .st-primary {min-width:120px}
 html body.app-ready #supplierTrade .st-dialog {padding:18px!important}
}

/* Match the existing important typography layer without affecting other workspaces. */
@layer compactTypography {
html body.app-ready #supplierTrade td {font-size:16px!important}
html body.app-ready[data-account-role=supplier] .supplier-navigation p {font-size:13px!important}
html body.app-ready[data-account-role=supplier] .supplier-navigation button {font-size:14px!important;line-height:20px!important;font-weight:500!important}
html body.app-ready #supplierTrade {font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif!important;font-size:14px!important;line-height:1.5!important}
html body.app-ready #supplierTrade button {letter-spacing:0!important}
html body.app-ready #supplierTrade .st-crumb {font-size:13px!important}
html body.app-ready #supplierTrade h1 {font-size:32px!important;line-height:1.3!important;font-weight:700!important}
html body.app-ready #supplierTrade .st-demo {font-size:12px!important;line-height:1.5!important;font-weight:600!important}
html body.app-ready #supplierTrade .st-account button {font-size:14px!important}
html body.app-ready #supplierTrade .st-account small {font-size:12px!important}
html body.app-ready #supplierTrade .st-metrics span {font-size:16px!important}
html body.app-ready #supplierTrade .st-metrics strong {font-size:36px!important;font-weight:650!important;line-height:1.4!important;letter-spacing:-.6px!important}
html body.app-ready #supplierTrade .st-metrics small {font-size:20px!important}
html body.app-ready #supplierTrade h2 {font-size:22px!important;font-weight:650!important}
html body.app-ready #supplierTrade :where(select,.st-controls>button,.st-dialog-footer button) {font-family:inherit!important;font-size:13px!important;line-height:20px!important}
html body.app-ready #supplierTrade input[type=search] {font-size:13px!important}
html body.app-ready #supplierTrade .st-tabs button {font-size:14px!important}
html body.app-ready #supplierTrade table {font-size:14px!important}
html body.app-ready #supplierTrade th {font-size:12px!important;font-weight:500!important}
html body.app-ready #supplierTrade .st-product {font-family:inherit!important}
html body.app-ready #supplierTrade .st-product strong,html body.app-ready #supplierTrade .st-detail-product strong {font-size:16px!important;line-height:22px!important;font-weight:550!important}
html body.app-ready #supplierTrade .st-product small,html body.app-ready #supplierTrade .st-detail-product small {font-size:14px!important;line-height:20px!important}
html body.app-ready #supplierTrade .st-order-id,html body.app-ready #supplierTrade .st-time {font-size:13px!important}
html body.app-ready #supplierTrade .st-status {font-size:12px!important;line-height:20px!important;font-weight:500!important}
html body.app-ready #supplierTrade .st-table-footer {font-size:12px!important}
html body.app-ready #supplierTrade .st-pagination select {font-size:12px!important}
html body.app-ready #supplierTrade [data-pages] button {font-size:12px!important}
html body.app-ready #supplierTrade .st-settlement span {font-size:13px!important}
html body.app-ready #supplierTrade .st-settlement strong {font-size:26px!important;line-height:1.3!important;font-weight:650!important}
html body.app-ready #supplierTrade .st-settlement p {font-size:14px!important}
html body.app-ready #supplierTrade .st-primary {font-size:14px!important;font-weight:500!important}
html body.app-ready #supplierTrade .st-feedback {font-size:12px!important}
html body.app-ready #supplierTrade dl {font-size:13px!important}
html body.app-ready #supplierTrade .st-bill-summary {font-size:13px!important}
html body.app-ready #supplierTrade .st-bill-summary strong {font-size:24px!important}
html body.app-ready #supplierTrade .st-bill-rows>div {font-size:13px!important}
html body.app-ready #supplierTrade .st-bill-rows small {line-height:1.6!important}
html body.app-ready #supplierTrade .st-muted {font-size:12px!important;line-height:1.7!important}
@media(max-width:1200px){
 html body.app-ready #supplierTrade .st-metrics strong {font-size:28px!important}
}
@media(max-width:760px){
 html body.app-ready[data-account-role=supplier] .supplier-navigation button {font-size:12px!important}
 html body.app-ready #supplierTrade h1 {font-size:24px!important}
 html body.app-ready #supplierTrade .st-demo {font-size:10px!important}
 html body.app-ready #supplierTrade .st-account button {font-size:12px!important}
 html body.app-ready #supplierTrade .st-account small {font-size:10px!important;line-height:1.6!important}
 html body.app-ready #supplierTrade .st-metrics span {font-size:12px!important}
 html body.app-ready #supplierTrade .st-metrics strong {font-size:26px!important}
 html body.app-ready #supplierTrade .st-metrics small {font-size:14px!important}
 html body.app-ready #supplierTrade h2 {font-size:18px!important}
 html body.app-ready #supplierTrade .st-tabs button {font-size:12px!important}
 html body.app-ready #supplierTrade .st-settlement strong {font-size:23px!important}
}
}

html body.app-ready #supplierTrade .st-controls [data-warehouse] {width:132px!important}
html body.app-ready #supplierTrade .st-controls [data-days] {width:114px!important}
html body.app-ready #supplierTrade .st-controls [data-export] {width:102px!important;justify-content:center}
html body.app-ready #supplierTrade .st-account [data-user] {max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@layer compactTypography {
 html body.app-ready #supplierTrade .st-demo {font-size:14px!important}
 html body.app-ready #supplierTrade .st-controls :where(select,button,input) {font-size:14px!important}
 html body.app-ready #supplierTrade .st-status,html body.app-ready #supplierTrade th {font-size:14px!important}
 html body.app-ready #supplierTrade .st-order-id,html body.app-ready #supplierTrade .st-time {font-size:14px!important}
 html body.app-ready #supplierTrade .st-account button {font-size:16px!important}
 html body.app-ready #supplierTrade .st-primary {font-size:16px!important}
 html body.app-ready[data-account-role=supplier] .supplier-navigation button {font-size:16px!important}
 @media(max-width:760px){
  html body.app-ready #supplierTrade .st-demo {font-size:11px!important}
  html body.app-ready #supplierTrade .st-controls :where(select,button,input) {font-size:12px!important}
  html body.app-ready #supplierTrade .st-account button,html body.app-ready[data-account-role=supplier] .supplier-navigation button {font-size:12px!important}
  html body.app-ready #supplierTrade .st-product strong {font-size:14px!important}
 }
}
@media(max-width:1200px){
 html body.app-ready #supplierTrade .st-controls [data-days] {width:90px!important}
 html body.app-ready #supplierTrade .st-controls [data-export] {width:82px!important}
}
@media(max-width:760px){
 html body.app-ready #supplierTrade .st-controls [data-warehouse],html body.app-ready #supplierTrade .st-controls [data-days] {width:auto!important}
 html body.app-ready #supplierTrade .st-controls [data-export] {width:68px!important}
 html body.app-ready #supplierTrade .st-account [data-user] {max-width:125px}
}