:root {
  --supplier-bg: #f4f6f8;
  --supplier-ink: #1f2933;
  --supplier-muted: #66737f;
  --supplier-panel: #ffffff;
  --supplier-border: #dfe4e8;
  --supplier-accent: #1877a8;
  --supplier-accent-dark: #125a80;
  --supplier-sidebar: #1f2d3d;
  --supplier-success: #20835d;
  --supplier-danger: #b84242;
}

html, body { min-height: 100%; }
body { margin: 0; background: #fff; color: #303133; font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif; font-size: 14px; overflow-x: hidden; }
html[data-supplier-theme="dark"] {
  --supplier-panel: #1f2329;
  --supplier-border: #3a3f47;
  --supplier-muted: #a8adb5;
}
html[data-supplier-theme="dark"] body { background: #15181d; color: #e5e7eb; }

.supplier-login-page {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  padding: 24px;
}

.supplier-login-card {
  width: 100%;
  max-width: 420px;
  padding: 32px;
  border: 1px solid var(--supplier-border);
  border-radius: 8px;
  background: var(--supplier-panel);
  box-shadow: 0 12px 30px rgba(28, 39, 47, .12);
}

.supplier-login-card h1 { margin: 16px 0 6px; font-size: 25px; }
.supplier-login-card > p { margin-bottom: 24px; }
.supplier-brand-mark {
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  border-radius: 6px;
  background: var(--supplier-accent);
  color: white;
  font-size: 24px;
  font-weight: 700;
}

.supplier-shell { display: flex; min-height: 100vh; }
.supplier-sidebar {
  position: fixed;
  inset: 0 auto 0 0;
  z-index: 20;
  width: 210px;
  overflow-x: hidden;
  overflow-y: auto;
  background: var(--supplier-sidebar);
  color: #dfe8ed;
}
.supplier-logo { display: none; height: 50px; align-items: center; gap: 10px; padding: 7px 16px; color: #fff; text-decoration: none; }
.supplier-logo:hover, .supplier-logo:focus { color: #fff; text-decoration: none; background: rgba(255,255,255,.04); }
.supplier-logo .supplier-brand-mark { width: 36px; height: 36px; font-size: 19px; }
.supplier-sidebar nav > a { display: flex; min-height: 56px; align-items: center; gap: 11px; padding: 16px 20px; color: #bfcbd9; text-decoration: none; border-left: 3px solid transparent; }
.supplier-sidebar nav > a:hover, .supplier-sidebar nav > a.active { color: #fff; background: rgba(255,255,255,.08); border-left-color: #4db3e6; }
.supplier-nav-group-toggle { display: flex; width: 100%; min-height: 56px; align-items: center; justify-content: space-between; padding: 16px 20px; border: 0; border-left: 3px solid transparent; background: transparent; color: #bfcbd9; text-align: left; }
.supplier-nav-group-toggle span { display: flex; align-items: center; gap: 11px; }
.supplier-nav-group-toggle:hover, .supplier-nav-group.open > .supplier-nav-group-toggle { background: #001528; color: #fff; }
.supplier-nav-arrow { transition: transform .18s ease; }
.supplier-nav-group.open .supplier-nav-arrow { transform: rotate(180deg); }
.supplier-nav-submenu { display: none; padding: 3px 0 7px; background: #1f2d3d; }
.supplier-nav-group.open .supplier-nav-submenu { display: block; }
.supplier-nav-submenu a { display: flex; min-height: 50px; align-items: center; gap: 10px; padding: 13px 18px 13px 37px; border-left: 3px solid transparent; color: #b8c6ce; text-decoration: none; }
.supplier-submenu-icon { flex: 0 0 16px; width: 16px; color: inherit; text-align: center; }
.supplier-nav-submenu a:hover, .supplier-nav-submenu a.active { border-left-color: #409eff; background: #001528; color: #409eff; }
.supplier-main { width: calc(100% - 210px); min-width: 0; margin-left: 210px; overflow-x: hidden; }
.supplier-topbar { display: flex; min-height: 50px; align-items: center; justify-content: flex-start; padding: 0 20px; border-bottom: 1px solid #e6e6e6; background: #fff; box-shadow: 0 1px 4px rgba(0,21,41,.08); }
.supplier-breadcrumb { display: flex; align-items: center; gap: 9px; margin: 0; padding: 0; border-radius: 0; background: transparent; color: #606266; font-size: 14px; }
.supplier-breadcrumb a { color: #303133; text-decoration: none; }
.supplier-breadcrumb strong { color: #97a8be; font-weight: 400; }
.supplier-topbar-actions { display: flex; align-items: center; gap: 8px; margin-left: auto; }
.supplier-theme-toggle, .supplier-menu-toggle, .supplier-account-toggle, .supplier-fullscreen-toggle { border: 0; background: transparent; color: inherit; }
.supplier-fullscreen-toggle { width: 36px; height: 36px; font-size: 17px; }
.supplier-theme-toggle { min-width: 70px; height: 36px; padding: 0 8px; font-size: 14px; white-space: nowrap; }
.supplier-account { position: relative; }
.supplier-account form { margin: 0; }
.supplier-account-toggle { display: flex; min-height: 38px; align-items: center; gap: 7px; padding: 0 8px; }
.supplier-account-toggle .fa-angle-down { transition: transform .18s ease; }
.supplier-account-toggle[aria-expanded="true"] .fa-angle-down { transform: rotate(180deg); }
.supplier-account-menu { position: absolute; top: calc(100% + 5px); right: 0; z-index: 1000; min-width: 132px; border: 1px solid var(--supplier-border); border-radius: 4px; background: var(--supplier-panel); box-shadow: 0 5px 16px rgba(0,0,0,.14); }
.supplier-account-menu a, .supplier-account-menu button { display: block; width: 100%; padding: 10px 14px; border: 0; background: transparent; color: inherit; text-align: left; text-decoration: none; }
.supplier-account-menu form { border-top: 1px solid var(--supplier-border); }
.supplier-account-menu a:hover, .supplier-account-menu button:hover { background: rgba(64,158,255,.1); color: inherit; text-decoration: none; }
.supplier-menu-toggle { display: inline-block; width: 36px; height: 36px; font-size: 20px; }
.supplier-content { padding: 20px; }
.supplier-panel { margin-bottom: 20px; padding: 0; border: 0; border-radius: 0; background: var(--supplier-panel); }
.supplier-panel h1 { margin: 0 0 5px; font-size: 22px; }
.supplier-panel h2 { margin: 0 0 18px; font-size: 18px; }
.supplier-panel-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 18px; }
.supplier-panel-heading p { margin: 0; color: var(--supplier-muted); }
.supplier-panel-heading > div:first-child { display: none; }
.supplier-panel-heading { min-height: 32px; align-items: center; justify-content: flex-end; margin-bottom: 12px; }
.supplier-security-stack { display: block; max-width: 720px; }
.supplier-security-stack .supplier-panel { margin-bottom: 24px; }
.supplier-accept-bar { display: flex; align-items: center; min-height: 38px; margin-bottom: 10px; }
.supplier-accept-bar form { margin: 0; }
.supplier-auto-submit-button { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.supplier-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.supplier-form-grid .supplier-panel { margin-bottom: 0; }
.supplier-content code { word-break: break-all; }
.supplier-content .table { margin-bottom: 0; }
.supplier-content .table th { white-space: nowrap; color: #4a5963; background: #f8fafb; }
.supplier-content .table > thead > tr > th { height: 56px; padding: 12px 10px; vertical-align: middle; border-bottom: 1px solid #ebeef5; color: #606266; background: #fff; font-weight: 700; }
.supplier-content .table > tbody > tr > td { padding: 10px; vertical-align: middle; border-top: 1px solid #ebeef5; }
.supplier-table-wrap { width: 100%; max-width: 100%; overflow-x: auto; contain: layout paint; }
.supplier-grid-table { border: 1px solid #e6ebf5; border-collapse: collapse; }
.supplier-content .supplier-grid-table > thead > tr > th,
.supplier-content .supplier-grid-table > tbody > tr > td { border: 1px solid #e6ebf5; }
.supplier-compact-form { font-size: 13px; }
.supplier-compact-form .form-control { height: 32px; padding: 5px 10px; border-color: #dcdfe6; border-radius: 4px; box-shadow: none; font-size: 13px; }
.supplier-account-list-filters { display: flex; flex-wrap: wrap; align-items: center; column-gap: 10px; row-gap: 2px; margin-bottom: 0; padding-bottom: 2px; }
.supplier-filter-field { min-width: 120px; }
.supplier-filter-field { display: flex; align-items: center; gap: 7px; }
.supplier-filter-field label { flex: 0 0 auto; margin: 0; color: #606266; font-weight: 400; white-space: nowrap; }
.supplier-filter-field .form-control { flex: 1 1 auto; min-width: 0; }
.supplier-filter-field-narrow { min-width: 90px; width: 90px; }
.supplier-filter-check { display: flex; min-height: 32px; align-items: center; gap: 6px; margin: 0; font-weight: 400; }
.supplier-filter-switch { min-height: 32px; }
.supplier-account-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 0 0 14px; }
.supplier-account-actions .btn { height: 32px; padding: 7px 15px; border-radius: 4px; font-size: 12px; line-height: 16px; }
#resource-search-form { display: grid; grid-template-columns: 169px 141px 154px 155px 156px 111px 183px 374px; align-items: center; gap: 0 10px; }
#resource-search-form > .supplier-filter-field,
#resource-search-form > .supplier-filter-check,
#resource-search-form > .supplier-account-actions { width: auto; min-width: 0; }
#resource-search-form .supplier-filter-field:nth-child(5) .form-control { min-width: 0; }
#resource-search-form .supplier-account-actions { display: flex; align-self: center; gap: 0; margin: 0; }
#resource-search-form .supplier-account-actions .btn:nth-child(1) { width: 74px; }
#resource-search-form .supplier-account-actions .btn:nth-child(2) { width: 122px; margin-left: 12px; }
#resource-search-form .supplier-account-actions .btn:nth-child(3) { width: 56px; margin-left: 15px; }
#resource-search-form .supplier-account-actions .btn:nth-child(4) { width: 80px; margin-left: 15px; }
.supplier-account-notice { margin: 5px 0; padding: 8px 15px; border: 1px solid #ffebb3; border-radius: 4px; background: #fff8e6; color: #303133; font-size: 12px; line-height: 18px; }
.supplier-resource-batch-toolbar { display: flex; min-height: 42px; align-items: center; gap: 10px; margin: 8px 0; padding: 5px 10px; border: 1px solid #ebeef5; background: #f5f7fa; }
.supplier-resource-batch-toolbar[hidden] { display: none !important; }
.supplier-resource-batch-toolbar .btn { min-width: 76px; height: 32px; padding: 6px 12px; border-radius: 4px; font-size: 12px; }
.supplier-resource-bulk-delete-dialog { width: min(440px, 100%); }
.supplier-resource-bulk-delete-message { margin: 4px 0 18px; color: #606266; line-height: 24px; }
.supplier-resource-exact-table { width: max(1215px, 100%); min-width: 1215px; table-layout: fixed; color: #606266; font-size: 12px; line-height: 18px; }
.supplier-content .supplier-resource-exact-table > thead > tr > th { height: 50px; padding: 4px 2px; color: #909399; line-height: 18px; white-space: nowrap; }
.supplier-content .supplier-resource-exact-table > tbody > tr > td { height: 81px; padding: 4px 0; color: #606266; line-height: 18px; }
.supplier-resource-exact-table th, .supplier-resource-exact-table td { border: 1px solid #ebeef5 !important; text-align: center; vertical-align: middle !important; line-height: 18px; }
.supplier-resource-head-lines > span { display: block; white-space: nowrap; }
.supplier-resource-cell { box-sizing: border-box; width: 100%; overflow: hidden; padding: 0 10px; overflow-wrap: break-word; line-height: 23px; white-space: normal; }
.supplier-resource-exact-table > tbody > tr > td:nth-child(13) .supplier-resource-cell { height: 47px; white-space: nowrap; }
.supplier-resource-created-at { display: block; height: 19px; overflow: hidden; line-height: 18px; white-space: nowrap; }
.supplier-inline-post.supplier-resource-status-form { display: flex; height: 24px; align-items: center; justify-content: center; margin: 3px 0 0; }
.supplier-resource-status-form .supplier-switch-control { width: 30px; height: 24px; gap: 0; }
.supplier-resource-status-form .supplier-switch-track { width: 30px; height: 16px; border-radius: 8px; }
.supplier-resource-status-form .supplier-switch-track::after { width: 12px; height: 12px; }
.supplier-resource-status-form .supplier-switch-control input:checked + .supplier-switch-track::after { transform: translateX(14px); }
.supplier-resource-exact-table .supplier-resource-name { padding-right: 8px; padding-left: 8px; text-align: center; }
.supplier-resource-name > span,
.supplier-resource-type { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow-wrap: anywhere; }
.supplier-resource-name > span { -webkit-line-clamp: 2; line-clamp: 2; }
.supplier-resource-type { -webkit-line-clamp: 3; line-clamp: 3; }
.supplier-resource-warning { display: block; margin: 0 auto 5px; padding: 0; border: 0; background: transparent; color: lightcoral; font-size: 18px; line-height: 1; cursor: pointer; }
.supplier-resource-warning:focus-visible { outline: 2px solid #409eff; outline-offset: 2px; border-radius: 50%; }
.supplier-balance-cell { white-space: nowrap; }
.supplier-balance-segment { margin-right: 5px; font-weight: 700; white-space: nowrap; }
.supplier-balance-total { color: #0fa552; }
.supplier-balance-frozen { color: #ff4949; }
.supplier-balance-deposit { color: dimgray; }
.supplier-balance-available { display: inline; margin-right: 0; }
.supplier-balance-available, .supplier-today-stat { color: #007aff; font-weight: 700; }
.supplier-resource-pull-limit,
.supplier-resource-receivable,
.supplier-resource-today { white-space: nowrap; }
.supplier-resource-collection-limit .supplier-tag,
.supplier-resource-limit-value { display: block; width: max-content; max-width: 100%; margin-right: auto; margin-left: auto; white-space: nowrap; }
.supplier-resource-limit-value { margin-top: 4px; }
.supplier-tag { display: inline-flex; min-height: 24px; align-items: center; justify-content: center; padding: 0 6px; border: 1px solid; border-radius: 4px; line-height: 22px; white-space: nowrap; }
.supplier-tag-success { border-color: #d0f5e0; background: #e8faf0; color: #13ce66; }
.supplier-tag-warning { border-color: #faecd8; background: #fdf6ec; color: #e6a23c; }
.supplier-tag-danger { border-color: #fde2e2; background: #fef0f0; color: #f56c6c; }
.supplier-tag-primary { border-color: #d1e9ff; background: #e8f4ff; color: #1890ff; }
.supplier-action-cell { display: table-cell; }
.supplier-action-cell .btn { display: flex; width: 56px; height: 32px; align-items: center; justify-content: center; margin: 0 auto; padding: 0; border-radius: 4px; font-size: 12px; }
.supplier-action-cell .btn + .btn { margin-top: 0; }
.supplier-action-cell .btn-success { border-color: #13ce66; background: #13ce66; }
.supplier-action-cell .btn-primary { border-color: #1890ff; background: #1890ff; }
.supplier-table-switch { justify-content: center; }
.supplier-table-switch em { display: none; }
.supplier-stats-status-form { display: inline-flex; align-items: center; justify-content: center; }
.supplier-readonly-switch { cursor: default; }
.supplier-readonly-switch input:disabled + .supplier-switch-track { opacity: 1; }
.supplier-stacked { line-height: 1.65; }
.supplier-stacked span { display: block; white-space: nowrap; }
.supplier-switch-label-first { gap: 6px; }
.supplier-order-platform .label { display: inline-block; width: max-content; margin-top: 2px; }
.supplier-order-user-submit { color: #f56c6c; }
.supplier-order-amount span:first-child { color: #606266; }
.supplier-order-amount span:last-child { color: #909399; }
.supplier-order-view-code { display: inline-block; width: max-content; margin-top: 2px; padding: 1px 7px; border: 1px solid #dcdfe6; border-radius: 3px; background: #f5f7fa; color: #909399; line-height: 20px; }
.supplier-order-view-code:hover,.supplier-order-view-code:focus { border-color: #c6e2ff; background: #ecf5ff; color: #409eff; text-decoration: none; }
.supplier-order-status { display: inline-block !important; width: max-content; margin-top: 2px; padding: 2px 7px; border: 1px solid #c6e2ff; border-radius: 3px; background: #ecf5ff; color: #409eff; line-height: 20px; }
.supplier-order-status.is-success { border-color: #c2e7b0; background: #f0f9eb; color: #67c23a; }
.supplier-order-status.is-failed,.supplier-order-status.is-cancelled { border-color: #f5dab1; background: #fdf6ec; color: #e6a23c; }
.supplier-status-dot { display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; }
.supplier-status-dot:before { width: 8px; height: 8px; border-radius: 50%; background: #67c23a; content: ''; }
.supplier-status-dot.off:before { background: #909399; }
.supplier-inline-post { display: inline; margin: 0; }
.supplier-btn-link { border: 0; background: transparent; color: #409eff; padding: 0 5px; }
.supplier-sort-button,.supplier-expand-button { border: 0; background: transparent; color: #c0c4cc; }
.supplier-sort-button { padding: 0 3px; font-size: 12px; }
.supplier-sort-button[data-sort-direction] { color: #409eff; }
.supplier-expand-button { width: 28px; height: 28px; font-size: 16px; }
.supplier-preview-detail { margin: 8px 0 !important; }
.supplier-pagination { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 20px; font-size: 13px; }
.supplier-pagination .btn { min-width: 32px; height: 32px; padding: 6px 8px; background: #f4f4f5; }
.supplier-pagination .supplier-page-number { display: inline-flex; min-width: 24px; height: 28px; align-items: center; justify-content: center; padding: 0 6px; border: 1px solid transparent; border-radius: 3px; color: #409eff; line-height: 26px; text-decoration: none; }
.supplier-pagination a.supplier-page-number:hover,.supplier-pagination a.supplier-page-number:focus { border-color: #c6e2ff; background: #ecf5ff; color: #409eff; text-decoration: none; }
.supplier-pagination .supplier-page-number.is-current { border-color: #409eff; background: #409eff; color: #fff; font-weight: 600; }
.supplier-channel-list-actions { display: flex; align-items: center; gap: 8px; }
.supplier-channel-list-actions form { margin: 0; }
.supplier-order-status-badge,.supplier-payout-status,.supplier-payout-pool-status { display: inline-flex; width: max-content; max-width: 100%; min-height: 24px; align-items: center; justify-content: center; padding: 2px 7px; border: 1px solid #c6e2ff; border-radius: 4px; background: #ecf5ff; color: #409eff; line-height: 18px; text-decoration: none; }
.supplier-modal-open { overflow: hidden; }
.supplier-modal { position: fixed; inset: 0; z-index: 2000; display: none; align-items: center; justify-content: center; padding: 20px; background: rgba(0,0,0,.5); }
.supplier-modal [hidden] { display: none !important; }
.supplier-modal.is-open { display: flex; }
.supplier-modal-dialog { width: min(600px, 100%); max-height: calc(100vh - 40px); overflow-y: auto; border-radius: 4px; background: #fff; box-shadow: 0 2px 12px rgba(0,0,0,.2); }
.supplier-modal-dialog-wide { width: min(820px, 100%); }
.supplier-modal-header { display: flex; align-items: center; justify-content: space-between; padding: 20px 20px 10px; }
.supplier-modal-header h2 { margin: 0; font-size: 18px; font-weight: 400; }
.supplier-modal-close { border: 0; background: transparent; color: #909399; font-size: 21px; }
.supplier-modal-body { padding: 12px 20px 20px; }
.supplier-modal-footer { padding-top: 10px; text-align: center; }
.supplier-resource-warning-dialog { width: min(400px, 100%); padding: 12px; overflow: hidden; box-shadow: 0 12px 32px 4px rgba(0,0,0,.04), 0 8px 20px rgba(0,0,0,.08); }
.supplier-resource-warning-header { position: relative; height: 36px; padding: 0 28px 12px 0; }
.supplier-resource-warning-header h2 { display: flex; width: 100%; align-items: center; justify-content: center; gap: 8px; color: #303133; line-height: 24px; }
.supplier-resource-warning-header .supplier-modal-close { position: absolute; top: -12px; right: -12px; width: 40px; height: 40px; padding: 0; }
.supplier-resource-warning-mark { display: inline-flex; width: 20px; height: 20px; align-items: center; justify-content: center; border-radius: 50%; background: #e6a23c; color: #fff; font-size: 14px; font-weight: 700; }
.supplier-resource-warning-body { padding: 0; color: #606266; }
.supplier-resource-warning-body p { width: min(274px, 100%); margin: 0 auto; line-height: 21px; }
.supplier-resource-warning-body strong { display: block; width: min(274px, 100%); margin: 0 auto; color: #f56c6c; font-size: 18px; line-height: 24px; }
.supplier-resource-warning-body .supplier-resource-warning-clear { width: min(274px, 100%); margin: 8px auto 0; color: #909399; font-size: 13px; line-height: 19px; }
.supplier-resource-warning-clear > span:first-child { color: #606266; }
.supplier-resource-warning-body .supplier-modal-footer { height: 44px; padding-top: 12px; }
.supplier-resource-warning-body .btn { width: 56px; height: 32px; padding: 8px 15px; font-size: 12px; line-height: 12px; }
.supplier-resource-warning-body .btn:focus { outline: 2px solid #8cc8ff; outline-offset: 0; box-shadow: none; }
.supplier-tutorial-dialog { width: min(400px, 100%); }
.supplier-tutorial-header { min-height: 36px; justify-content: flex-end; padding: 10px 10px 0; }
.supplier-tutorial-body { padding: 0 12px 12px; }
.supplier-tutorial-body p { margin: 0 0 8px; color: #606266; line-height: 24px; }
.supplier-tutorial-body .supplier-modal-footer { display: flex; justify-content: flex-end; padding-top: 0; }
.supplier-modal-tabs { display: flex; margin-bottom: 22px; border-bottom: 1px solid #e4e7ed; }
.supplier-modal-tabs button { flex: 1; padding: 12px 8px; border: 0; border-bottom: 2px solid transparent; background: #fff; color: #606266; }
.supplier-modal-tabs button.active { border-bottom-color: #409eff; color: #409eff; }
.supplier-exact-form-row { display: grid; grid-template-columns: 150px minmax(0,1fr); align-items: center; gap: 12px; margin-bottom: 16px; }
.supplier-exact-form-row > label { margin: 0; text-align: right; font-weight: 400; }
.supplier-exact-form-row .form-control { height: 40px; }
.supplier-exact-form-row textarea.form-control { height: auto; }
.supplier-readonly-group { margin: 4px 0 16px 162px; padding: 12px 16px; border: 1px solid #ebeef5; border-radius: 4px; }
.supplier-readonly-group legend { width: auto; margin: 0 0 8px; padding: 0 6px; border: 0; color: #606266; font-size: 14px; }
.supplier-readonly-group p { margin: 0 0 7px; color: #606266; line-height: 1.6; }
.supplier-readonly-group p:last-child { margin-bottom: 0; }
.supplier-delete-confirm { display: flex; align-items: center; justify-content: center; gap: 7px; margin: 14px 0 0; color: #f56c6c; font-weight: 400; }
.supplier-qr-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.supplier-qr-actions .btn { min-height: 34px; }
.supplier-qr-actions .form-control { flex: 1 1 260px; }
.supplier-clearable-field { position: relative; }
.supplier-upload-content-field .form-control { display: block; width: 100%; min-height: 30px; height: 30px; padding: 5px 32px 5px 11px; resize: none; overflow: hidden; border-color: #dcdfe6; border-radius: 4px; background: #fff; color: #606266; font-size: 13px; line-height: 19px; }
.supplier-upload-content-field .form-control:focus { border-color: #409eff; box-shadow: 0 0 0 1px rgba(64,158,255,.08); outline: 0; }
.supplier-field-clear { position: absolute; z-index: 2; top: 8px; right: 11px; display: flex; width: 14px; height: 14px; align-items: center; justify-content: center; padding: 0; border: 1px solid currentColor; border-radius: 50%; background: #fff; color: #a8abb2; font-size: 13px; line-height: 12px; opacity: 0; pointer-events: none; transition: opacity .12s ease, color .12s ease; }
.supplier-clearable-field.has-value:hover .supplier-field-clear,.supplier-clearable-field.has-value:focus-within .supplier-field-clear { opacity: 1; pointer-events: auto; }
.supplier-field-clear:hover,.supplier-field-clear:focus { color: #606266; outline: 0; }
.supplier-field-clear[hidden] { display: none; }
.supplier-upload-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; margin-top: 5px; }
.supplier-upload-chip { display: inline-flex; min-height: 20px; align-items: center; justify-content: center; padding: 0 7px; border: 1px solid; border-radius: 4px; font-size: 12px; line-height: 18px; white-space: nowrap; cursor: pointer; }
.supplier-upload-chip-local { border-color: #e9e9eb; background: #f4f4f5; color: #909399; }
.supplier-upload-chip-paste { border-color: #ffefcc; background: #fff8e6; color: #ffba00; }
.supplier-upload-chip:hover,.supplier-upload-chip:focus { filter: brightness(.98); outline: 0; }
.resource-tutorial-hint { margin: 0 0 16px 162px; color: #606266; }
.supplier-resource-key-table { margin: 0 0 16px; }
.supplier-resource-key-table th { text-align: center; font-weight: 400; }
.supplier-resource-key-table .supplier-resource-key-col { width: 110px; }
.supplier-resource-key-table td:first-child { width: 110px; text-align: center; vertical-align: middle; }
.supplier-resource-key-table td:nth-child(2) { vertical-align: middle; }
.supplier-modal:has(.supplier-modal-dialog-wide).is-open { align-items: flex-start; overflow-y: auto; padding: 0; }
.supplier-modal-dialog-wide { width: min(900px, 100%); max-height: none; overflow: visible; }
.supplier-modal-dialog-wide .supplier-modal-header { height: 54px; padding: 20px 20px 14px; }
.supplier-modal-dialog-wide .supplier-modal-body { padding: 30px 20px 20px; }
.supplier-modal-dialog-wide .supplier-exact-form-row { grid-template-columns: 156px minmax(0,1fr); gap: 0; min-height: 32px; margin-bottom: 2px; }
.supplier-modal-dialog-wide .supplier-exact-form-row > label { padding-right: 12px; }
.supplier-modal-dialog-wide .supplier-exact-form-row .form-control { height: 32px; }
.supplier-modal-dialog-wide .supplier-exact-form-row textarea.form-control { min-height: 32px; }
.supplier-modal-dialog-wide .supplier-resource-type-row .form-control { width: 250px; max-width: 100%; }
.supplier-modal-dialog-wide .supplier-resource-limit-note { margin: 8px 0; padding: 8px 0; border: 0; background: #eee; color: #f56c6c; line-height: 20px; }
.supplier-modal-dialog-wide .resource-tutorial-hint { margin: 8px 0 10px; padding: 8px 0; background: #fdf6ec; color: #f56c6c; font-weight: 700; }
.supplier-modal-dialog-wide > form > [data-resource-details] > .supplier-channel-limit-note { margin: 0 0 0 156px; padding: 6px 0; border: 0; background: #fdf6ec; color: #f56c6c; }
.supplier-resource-editor-dialog { width: min(1200px,100%); color: #606266; font-size: 18px; }
.supplier-resource-editor-dialog .supplier-modal-header { height: 70px; padding: 28px 20px 18px; }
.supplier-resource-editor-dialog .supplier-modal-header h2 { color: #303133; font-size: 22px; }
.supplier-resource-editor-dialog .supplier-modal-body { padding: 46px 20px 24px; }
.supplier-resource-editor-dialog .supplier-exact-form-row { grid-template-columns: 210px minmax(0,1fr); min-height: 40px; margin-bottom: 4px; }
.supplier-resource-editor-dialog .supplier-exact-form-row > label { padding-right: 14px; color: #606266; font-weight: 600; }
.supplier-resource-editor-dialog .supplier-exact-form-row .form-control { height: 40px; font-size: 16px; }
.supplier-resource-editor-dialog .supplier-exact-form-row textarea.form-control { min-height: 40px; }
.supplier-resource-editor-dialog .supplier-resource-type-row .supplier-fixed-value { display: inline-flex; width: fit-content; min-height: 28px; align-items: center; padding: 3px 8px; border-radius: 3px; background: #ecf5ff; color: #409eff; font-size: 16px; }
.supplier-resource-editor-dialog .supplier-resource-form-block { margin: 8px 0 12px; padding: 8px 0; background: #f2f3f5; }
.supplier-resource-editor-dialog .supplier-resource-limit-note { margin: 6px 0 0; padding: 5px 0; background: #e9eaec; font-size: 16px; line-height: 24px; }
.supplier-resource-editor-dialog .supplier-resource-usage-row { display: flex; min-height: 26px; align-items: center; margin-bottom: 0; color: #409eff; }
.supplier-resource-editor-dialog .supplier-resource-usage-row > label { padding-right: 0; color: #409eff; font-weight: 400; text-align: left; }
.supplier-resource-editor-dialog .supplier-resource-usage-row .supplier-fixed-value { min-height: 0; padding: 0; color: #409eff; font-size: 16px; line-height: 22px; }
.supplier-resource-editor-dialog .resource-tutorial-hint { margin: 10px 0 12px; padding: 9px 0; font-size: 16px; }
.supplier-resource-editor-dialog .supplier-resource-key-table { font-size: 16px; }
.supplier-resource-editor-dialog .supplier-resource-key-table .supplier-resource-key-col,
.supplier-resource-editor-dialog .supplier-resource-key-table td:first-child { width: 150px; }
.supplier-resource-editor-dialog .supplier-resource-key-table th { height: 44px; color: #606266; text-align: left; }
.supplier-resource-editor-dialog .supplier-resource-key-table td { padding: 8px 12px; }
.supplier-resource-editor-dialog .supplier-resource-key-table td:first-child { color: #409eff; text-align: left; }
.supplier-resource-editor-dialog .supplier-resource-edit-image { max-width: 210px; max-height: 270px; }
.supplier-resource-editor-dialog > form > [data-resource-details] > .supplier-channel-limit-note { margin-left: 210px; font-size: 15px; }
.supplier-resource-editor-dialog .supplier-modal-footer { text-align: left; }
.supplier-resource-editor-dialog .supplier-modal-footer .btn { min-width: 64px; height: 40px; font-size: 16px; }
.supplier-resource-editor-dialog .supplier-delete-confirm { justify-content: flex-start; margin: 32px 0 0; padding-top: 40px; border-top: 1px solid #ebeef5; color: #606266; font-size: 15px; }
.supplier-switch-off-label { color: #606266; }
#resource-bulk-modal .supplier-exact-form-row { grid-template-columns: 110px minmax(0,1fr); }
.supplier-bulk-gray-row { padding: 1px 10px; background: #f1f2f4; }
.supplier-bulk-limit-note { margin: 0 0 8px; padding: 4px 0; background: #e8e8ea; color: #f56c6c; line-height: 20px; }
.supplier-bulk-remark-box { margin: 8px 0; padding: 8px 15px; background: #fdf6ec; color: #f56c6c; }
.supplier-bulk-remark-box label { display: block; margin-bottom: 5px; font-weight: 400; }
.supplier-bulk-remark-box .form-control { height: 32px; }
.supplier-bulk-remark-box p { margin: 5px 0 0; }
.supplier-bulk-file-row { margin: 8px 0 0; }
.supplier-bulk-file-button { border-color: #ff4d4f; background: #ff4d4f; color: #fff; }
.supplier-bulk-file-button:hover,.supplier-bulk-file-button:focus { border-color: #ff6668; background: #ff6668; color: #fff; }
.supplier-bulk-google-row { margin-top: 8px; }
.supplier-bulk-google-note { margin-left: 110px; padding: 8px 0; background: #fdf6ec; color: #f56c6c; }
.supplier-resource-edit-image { display: block; max-width: 420px; max-height: 420px; margin-top: 8px; object-fit: contain; }
.supplier-fixed-value { min-height: 40px; padding: 10px 0; color: #606266; }
.supplier-bulk-file-button { min-height: 40px; }
.supplier-bulk-preview-table { margin-bottom: 16px; }
.supplier-bulk-preview-table th, .supplier-bulk-preview-table td { text-align: center; vertical-align: middle !important; }
.supplier-bulk-preview-image { display: block; width: 72px; height: 72px; margin: 0 auto; object-fit: contain; }
.supplier-preview-url { overflow-wrap: anywhere; color: #606266; }
.supplier-qr-status { margin: 8px 0 0; }
.supplier-qr-preview { margin-top: 0; padding-top: 2px; background: #fff; text-align: left; }
.supplier-qr-preview [data-qr-preview-code] { width: 250px; min-height: 250px; }
.supplier-qr-preview canvas,.supplier-qr-preview table { display: block; width: 250px; height: 250px; }
.supplier-qr-preview img { display: block; width: 250px; max-width: 100%; height: 250px; object-fit: contain; }
.supplier-upload-preview { display: block; width: auto; max-width: 100%; height: auto; max-height: 250px; margin-top: 0; object-fit: contain; background: #fff; }
.supplier-upload-preview[hidden] { display: none; }
.supplier-qr-confirm-modal { z-index: 2100; }
.supplier-qr-confirm-dialog { width: min(500px, 100%); }
.supplier-qr-confirm-body { padding-top: 0; }
.supplier-qr-confirm-value { margin: 0; color: #13ad52; font-size: 24px; font-weight: 700; line-height: 1.35; overflow-wrap: anywhere; }
.supplier-qr-confirm-question { margin: 2px 0 22px; color: #f56c6c; font-size: 20px; }
.supplier-qr-confirm-body .supplier-modal-footer { display: flex; justify-content: center; gap: 14px; }
.supplier-qr-confirm-body .supplier-modal-footer .btn { min-width: 70px; height: 40px; }
.supplier-resource-save-confirm-modal { z-index: 2200; }
.supplier-resource-save-confirm-dialog { width: min(500px,100%); }
.supplier-resource-save-confirm-dialog .supplier-modal-header { justify-content: flex-end; padding-bottom: 0; }
.supplier-resource-save-confirm-body { padding-top: 0; }
.supplier-resource-save-message { display: flex; align-items: center; gap: 16px; min-height: 64px; color: #606266; font-size: 18px; }
.supplier-resource-save-message p { margin: 0; }
.supplier-resource-save-warning { display: inline-flex; flex: 0 0 28px; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; background: #f7ba2a; color: #fff; font-weight: 700; }
.supplier-resource-save-confirm-body .supplier-modal-footer { display: flex; justify-content: flex-end; gap: 14px; padding-top: 20px; }
.supplier-resource-save-confirm-body .supplier-modal-footer .btn { min-width: 70px; height: 40px; margin: 0; }
.supplier-resource-submit-feedback { position: sticky; top: 8px; z-index: 5; display: flex; width: max-content; max-width: calc(100% - 40px); align-items: center; gap: 10px; margin: -18px auto 10px; padding: 12px 16px; border: 1px solid #fde2e2; border-radius: 4px; background: #fef0f0; color: #f56c6c; box-shadow: 0 2px 8px rgba(0,0,0,.05); }
.supplier-resource-submit-feedback[hidden] { display: none; }
.supplier-resource-feedback-icon { display: inline-flex; flex: 0 0 18px; align-items: center; justify-content: center; width: 18px; height: 18px; border-radius: 50%; background: #f56c6c; color: #fff; font-size: 12px; font-weight: 700; }
.supplier-receive-confirm-modal { z-index: 2300; }
.supplier-receive-confirm-dialog { width: min(525px,100%); }
.supplier-receive-confirm-dialog .supplier-modal-header { justify-content: flex-end; padding-bottom: 0; }
.supplier-receive-confirm-body { padding-top: 0; }
.supplier-receive-confirm-body > p { min-height: 58px; margin: 0; color: #606266; font-size: 18px; line-height: 30px; }
.supplier-receive-confirm-body .supplier-modal-footer { display: flex; justify-content: flex-end; gap: 14px; padding-top: 20px; }
.supplier-receive-confirm-body .supplier-modal-footer .btn { min-width: 70px; height: 40px; margin: 0; }

.supplier-preview-flow-page { min-height: 100vh; margin: 0; background: #dfe5ee; color: #333; letter-spacing: 0; }
.supplier-preview-safe-mark { position: fixed; top: 12px; right: 12px; z-index: 20; padding: 6px 10px; border: 1px solid #e6a23c; border-radius: 4px; background: #fff7e6; color: #b26a00; font-size: 13px; font-weight: 700; }
.supplier-preview-brand { display: flex; width: min(720px,100%); height: 70px; align-items: center; justify-content: center; gap: 8px; margin: 0 auto; background: #fff; }
.supplier-preview-brand > span { display: inline-flex; width: 42px; height: 42px; align-items: center; justify-content: center; border-radius: 5px; background: #1589c9; color: #fff; font-size: 31px; }
.supplier-preview-brand > strong { display: flex; flex-direction: column; color: #222; font-size: 24px; line-height: 23px; }
.supplier-preview-brand small { color: #555; font-size: 12px; letter-spacing: 3px; }
.supplier-preview-overlay { position: fixed; inset: 0; z-index: 10; display: flex; min-height: 100vh; align-items: center; justify-content: center; overflow-y: auto; padding: 28px 7.5%; background: rgba(0,0,0,.5); }
.supplier-preview-name-card,.supplier-preview-warning-card { width: 100%; border-radius: 4px; background: #fff; text-align: center; box-shadow: 0 12px 30px rgba(0,0,0,.18); }
.supplier-preview-name-card { padding: 36px 36px 40px; }
.supplier-preview-name-card h1,.supplier-preview-warning-card h1 { margin: 0 0 18px; font-size: 24px; font-weight: 400; }
.supplier-preview-name-card p { margin: 0 0 20px; color: red; font-size: 25px; line-height: 29px; }
.supplier-preview-name-card form { position: relative; }
.supplier-preview-name-card .form-control { height: 50px; border-color: #dcdfe6; font-size: 18px; }
.supplier-preview-name-card .form-control.has-error { border-color: #f56c6c; }
.supplier-preview-name-error { display: block; margin: 4px 0 18px; color: #f56c6c; font-size: 14px; text-align: center; }
.supplier-preview-name-card .btn { min-width: 100px; height: 40px; }
.supplier-preview-warning-card { width: min(1625px,100%); padding: 34px 38px 38px; }
.supplier-preview-warning-board { width: min(625px,100%); margin: 0 auto 18px; padding: 0 60px; background: #fffbd8; }
.supplier-preview-warning-board > strong { display: block; padding: 4px 0; color: red; font-size: 25px; line-height: 31px; }
.supplier-preview-antifraud-image { display: block; width: 502px; max-width: 100%; height: auto; margin: 0 auto; }
.supplier-preview-warning-card form .btn { min-width: 100px; height: 40px; border-color: #409eff; border-radius: 4px; background: #409eff; color: #fff; }
.supplier-preview-payment-card { width: min(720px,100%); min-height: calc(100vh - 70px); margin: 0 auto; padding: 8px 28px 24px; background: #fff; text-align: center; }
.supplier-preview-payment-warning { padding: 4px 8px; background: #fffbd8; color: red; font-size: 19px; font-weight: 700; line-height: 25px; text-align: left; }
.supplier-preview-mini-warning { display: grid; grid-template-columns: 44% 56%; height: 160px; align-items: stretch; overflow: hidden; margin: 0; background: #fff; color: #e52b20; text-align: left; }
.supplier-preview-mini-warning > strong { align-self: center; padding-left: 10px; font-size: 23px; line-height: 34px; }
.supplier-preview-mini-warning span { position: relative; display: block; overflow: hidden; color: red; font-size: 21px; font-weight: 700; }
.supplier-preview-mini-warning span img { display: block; width: 100%; height: 160px; object-fit: cover; object-position: center bottom; }
.supplier-preview-mini-warning span b { position: absolute; top: 49px; right: 58px; color: red; font-size: 24px; }
.supplier-preview-qr-wrap { display: flex; align-items: center; justify-content: center; padding: 0; }
.supplier-preview-qr-wrap canvas,.supplier-preview-qr-wrap table { display: block; width: 360px; max-width: 100%; height: 360px; }
.supplier-preview-qr-wrap img { display: block; width: 360px; max-width: 100%; height: auto; object-fit: contain; }
.supplier-preview-countdown { margin: 0 0 8px; color: green; font-size: 22px; font-weight: 700; }
.supplier-preview-countdown.expired { color: #f56c6c; }
.supplier-preview-payment-facts { margin: 0; }
.supplier-preview-payment-facts > div { display: grid; grid-template-columns: 135px 1fr 105px; min-height: 62px; align-items: center; margin-bottom: 4px; background: #f7f7f7; }
.supplier-preview-payment-facts dt { color: #888; font-size: 24px; font-weight: 400; }
.supplier-preview-payment-facts dd { margin: 0; color: red; font-size: 30px; }
.supplier-preview-payment-facts button { width: 90px; height: 38px; border: 0; border-radius: 4px; background: #888; color: #fff; }
.supplier-preview-payment-help { margin: 8px 12px 0; color: #606266; font-size: 17px; line-height: 24px; text-align: left; }
.supplier-preview-antifraud { position: relative; padding: 28px 24px 14px; border: 4px solid #eef1f5; background: #fff; color: #4b4b4b; text-align: left; }
.supplier-preview-antifraud > p { position: absolute; top: 15px; left: 18px; color: #f56c6c; font-size: 16px; line-height: 22px; }
.supplier-preview-antifraud h2 { margin: 28px 0 50px; text-align: center; font-size: 25px; }
.supplier-preview-antifraud h3 { margin: 0 0 42px; font-size: 24px; }
.supplier-preview-antifraud > div { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.supplier-preview-antifraud > div span { position: relative; padding: 20px 10px; border: 3px solid #e35b4f; background: #fff; font-size: 20px; text-align: center; }
.supplier-preview-antifraud > div .blocked { border-color: #2d8be8; background: #2d8be8; color: #fff; }
.supplier-preview-antifraud > div .blocked::after { content: '×'; position: absolute; inset: -25px 0 0; color: red; font-size: 95px; font-weight: 400; line-height: 95px; }
.supplier-preview-app-button { width: 75%; min-height: 54px; border: 0; border-radius: 4px; background: #14a6dc; color: #fff; font-size: 24px; opacity: 1; }
.supplier-preview-payer { margin: 10px 0 0; color: #606266; }
.supplier-preview-safety-note { margin: 10px 0 0; padding: 8px; border: 1px solid #f3d19e; background: #fdf6ec; color: #b26a00; font-size: 13px; }
.supplier-resource-stats-filters { display: grid; grid-template-columns: 198px 198px 220px 110px 153px 153px 137px 75px; align-items: center; column-gap: 10px; row-gap: 0; margin-bottom: 8px; }
.supplier-resource-stats-filters .supplier-filter-field { width: auto !important; min-width: 0; }
.supplier-resource-stats-filters .supplier-filter-switch { width: auto; min-width: 0; justify-content: flex-start; white-space: nowrap; }
.supplier-resource-stats-search { width: 75px; min-width: 0; }
.supplier-resource-stats-search .btn { width: 75px; min-width: 75px; height: 32px; padding: 5px 10px; }
.supplier-resource-stats-notice { margin-bottom: 7px; padding: 10px 18px 9px; line-height: 27px; }
.supplier-resource-stats-notice p { margin: 0; }
.supplier-resource-stats-notice label { display: inline-flex; align-items: center; gap: 7px; margin: 8px 0 2px; font-weight: 400; }
.supplier-resource-stats-notice input { margin: 0; }
.supplier-resource-stats-table { width: 100%; table-layout: fixed; }
.supplier-resource-stats-table .stats-col-check { width: 4%; }
.supplier-resource-stats-table .stats-col-id { width: 5%; }
.supplier-resource-stats-table .stats-col-name { width: 10.5%; }
.supplier-resource-stats-table .stats-col-type { width: 10.5%; }
.supplier-resource-stats-table .stats-col-channel,
.supplier-resource-stats-table .stats-col-accept { width: 10%; }
.supplier-resource-stats-table .stats-col-rate { width: 10.5%; }
.supplier-resource-stats-table .stats-col-count { width: 10.5%; }
.supplier-resource-stats-table .stats-col-amount { width: 10.5%; }
.supplier-resource-stats-table .stats-col-status { width: 10.5%; }
.supplier-resource-stats-table .stats-col-action { width: 8.5%; }
.supplier-resource-stats-table th,
.supplier-resource-stats-table td { height: 58px; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; }
.supplier-resource-stats-table .supplier-stats-type { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.supplier-resource-stats-table .supplier-readonly-switch input:disabled + .supplier-switch-track { opacity: 1; }
.supplier-stats-rate { color: red; }
.supplier-stats-success { color: green; font-weight: 700; }
.supplier-resource-stats-pagination { display: flex; align-items: center; gap: 10px; margin-top: 24px; }
.supplier-resource-stats-pagination .form-control { width: 160px; height: 40px; }
.supplier-resource-stats-pagination .btn { width: 40px; height: 40px; }
.supplier-resource-stats-pagination strong { display: inline-flex; width: 40px; height: 40px; align-items: center; justify-content: center; background: #409eff; color: #fff; }
.supplier-order-preview-heading { min-height: 32px; justify-content: flex-start; margin-bottom: 12px; }
.supplier-order-preview-heading .btn { width: 75px; height: 32px; padding: 5px 10px; }
.supplier-order-preview-table { width: 100%; table-layout: fixed; }
.supplier-order-preview-table .preview-col-expand { width: 3%; }
.supplier-order-preview-table .preview-col-channel { width: 25%; }
.supplier-order-preview-table .preview-col-count,
.supplier-order-preview-table .preview-col-available,
.supplier-order-preview-table .preview-col-time { width: 24%; }
.supplier-order-preview-table th,
.supplier-order-preview-table td { height: 43px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.supplier-order-preview-expand { color: #c0c4cc; font-size: 24px; text-align: center; }
.supplier-order-preview-pagination { margin-top: 20px; }
.supplier-order-preview-pagination .form-control { width: 160px; height: 40px; }
.supplier-order-preview-pagination .btn { width: 40px; height: 40px; }
.supplier-order-preview-pagination strong { display: inline-flex; width: 40px; height: 40px; align-items: center; justify-content: center; background: #409eff; color: #fff; }
.supplier-channel-limit-note { margin: 0 0 16px 162px; padding: 10px 12px; border-left: 3px solid #e6a23c; background: #fdf6ec; color: #8a611b; font-size: 13px; }
.supplier-modal-footer .btn + .btn { margin-left: 8px; }
.supplier-shell.sidebar-collapsed .supplier-sidebar { width: 64px; overflow-x: hidden; }
.supplier-shell.sidebar-collapsed .supplier-main { width: calc(100% - 64px); margin-left: 64px; }
.supplier-shell.sidebar-collapsed .supplier-logo { justify-content: center; padding: 7px 10px; }
.supplier-shell.sidebar-collapsed .supplier-logo strong,
.supplier-shell.sidebar-collapsed .supplier-sidebar nav > a span,
.supplier-shell.sidebar-collapsed .supplier-nav-arrow,
.supplier-shell.sidebar-collapsed .supplier-nav-submenu { display: none; }
.supplier-shell.sidebar-collapsed .supplier-sidebar nav > a,
.supplier-shell.sidebar-collapsed .supplier-nav-group-toggle { justify-content: center; padding: 16px 10px; }
.supplier-shell.sidebar-collapsed .supplier-nav-group-toggle span { font-size: 0; }
.supplier-shell.sidebar-collapsed .supplier-nav-group-toggle .fa { font-size: 14px; }
html[data-supplier-theme="dark"] .supplier-topbar,
html[data-supplier-theme="dark"] .supplier-content .table > thead > tr > th { border-color: #353a42; background: #1f2329; color: #e5e7eb; }
html[data-supplier-theme="dark"] .supplier-grid-table,
html[data-supplier-theme="dark"] .supplier-content .supplier-grid-table > thead > tr > th,
html[data-supplier-theme="dark"] .supplier-content .supplier-grid-table > tbody > tr > td { border-color: #353a42; }
html[data-supplier-theme="dark"] .supplier-breadcrumb,
html[data-supplier-theme="dark"] .supplier-breadcrumb a { color: #d5d8dd; }
html[data-supplier-theme="dark"] .supplier-metric,
html[data-supplier-theme="dark"] .supplier-modal-dialog { border-color: #3a3f47; background: #1f2329; }
html[data-supplier-theme="dark"] .form-control { border-color: #454b55; background: #252a31; color: #eef0f3; }
.supplier-mobile-mask { display: none; }
.supplier-welcome { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.supplier-welcome p { margin: 0; color: var(--supplier-muted); }
.supplier-accept-form { display: flex; align-items: center; gap: 14px; margin: 0; }
.supplier-switch-row { display: flex; align-items: center; gap: 9px; margin: 0; font-weight: 400; }
.supplier-switch-row input { width: 18px; height: 18px; margin: 0; }
.supplier-order-notice .supplier-switch-row input { width: 40px; height: 20px; appearance: none; border-radius: 12px; background: radial-gradient(circle at 10px 10px,#fff 0 7px,transparent 8px),#dcdfe6; box-shadow: inset 0 0 0 1px rgba(0,0,0,.05); cursor: pointer; transition: background .15s ease; }
.supplier-order-notice .supplier-switch-row input:checked { background: radial-gradient(circle at 30px 10px,#fff 0 7px,transparent 8px),#409eff; }
.supplier-switch-row span { display: grid; }
.supplier-switch-row small { color: var(--supplier-muted); font-weight: 400; }
.supplier-section-title { margin: 44px 0 24px; font-size: 16px; line-height: 24px; }
.supplier-card-grid-four + .supplier-section-title { margin-top: 25px; padding-top: 22px; border-top: 1px solid #ebeef5; }
.supplier-order-notice { display: flex; align-items: center; min-height: 60px; gap: 10px; margin-bottom: 0; padding: 13px 16px; border: 1px solid #ead49b; border-radius: 6px; background: #fff8df; color: #735f21; }
.supplier-filter-row { display: grid; grid-template-columns: minmax(170px, 1.5fr) minmax(150px, 1fr) minmax(145px, 1fr) minmax(145px, 1fr) auto auto; gap: 10px; margin-bottom: 18px; }
.supplier-wide-table { min-width: 1080px; }
.supplier-wide-table:not(.supplier-show-all-columns) td { max-width: 260px; overflow: hidden; text-overflow: ellipsis; }
.supplier-wide-table.supplier-show-all-columns td { max-width: none; white-space: normal; overflow: visible; }
.supplier-filter-compact { grid-template-columns: minmax(180px, 1fr) auto auto; }
.supplier-inline-editor { margin: 0 0 20px; padding: 18px; border: 1px solid #d9e2e8; border-radius: 6px; background: #f8fafb; }
.supplier-inline-editor h2 { margin-top: 0; }
.supplier-inline-options { display: flex; flex-wrap: wrap; gap: 14px; }
.supplier-inline-options label { margin: 0; font-weight: 400; }
.supplier-segmented-status { display: inline-flex; flex-wrap: wrap; gap: 0; }
.supplier-segmented-status label { margin: 0; font-weight: 400; }
.supplier-segmented-status input { position: absolute; opacity: 0; pointer-events: none; }
.supplier-segmented-status span { display: block; min-width: 72px; padding: 6px 12px; border: 1px solid #dcdfe6; border-right: 0; background: #fff; color: #606266; text-align: center; cursor: pointer; }
.supplier-segmented-status label:first-child span { border-radius: 4px 0 0 4px; }
.supplier-segmented-status label:last-child span { border-right: 1px solid #dcdfe6; border-radius: 0 4px 4px 0; }
.supplier-segmented-status input:checked + span { border-color: #409eff; background: #409eff; color: #fff; }
.supplier-collection-order-filters { display: block; padding: 1px 0 3px; }
.supplier-collection-filter-row { display: flex; align-items: center; gap: 10px; min-width: 0; margin-bottom: 2px; }
.supplier-collection-filter-row:last-child { margin-bottom: 0; }
.supplier-collection-filter-row .supplier-filter-field { flex: 0 0 auto; min-width: 0; }
.supplier-collection-filter-row .form-control,
.supplier-collection-filter-row > .btn { height: 32px; }
.supplier-collection-filter-row-primary .supplier-filter-field:nth-child(1) { width: 218px; }
.supplier-collection-filter-row-primary .supplier-filter-field:nth-child(2),
.supplier-collection-filter-row-primary .supplier-filter-field:nth-child(3) { width: 219px; }
.supplier-collection-filter-row-primary .supplier-filter-field:nth-child(4) { width: 138px; }
.supplier-collection-filter-row-primary .supplier-filter-field:nth-child(5) { width: 168px; }
.supplier-collection-filter-row-primary .supplier-filter-field:nth-child(6),
.supplier-collection-filter-row-primary .supplier-filter-field:nth-child(7) { width: 169px; }
.supplier-collection-filter-row-primary .supplier-filter-field:nth-child(8) { width: 168px; }
.supplier-collection-filter-row-secondary .supplier-filter-field:nth-child(1),
.supplier-collection-filter-row-secondary .supplier-filter-field:nth-child(2) { width: 218px; }
.supplier-collection-filter-row-actions { min-height: 32px; }
.supplier-collection-status-field { width: 458px; }
.supplier-collection-refresh-field { width: 168px; }
.supplier-collection-filter-row-actions .supplier-segmented-status { flex-wrap: nowrap; }
.supplier-collection-filter-row-actions .supplier-segmented-status span { box-sizing: border-box; display: flex; min-width: 72px; height: 32px; align-items: center; justify-content: center; padding: 0 10px; }
.supplier-collection-filter-row-actions .supplier-switch-control { flex: 0 0 auto; min-height: 32px; }
.supplier-live-sound-test { display: inline-flex; flex: 0 0 auto; height: 32px; align-items: center; justify-content: center; gap: 6px; white-space: nowrap; }
.supplier-collection-search-button { width: 74px; }
.supplier-collection-reset-button { display: inline-flex; width: 104px; height: 32px; align-items: center; justify-content: center; padding-right: 0; padding-left: 0; }
.supplier-switch-control,.supplier-focus-switch { display: inline-flex; align-items: center; gap: 8px; margin: 0; font-weight: 400; cursor: pointer; }
.supplier-switch-control input,.supplier-focus-switch input { position: absolute; opacity: 0; }
.supplier-switch-track { position: relative; display: inline-block; width: 40px; height: 20px; border-radius: 10px; background: #dcdfe6; transition: background .15s ease; }
.supplier-switch-track::after { content: ''; position: absolute; top: 2px; left: 2px; width: 16px; height: 16px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.2); transition: transform .15s ease; }
.supplier-switch-control input:checked + .supplier-switch-track,.supplier-focus-switch input:checked + .supplier-switch-track { background: #409eff; }
.supplier-switch-control input:checked + .supplier-switch-track::after,.supplier-focus-switch input:checked + .supplier-switch-track::after { transform: translateX(20px); }
.supplier-switch-control em,.supplier-focus-switch em { font-style: normal; color: #606266; }
.supplier-payout-focus-bar { display: flex; align-items: center; justify-content: space-between; min-height: 34px; margin-bottom: 12px; }
.supplier-focus-switch .supplier-switch-track { background: #f56c6c; }
.supplier-focus-switch input:checked + .supplier-switch-track { background: #67c23a; }
.payout-standard-filters { display: contents; }
[data-live-list].is-focus-mode .payout-search-button { display: none; }
.supplier-account-notice { display: block; }
.supplier-account-notice .countblock { display: inline; margin-right: 10px; }
.supplier-page-tips { display: block; border: 1px solid #ffebb3; border-left-width: 1px; background: #fff8e6; color: #303133; font-size: 12px; }
.supplier-page-tips .countblock { display: inline; margin-right: 10px; }
.supplier-page-tips .supplier-page-tip-warning { color: #ff4949; line-height: 18px; }
.supplier-page-tips .btn { display: inline-flex; height: 24px; align-items: center; padding: 0 9px; border-color: #d3d4d6; color: #909399; vertical-align: middle; }
.supplier-payout-filter-form { display: block; margin-bottom: 5px; padding: 1px 0; }
.supplier-payout-filter-row { display: grid; align-items: center; column-gap: 8px; }
.supplier-payout-filter-row-primary { width: min(1140px,100%); grid-template-columns: 175fr 175fr 175fr 124fr 135fr 154fr 154fr; }
.supplier-payout-filter-row-secondary { width: min(890px,100%); grid-template-columns: 175fr 175fr 366fr 59fr 83fr; margin-top: 2px; }
.supplier-payout-filter-row .supplier-filter-field { width: auto !important; min-width: 0; }
.supplier-payout-filter-row .supplier-segmented-status { flex-wrap: nowrap; }
.supplier-payout-filter-row .supplier-segmented-status span { min-width: 56px; padding-right: 6px; padding-left: 6px; white-space: nowrap; }
.supplier-payout-filter-row > .btn { height: 32px; padding: 6px 8px; font-size: 12px; }
.supplier-payout-filter-row > .btn-primary { width: 59px; }
.supplier-payout-filter-row > .btn-default { width: 83px; padding-right: 0; padding-left: 0; }
.supplier-payout-table { width: 100%; min-width: 0; table-layout: fixed; }
.supplier-payout-table .payout-col-id { width: 7%; }
.supplier-payout-table .payout-col-platform { width: 13%; }
.supplier-payout-table .payout-col-merchant { width: 8.5%; }
.supplier-payout-table .payout-col-payee { width: 9%; }
.supplier-payout-table .payout-col-amount,
.supplier-payout-table .payout-col-channel,
.supplier-payout-table .payout-col-profit { width: 8.5%; }
.supplier-payout-table .payout-col-status { width: 9.5%; }
.supplier-payout-table .payout-col-time { width: 12%; }
.supplier-payout-table .payout-col-proof { width: 7%; }
.supplier-payout-table .payout-col-note { width: 8.5%; }
.supplier-content .supplier-payout-table > thead > tr > th,
.supplier-content .supplier-payout-table > tbody > tr > td { overflow: hidden; text-align: center; text-overflow: ellipsis; }
.supplier-payout-table > tbody > tr > td { white-space: normal; }
.supplier-payout-list-platform > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.supplier-payout-platform-no { font-size: 11px; font-variant-numeric: tabular-nums; }
.supplier-payout-list-merchant,.supplier-payout-list-hint { overflow: hidden; text-overflow: ellipsis; white-space: nowrap !important; }
.supplier-payout-list-hint { text-align: left !important; }
.supplier-payout-profit { color: #00a94f; font-weight: 700; }
.supplier-payout-proof-link { color: #f56c6c; text-decoration: underline; }
.supplier-payout-status-processing,.supplier-payout-status-completed { color: #21b66f; }
.supplier-payout-status-cell { display: flex; min-width: 0; flex-direction: column; align-items: center; justify-content: center; gap: 3px; }
.supplier-payout-frozen-note { padding: 2px 6px; border: 1px solid #d9ecff; border-radius: 3px; background: #ecf5ff; color: #409eff; font-size: 12px; line-height: 16px; white-space: nowrap; }
.supplier-payout-pool-panel .supplier-account-list-filters { margin-bottom: 10px; }
.supplier-payout-pool-notice { box-sizing: border-box; min-height: 98px; margin-bottom: 5px; padding: 12px 14px; }
.supplier-focus-checkbox { display: inline-flex; align-items: center; gap: 8px; margin: 0 12px 8px 0; color: #606266; font-weight: 400; cursor: pointer; }
.supplier-focus-checkbox input { width: 14px; height: 14px; margin: 0; }
.supplier-payout-pool-summary { color: #ff4949; line-height: 23px; }
.supplier-payout-pool-panel .supplier-table-wrap { max-width: 100%; overflow-x: hidden; contain: none; }
.supplier-payout-pool-table { width: 100%; min-width: 0; max-width: 100%; table-layout: fixed; font-size: 12px; }
.supplier-payout-pool-table .pool-col-id { width: 7%; }
.supplier-payout-pool-table .pool-col-platform { width: 15%; }
.supplier-payout-pool-table .pool-col-merchant { width: 12%; }
.supplier-payout-pool-table .pool-col-payee { width: 12%; }
.supplier-payout-pool-table .pool-col-amount { width: 10%; }
.supplier-payout-pool-table .pool-col-hint { width: 12%; }
.supplier-payout-pool-table .pool-col-time { width: 19%; }
.supplier-payout-pool-table .pool-col-state { width: 13%; }
.supplier-content .supplier-payout-pool-table > thead > tr > th { height: 32px; padding: 4px 8px; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; }
.supplier-content .supplier-payout-pool-table > tbody > tr > td { height: 55px; padding: 4px 8px; overflow: hidden; text-align: center; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap; }
.supplier-payout-pool-platform,.supplier-payout-pool-payee,.supplier-payout-pool-time { line-height: 20px; }
.supplier-payout-pool-platform > span,.supplier-payout-pool-payee > span,.supplier-payout-pool-time > span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.supplier-payout-pool-hint { text-align: left !important; }
.supplier-payout-pool-state form { margin: 0; }
.supplier-payout-pool-status { display: inline-block; box-sizing: border-box; min-width: 54px; max-width: 100%; height: 26px; padding: 0 7px; overflow: hidden; border: 1px solid #c6e2ff; border-radius: 4px; background: #ecf5ff; color: #409eff; font: inherit; line-height: 24px; text-align: center; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap; cursor: pointer; }
.supplier-payout-pool-status:hover,.supplier-payout-pool-status:focus { border-color: #c6e2ff; background: #ecf5ff; color: #409eff; outline: 0; }
.supplier-payout-pool-status.is-disabled { cursor: default; }
.supplier-payout-pool-status.is-owned { border-color: #c6e2ff; background: #ecf5ff; color: #409eff; text-decoration: none; }
.supplier-payout-detail-dialog { width: min(1200px,calc(100vw - 40px)); max-height: calc(100vh - 24px); border-radius: 2px; }
.supplier-payout-detail-dialog .supplier-modal-header { min-height: 85px; padding: 20px; }
.supplier-payout-detail-dialog .supplier-modal-header h2 { font-size: 20px; }
.supplier-payout-detail-dialog .supplier-modal-body { padding: 0 20px 20px; }
.supplier-payout-action-feedback { margin: 0 0 12px; }
.supplier-payout-lock-panel { padding: 0 0 6px; border: 6px solid; color: #fff; font-size: 14px; }
.supplier-payout-lock-panel.is-success { border-color: #67c23a; background: #67c23a; }
.supplier-payout-lock-panel.is-failed { border-color: #f56c6c; background: #f56c6c; }
.supplier-payout-lock-line { display: flex; min-height: 30px; align-items: center; border-bottom: 1px solid rgba(255,255,255,.9); font-weight: 700; }
.supplier-payout-lock-line strong { margin-right: 7px; }
.supplier-payout-copy-line { display: grid; grid-template-columns: 34% minmax(0,1fr) 45px 20%; }
.supplier-payout-copy-line strong { margin-right: 0; }
.supplier-payout-copy-line > span { min-width: 0; }
.supplier-payout-copy-line > .btn { width: 45px; height: 26px; margin: 0; padding: 3px 6px; border: 0; color: #909399; }
.supplier-payout-amount { width: auto; justify-self: start; padding: 0; border: 0; font-size: 16px; }
.supplier-payout-query { margin: 0 -1px; border-top: 6px solid; background: #fff; color: #303133; }
.supplier-payout-lock-panel.is-success .supplier-payout-query { border-color: #67c23a; }
.supplier-payout-lock-panel.is-failed .supplier-payout-query { border-color: #f56c6c; }
.supplier-payout-query:last-child { border-bottom: 0; }
.supplier-payout-query > summary,
.supplier-payout-action > summary { position: relative; display: flex; min-height: 49px; align-items: center; padding: 8px 28px 8px 0; cursor: pointer; list-style: none; }
.supplier-payout-query > summary { min-height: 58px; }
.supplier-payout-query > summary::-webkit-details-marker,
.supplier-payout-action > summary::-webkit-details-marker { display: none; }
.supplier-payout-query > summary::after,
.supplier-payout-action > summary::after { position: absolute; right: 8px; content: '\203A'; color: #606266; font-size: 24px; font-weight: 300; line-height: 1; }
.supplier-payout-query[open] > summary::after,
.supplier-payout-action[open] > summary::after { content: '\2304'; font-size: 18px; }
.supplier-payout-query-body { padding: 12px 14px 16px; border-top: 1px solid #ebeef5; background: #f8fbff; color: #303133; }
.supplier-payout-query-note { margin: 0 0 10px; color: #606266; line-height: 1.65; }
.supplier-payout-query-status { margin: 0 0 10px; color: #409eff; font-weight: 700; }
.supplier-payout-query-copy-row { display: grid; grid-template-columns: minmax(80px,22%) minmax(0,1fr) 58px; gap: 8px; min-height: 38px; align-items: center; border-bottom: 1px solid #ebeef5; }
.supplier-payout-query-copy-row:last-child { border-bottom: 0; }
.supplier-payout-query-copy-row > span { overflow-wrap: anywhere; color: #1677ff; font-weight: 700; }
.supplier-payout-query-copy-row > .btn { margin: 4px 0; padding: 4px 8px; }
.supplier-payout-bank-transfer-qr-wrap { margin: 4px 0 12px; text-align: center; }
.supplier-payout-bank-transfer-qr { display: inline-block; width: 250px; height: 250px; padding: 0; background: #fff; }
.supplier-payout-bank-transfer-qr canvas,.supplier-payout-bank-transfer-qr table { display: block; width: 250px; height: 250px; margin: 0 auto; }
.supplier-payout-bank-transfer-qr.is-failed { width: auto; height: auto; padding: 12px; border: 1px solid #f56c6c; color: #c45656; }
.supplier-payout-bank-transfer-open { display: block; margin-top: 10px; color: #1677ff; font-weight: 700; }
.supplier-payout-transfer-note { margin: 7px 0; padding: 10px 14px; border: 1px solid #faecd8; background: #fffef5; color: #303133; font-size: 14px; line-height: 22px; }
.supplier-payout-transfer-note span,
.supplier-payout-transfer-note strong { display: block; }
.supplier-payout-transfer-note strong { color: #ff4949; font-size: 16px; }
.supplier-payout-action { border-bottom: 1px solid #f0f0f0; color: #303133; font-size: 14px; }
.supplier-payout-action > summary { min-height: 49px; }
.supplier-payout-action-body { min-height: 80px; padding: 6px 18px 24px; background: #fffef8; }
.supplier-payout-action-body p { margin: 8px 0; }
.supplier-payout-action-body .form-control { height: 32px; }
.supplier-payout-action-check { display: flex; align-items: center; gap: 10px; color: #409eff; font-weight: 400; }
.supplier-payout-action-check input { width: 18px; height: 18px; margin: 0; }
.supplier-payout-reason-buttons { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0 0; }
.supplier-payout-reason-buttons .btn { border-color: #fde2e2; color: #f56c6c; }
.supplier-payout-action-body hr { margin: 24px 0; border-color: #ebeef5; }
.supplier-payout-action-body .btn-danger { min-width: 105px; height: 34px; background: #ff4949; border-color: #ff4949; }
.supplier-payout-order-fill { padding: 0; border: 0; background: transparent; color: #409eff; }
.supplier-payout-disabled-message { color: #f56c6c; }
.supplier-payout-proof-workspace { display: flex; align-items: flex-start; gap: 10px; margin: 6px 0 0; }
.supplier-payout-proof-workspace form { display: flex; width: 320px; flex-wrap: wrap; align-items: flex-start; gap: 10px; }
.supplier-payout-proof-preview,
.supplier-payout-local-upload { position: relative; box-sizing: border-box; width: 150px; height: 150px; overflow: hidden; border-radius: 5px; }
.supplier-payout-proof-preview { border: 1px solid #dcdfe6; background: #f5f7fa; box-shadow: inset 0 0 0 5px #fff; }
.supplier-payout-proof-preview img { display: block; box-sizing: border-box; width: 100%; height: 100%; padding: 6px; object-fit: contain; }
.supplier-payout-proof-preview button { position: absolute; bottom: 8px; width: 30px; height: 30px; padding: 0; border: 0; border-radius: 4px; background: rgba(48,49,51,.78); color: #fff; font-size: 17px; line-height: 30px; }
.supplier-payout-proof-preview [data-payout-proof-zoom] { left: 8px; }
.supplier-payout-proof-preview [data-payout-proof-remove] { left: 44px; }
.supplier-payout-local-upload { display: flex; align-items: center; justify-content: center; border: 1px dashed #dcdfe6; background: #fff; cursor: pointer; }
.supplier-payout-local-upload input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.supplier-payout-local-upload span { padding: 8px 12px; background: #909399; color: #fff; font-size: 12px; }
.supplier-payout-clipboard-button { flex: 0 0 280px; height: 34px; margin-top: 6px; background: #ffc400; border-color: #ffc400; color: #303133; }
.supplier-payout-proof-workspace:has(.is-server-proof) .supplier-payout-clipboard-button { margin-left: -160px; }
.supplier-payout-proof-state { margin: 12px 0 0; }
.supplier-payout-payment-label { display: block; margin-bottom: 6px; font-weight: 400; }
.supplier-payout-payment-ack { color: #21b66f; }
.supplier-payout-confirm-dialog { width: min(430px,calc(100vw - 40px)); }
.supplier-payout-repeat-body { padding: 28px 34px 24px; text-align: center; }
.supplier-payout-repeat-body > p:first-child { color: #f56c6c; font-size: 17px; }
.supplier-payout-repeat-warning { display: flex; align-items: center; gap: 14px; margin: 18px 0; padding: 14px; background: #fef0f0; color: #f56c6c; text-align: left; }
.supplier-payout-repeat-warning > span { display: inline-flex; width: 30px; height: 30px; flex: 0 0 30px; align-items: center; justify-content: center; border: 2px solid currentColor; border-radius: 50%; font-weight: 700; }
.supplier-payout-repeat-warning p { margin: 0; }
.supplier-payout-confirm-question { color: #303133; }
.supplier-payout-custom-confirm { z-index: 2100; }
.supplier-payout-custom-confirm .supplier-modal-header { justify-content: flex-end; }
.supplier-payout-custom-confirm .supplier-modal-body > p { min-height: 54px; margin: 0; text-align: center; }
.supplier-payout-action-error-modal { z-index: 2300; }
.supplier-payout-action-error-dialog { width: min(520px,100%); }
.supplier-payout-action-error-body { display: grid; grid-template-columns: 30px minmax(0,1fr); align-items: start; gap: 12px; color: #606266; font-size: 16px; line-height: 26px; }
.supplier-payout-action-error-body > .fa { color: #f56c6c; font-size: 28px; }
.supplier-payout-action-error-body > p { margin: 0; overflow-wrap: anywhere; }
.supplier-payout-action-error-body .supplier-modal-footer { grid-column: 1 / -1; }
.supplier-payout-proof-zoom { z-index: 2200; }
.supplier-payout-proof-zoom .supplier-modal-dialog { position: relative; width: min(1200px,calc(100vw - 40px)); padding: 48px 20px 20px; overflow: auto; }
.supplier-payout-proof-zoom img { display: block; max-width: 100%; max-height: calc(100vh - 120px); margin: 0 auto; }
.supplier-payout-proof-zoom .supplier-modal-close { position: absolute; top: 8px; right: 14px; }
.supplier-payout-pagination .supplier-page-size { width: 160px; height: 40px; }
.supplier-payout-pagination .btn { width: 40px; height: 40px; }
.supplier-payout-pagination strong { display: inline-flex; width: 40px; height: 40px; align-items: center; justify-content: center; background: #409eff; color: #fff; }
.supplier-team-table { width: 100%; min-width: 0; table-layout: fixed; font-size: 12px; }
.supplier-team-table .team-col-id { width: 3.63%; }
.supplier-team-table .team-col-user { width: 8.64%; }
.supplier-team-table .team-col-path { width: 8.46%; }
.supplier-team-table .team-col-balance { width: 12.69%; }
.supplier-team-table .team-col-frozen,
.supplier-team-table .team-col-deposit,
.supplier-team-table .team-col-contact,
.supplier-team-table .team-col-status,
.supplier-team-table .team-col-accept { width: 8.46%; }
.supplier-team-table .team-col-created { width: 14.32%; }
.supplier-team-table .team-col-action { width: 9.97%; }
.supplier-content .supplier-team-table > thead > tr > th { height: 48px; padding: 4px 8px; overflow: hidden; text-align: center; white-space: nowrap; }
.supplier-content .supplier-team-table > tbody > tr > td { height: 33px; padding: 4px 8px; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; }
.supplier-team-path-heading > span { display: block; line-height: 18px; white-space: nowrap; }
.supplier-team-balance { display: inline-flex; align-items: center; gap: 8px; color: #409eff; white-space: nowrap; }
.supplier-team-balance .fa { color: #909399; font-size: 10px; }
.supplier-team-money-danger { color: red; }
.supplier-team-account-status { display: inline-block; padding: 2px 7px; border: 1px solid transparent; border-radius: 4px; line-height: 18px; }
.supplier-team-account-status.is-normal { border-color: #d1f2df; background: #ecf9f1; color: #21b66f; }
.supplier-team-account-status.is-disabled { border-color: #ffe7ba; background: #fff7e6; color: #fa8c16; }
.supplier-team-edit { min-width: 64px; color: #fff !important; text-decoration: none !important; }
.supplier-team-pagination .form-control { width: 160px; height: 40px; }
.supplier-team-pagination .btn { width: 40px; height: 40px; }
.supplier-team-pagination strong { display: inline-flex; width: 40px; height: 40px; align-items: center; justify-content: center; background: #409eff; color: #fff; }
.supplier-team-transfer-dialog { width: min(1500px,calc(100vw - 60px)); }
.supplier-team-transfer-form { padding: 25px; }
.supplier-team-transfer-form > p { margin: 0 0 24px; }
.supplier-team-transfer-form .supplier-exact-form-row { grid-template-columns: 135px 1fr; }
.supplier-team-transfer-form .supplier-checkbox-group { justify-content: flex-start; gap: 36px; }
.supplier-team-orders-filters { display: grid; width: min(1243px,100%); grid-template-columns: 114fr 172fr 147fr 170fr 171fr 362fr 59fr; align-items: center; column-gap: 8px; row-gap: 0; }
.supplier-team-orders-filters .supplier-filter-field { width: auto !important; min-width: 0; }
.supplier-team-orders-filters .supplier-segmented-status { flex-wrap: nowrap; }
.supplier-team-orders-filters .supplier-segmented-status span { min-width: 56px; padding-right: 6px; padding-left: 6px; white-space: nowrap; }
.supplier-team-orders-filters > .btn { width: 59px; height: 32px; padding: 6px 8px; font-size: 12px; }
.supplier-team-orders-table { width: 100%; min-width: 0; table-layout: fixed; font-size: 12px; }
.supplier-team-orders-table .team-orders-col-id { width: 4.82%; }
.supplier-team-orders-table .team-orders-col-platform { width: 9.34%; }
.supplier-team-orders-table .team-orders-col-channel,
.supplier-team-orders-table .team-orders-col-merchant,
.supplier-team-orders-table .team-orders-col-supplier,
.supplier-team-orders-table .team-orders-col-path,
.supplier-team-orders-table .team-orders-col-amount,
.supplier-team-orders-table .team-orders-col-commission,
.supplier-team-orders-table .team-orders-col-status,
.supplier-team-orders-table .team-orders-col-type { width: 8.86%; }
.supplier-team-orders-table .team-orders-col-created { width: 15.06%; }
.supplier-content .supplier-team-orders-table > thead > tr > th { height: 48px; padding: 4px 8px; overflow: hidden; text-align: center; white-space: nowrap; }
.supplier-content .supplier-team-orders-table > tbody > tr > td { height: 48px; padding: 4px 8px; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; }
.supplier-team-orders-path-heading > span { display: block; line-height: 18px; white-space: nowrap; }
.supplier-team-orders-table code { display: block; overflow: hidden; padding: 0; background: transparent; color: inherit; text-overflow: ellipsis; white-space: nowrap; }
.supplier-team-orders-pagination .form-control { width: 160px; height: 40px; }
.supplier-team-orders-pagination .btn { width: 40px; height: 40px; }
.supplier-team-orders-pagination strong { display: inline-flex; width: 40px; height: 40px; align-items: center; justify-content: center; background: #409eff; color: #fff; }
.supplier-page-tips { margin: 5px 0; padding: 8px 15px; }
.supplier-binding-steps { padding-left: 22px; }
.supplier-binding-steps li { margin-bottom: 18px; }
.supplier-copy-row { display: flex; align-items: center; gap: 8px; margin-top: 8px; }
.supplier-copy-row code { display: block; max-width: 100%; padding: 8px 10px; overflow-wrap: anywhere; }
.supplier-totp-qr { width: 210px; min-height: 210px; margin: 12px auto 20px; padding: 10px; background: #fff; border: 1px solid #ebeef5; text-align: center; }
.supplier-wide-table:not(.supplier-show-all-columns) td { max-width: 260px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.supplier-wide-table.supplier-show-all-columns td { white-space: normal; overflow-wrap: anywhere; }
.supplier-collection-table-wrap { overflow-x: hidden; contain: none; }
.supplier-collection-table { width: 100%; min-width: 0; table-layout: fixed; }
.supplier-collection-table th:nth-child(1) { width: 4.8%; }
.supplier-collection-table th:nth-child(2) { width: 10.6%; }
.supplier-collection-table th:nth-child(3),
.supplier-collection-table th:nth-child(4),
.supplier-collection-table th:nth-child(5),
.supplier-collection-table th:nth-child(7),
.supplier-collection-table th:nth-child(8),
.supplier-collection-table th:nth-child(9),
.supplier-collection-table th:nth-child(10) { width: 10.2%; }
.supplier-collection-table th:nth-child(6) { width: 13.2%; }
.supplier-collection-table th,
.supplier-collection-table td { max-width: none !important; padding-right: 8px !important; padding-left: 8px !important; overflow: visible !important; white-space: normal !important; }
.supplier-collection-table th { white-space: nowrap !important; }
.supplier-collection-table th:nth-child(6) { padding-right: 3px !important; padding-left: 3px !important; }
.supplier-collection-table .supplier-extra-column { display: none; }
.supplier-collection-table.supplier-show-all-columns th { width: 9.09%; }
.supplier-collection-table.supplier-show-all-columns th:nth-child(1) { width: 5.7%; }
.supplier-collection-table.supplier-show-all-columns th:nth-child(2) { width: 9.6%; }
.supplier-collection-table.supplier-show-all-columns th:nth-child(6) { width: 11.5%; }
.supplier-collection-table.supplier-show-all-columns .supplier-extra-column { display: table-cell; }
.supplier-order-cell { width: 100%; min-width: 0; color: #606266; line-height: 20px; }
.supplier-order-one-line,
.supplier-order-two-lines > span,
.supplier-order-resource > span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.supplier-order-two-lines { min-height: 40px; }
.supplier-order-risk-text,
.supplier-order-remark { overflow-wrap: anywhere; white-space: normal; }
.supplier-order-risk-text { color: #f56c6c; }
.supplier-order-resource { min-height: 44px; }
.supplier-order-resource .supplier-order-view-code { display: inline-flex; min-height: 24px; align-items: center; gap: 4px; margin-top: 2px; }
.supplier-order-status-cell { text-align: center; }
.supplier-order-status-cell > span { color: darkgray; font-weight: 700; }
.supplier-order-status { cursor: pointer; text-decoration: none; }
.supplier-order-status:hover,
.supplier-order-status:focus { color: #409eff; text-decoration: none; filter: brightness(.97); }
.supplier-rehearsal-marker { display: block; overflow: hidden; color: #e6a23c; font-size: 10px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.supplier-order-tooltip-popup { position: fixed; z-index: 3000; max-width: min(420px, calc(100vw - 24px)); padding: 8px 10px; border-radius: 4px; background: #303133; color: #fff; box-shadow: 0 2px 10px rgba(0,0,0,.22); font-size: 12px; line-height: 18px; pointer-events: none; white-space: pre-line; overflow-wrap: anywhere; }
.supplier-order-detail-dialog { width: min(1200px,calc(100vw - 40px)); max-height: calc(100vh - 40px); border-radius: 2px; }
.supplier-order-detail-dialog .supplier-modal-header { min-height: 62px; padding: 18px 20px 10px; }
.supplier-order-detail-dialog .supplier-modal-header h2 { font-size: 20px; }
.supplier-order-detail-dialog .supplier-modal-body { padding: 22px 25px 34px; color: #606266; font-size: 14px; }
.supplier-order-detail-grid { display: block; }
.supplier-order-detail-grid section { display: grid; min-width: 0; grid-template-columns: 100px minmax(0,1fr); align-items: start; margin-bottom: 12px; }
.supplier-order-detail-grid h3 { grid-row: 1 / span 5; margin: 0; padding-right: 12px; color: #606266; font-size: 14px; font-weight: 700; line-height: 22px; text-align: right; white-space: nowrap; }
.supplier-order-detail-grid p { grid-column: 2; margin: 0; line-height: 22px; overflow-wrap: anywhere; }
.supplier-order-detail-grid small { grid-column: 2; color: #606266; font-size: 14px; line-height: 22px; }
.supplier-order-risk-value { margin-left: 2px; color: #f56c6c; }
.supplier-order-inline-copy { margin-left: 7px; padding: 0; border: 0; background: transparent; color: #606266; font-size: 14px; }
.supplier-order-inline-copy:hover,
.supplier-order-inline-copy:focus { color: #409eff; }
.supplier-order-receiver-tag { display: inline-block; padding: 1px 8px; border: 1px solid #d9ecff; border-radius: 4px; background: #ecf5ff; color: #409eff; line-height: 20px; }
.supplier-order-amount-section { margin-bottom: 0 !important; }
.supplier-order-amount-values { grid-column: 2; width: min(615px,100%); padding: 0; background: #fdf6ec; }
.supplier-order-confirm-form { margin: 0; }
.supplier-order-confirm-form label { display: block; margin-bottom: 8px; color: #f56c6c; font-weight: 400; }
.supplier-order-confirm-form .form-control { display: inline-block; width: 180px; margin-right: 8px; }
.supplier-order-confirm-form p { margin: 14px 0; color: #f56c6c; line-height: 22px; }
.supplier-order-confirm-form p:first-of-type { width: min(615px,calc(100% - 100px)); margin: 0 0 14px 100px; padding: 6px 0; background: #fdf6ec; }
.supplier-order-confirm-form .btn { min-width: 116px; height: 34px; background: #13ce66; border-color: #13ce66; }
.supplier-collection-confirm-modal { z-index: 2300; }
#supplier-collection-confirm-modal { z-index: 2300; }
.supplier-collection-confirm-dialog { width: min(400px,100%); overflow: hidden; border-radius: 4px; }
.supplier-collection-confirm-dialog .supplier-modal-header { min-height: 54px; justify-content: center; padding: 14px 18px 6px; }
.supplier-collection-confirm-dialog .supplier-modal-header h2 { display: flex; align-items: center; gap: 8px; color: #303133; font-size: 18px; }
.supplier-collection-confirm-dialog .supplier-modal-close { position: absolute; top: 12px; right: 14px; }
.supplier-collection-confirm-icon { display: inline-flex; width: 18px; height: 18px; align-items: center; justify-content: center; border-radius: 50%; background: #f7ba2a; color: #fff; font-size: 13px; font-weight: 700; }
.supplier-collection-confirm-dialog .supplier-modal-body { width: 300px; margin: 0 auto; padding: 4px 0 0; color: #606266; font-size: 14px; line-height: 24px; }
.supplier-collection-confirm-dialog .supplier-modal-body p { margin: 0; }
.supplier-collection-confirm-dialog [data-collection-confirm-amount] { color: #f56c6c; font-size: 18px; }
.supplier-collection-confirm-dialog .supplier-modal-footer { display: flex; justify-content: center; gap: 12px; padding: 14px 0 13px; }
.supplier-collection-confirm-dialog .supplier-modal-footer .btn { min-width: 56px; height: 32px; margin: 0; }
.supplier-collection-complete-modal { z-index: 2400; }
.supplier-collection-complete-dialog { position: relative; width: min(340px,100%); overflow: hidden; border-radius: 4px; }
.supplier-collection-complete-dialog .supplier-modal-close { position: absolute; top: 9px; right: 13px; z-index: 1; }
.supplier-collection-complete-dialog .supplier-modal-body { padding: 25px 24px 14px; text-align: center; }
.supplier-collection-complete-dialog .supplier-modal-body p { margin: 0 0 13px; color: #606266; font-size: 14px; line-height: 22px; }
.supplier-collection-complete-dialog .btn { min-width: 48px; height: 32px; }
.supplier-order-cancel-form { display: flex; align-items: center; gap: 8px; margin-top: 16px; }
.supplier-order-cancel-form label { margin: 0; white-space: nowrap; }
.supplier-order-cancel-form .form-control { flex: 1; }
.supplier-code-audit-dialog { width: min(760px,calc(100vw - 32px)); max-height: none; overflow: visible; border-radius: 2px; }
.supplier-code-audit-dialog .supplier-modal-header { min-height: 64px; padding: 16px 20px 10px; }
.supplier-code-audit-dialog .supplier-modal-header h2 { font-size: 20px; }
.supplier-code-audit-dialog .supplier-modal-body { padding: 16px 20px 28px; color: #606266; font-size: 14px; }
.supplier-code-audit-copy { display: flex; justify-content: flex-start; margin-bottom: 5px; }
.supplier-code-audit-copy .btn { width: 116px; height: 32px; background: #13ce66; border-color: #13ce66; }
.supplier-code-audit-copy pre { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.supplier-code-audit-red-box { margin: 10px 0; padding: 3px 16px; border: 1px solid #fbc4c4; border-radius: 4px; color: #f56c6c; }
.supplier-code-audit-red-box p { margin: 0; line-height: 20px; overflow-wrap: anywhere; }
.supplier-code-audit-red-box h3 { margin: 0 0 16px; color: #f56c6c; font-size: 14px; font-weight: 400; line-height: 20px; }
.supplier-code-audit-raw { min-height: 88px; }
.supplier-code-audit-row { display: grid; grid-template-columns: 76px minmax(0,1fr); align-items: start; margin-top: 12px; padding-left: 14px; }
.supplier-code-audit-row h3 { margin: 0; color: #606266; font-size: 14px; font-weight: 700; line-height: 22px; }
.supplier-code-audit-row p { margin: 0; line-height: 22px; overflow-wrap: anywhere; }
.supplier-code-audit-generated-qr { width: 200px; height: 200px; margin: 8px auto 0; }
.supplier-code-audit-generated-qr canvas { display: block; width: 200px; height: 200px; }
.supplier-code-audit-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; margin: 0 0 18px; padding: 1px; background: #ebeef5; }
.supplier-code-audit-facts > div { min-width: 0; padding: 10px 12px; background: #fff; }
.supplier-code-audit-facts dt { color: #909399; font-weight: 400; }
.supplier-code-audit-facts dd { margin: 4px 0 0; overflow-wrap: anywhere; color: #303133; }
.supplier-code-audit-material { margin-bottom: 18px; }
.supplier-code-audit-material code,
.supplier-code-audit-material pre { display: block; margin: 0; padding: 10px 12px; overflow-wrap: anywhere; white-space: pre-wrap; background: #f5f7fa; color: #606266; }
.supplier-code-audit-image img { display: block; max-width: min(320px, 100%); max-height: 320px; margin: 8px auto 0; border: 1px solid #ebeef5; object-fit: contain; }
.supplier-secret-code { display: block; padding: 12px; word-break: break-all; font-size: 16px; }
.supplier-focus-mode .supplier-sidebar, .supplier-focus-mode .supplier-topbar { display: none; }
.supplier-focus-mode .supplier-main { width: 100%; margin-left: 0; }
.supplier-card-grid { display: grid; gap: 16px; }
.supplier-card-grid-four { grid-template-columns: repeat(4, 200px); justify-content: space-between; }
.supplier-card-grid-three { grid-template-columns: repeat(2, 292px); column-gap: 69px; max-width: 653px; }
.supplier-metric { min-height: 85px; padding: 20px; border: 1px solid var(--supplier-border); border-radius: 4px; background: #fff; box-shadow: 0 2px 10px rgba(0,0,0,.06); }
.supplier-metric > span { display: block; color: var(--supplier-muted); }
.supplier-metric > strong { display: block; margin-top: 3px; font-size: 20px; }
.supplier-metric-primary > strong { color: #001eff; }
.supplier-metric-danger > strong { color: #f40000; }
.supplier-metric > small { display: block; margin-top: 7px; color: var(--supplier-muted); }
.supplier-metric-split div { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; margin-top: 12px; }
.supplier-metric-split b { font-size: 16px; }
.supplier-metric-today { color: #001eff; }
.supplier-metric-yesterday { color: #f40000; }
.supplier-platform-note { margin-top: 22px; padding: 18px 20px; border-top: 1px solid #ebeef5; color: #606266; line-height: 1.8; }
.supplier-platform-note h3 { margin: 0 0 12px; color: #303133; font-size: 17px; font-weight: 500; }
.supplier-platform-note p { margin: 0 0 6px; }
.supplier-narrow-panel { max-width: 680px; }
.supplier-login-summary { display: grid; grid-template-columns: auto 1fr; gap: 3px 12px; margin: 0; }
.supplier-login-summary dt { color: var(--supplier-muted); }
.supplier-resource-table table { min-width: 1500px; }
.supplier-action-cell { white-space: nowrap; }
.supplier-action-cell form { display: inline-block; margin: 0 0 0 4px; }
.supplier-resource-form-panel { max-width: 960px; }
.supplier-form-span { grid-column: 1 / -1; }
.supplier-resource-form-panel textarea { resize: vertical; }
.supplier-mock-table table { min-width: 1120px; }
.supplier-dev-badge { display: inline-block; padding: 4px 8px; border-radius: 4px; background: #fff3cd; color: #7a5700; font-weight: 700; }

@media (max-width: 991px) {
  .supplier-sidebar { transform: translateX(-100%); transition: transform .18s ease; }
  .supplier-shell.nav-open .supplier-sidebar { transform: translateX(0); }
  .supplier-shell.nav-open .supplier-mobile-mask { position: fixed; inset: 0; z-index: 19; display: block; background: rgba(0,0,0,.42); }
  .supplier-main { width: 100%; margin-left: 0; }
  .supplier-shell.sidebar-collapsed .supplier-main { width: 100%; margin-left: 0; }
}

@media (max-width: 1700px) and (min-width: 992px) {
  #resource-search-form { grid-template-columns: 1.1fr .92fr 1fr 1fr 1.02fr .72fr 1.18fr 2.42fr; column-gap: 8px; }
  #resource-search-form .supplier-account-actions .btn:nth-child(1) { width: 60px; }
  #resource-search-form .supplier-account-actions .btn:nth-child(2) { width: 98px; margin-left: 10px; }
  #resource-search-form .supplier-account-actions .btn:nth-child(3) { width: 45px; margin-left: 12px; }
  #resource-search-form .supplier-account-actions .btn:nth-child(4) { width: 64px; margin-left: 12px; }
  .supplier-collection-filter-row-primary { display: grid; grid-template-columns: 1.18fr 1.18fr 1.18fr .74fr .9fr .9fr .9fr .9fr; }
  .supplier-collection-filter-row-primary .supplier-filter-field { width: auto !important; }
  .supplier-collection-filter-row-actions { flex-wrap: wrap; }
}

@media (max-width: 1700px) and (min-width: 1200px) {
  .supplier-resource-stats-filters { grid-template-columns: 148px 148px 170px 90px 130px 130px 125px 75px; column-gap: 6px; }
}

@media (max-width: 1199px) and (min-width: 801px) {
  .supplier-resource-stats-filters { grid-template-columns: repeat(4,minmax(0,1fr)); row-gap: 8px; }
}

@media (max-width: 800px) {
  .supplier-topbar { padding: 0 14px; }
  .supplier-content { padding: 14px; }
  .supplier-breadcrumb { max-width: calc(100vw - 170px); overflow: hidden; white-space: nowrap; }
  .supplier-account-list-filters { display: grid; grid-template-columns: 1fr 1fr; }
  #resource-search-form { grid-template-columns: 1fr 1fr; }
  #resource-search-form .supplier-account-actions { grid-column: 1 / -1; }
  .supplier-collection-order-filters { display: block; }
  .supplier-collection-filter-row { display: grid; grid-template-columns: 1fr 1fr; }
  .supplier-collection-filter-row .supplier-filter-field,
  .supplier-collection-status-field,
  .supplier-collection-refresh-field { width: auto !important; }
  .supplier-collection-filter-row-actions .supplier-switch-control,
  .supplier-collection-filter-row-actions > .btn { width: 100%; justify-content: center; }
  .supplier-payout-filter-form .supplier-filter-field { width: auto !important; }
  .supplier-payout-filter-form { display: block; }
  .supplier-payout-filter-row { width: 100%; grid-template-columns: 1fr 1fr; row-gap: 8px; }
  .supplier-payout-filter-row-secondary { margin-top: 8px; }
  .supplier-payout-filter-row .supplier-segmented-status,
  .supplier-team-orders-filters .supplier-segmented-status { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); width: 100%; gap: 6px; }
  .supplier-payout-filter-row .supplier-segmented-status span,
  .supplier-team-orders-filters .supplier-segmented-status span { min-width: 0; border: 1px solid #dcdfe6; border-radius: 4px; }
  .supplier-payout-filter-row > .btn { width: 100%; }
  .supplier-team-orders-filters { width: 100%; grid-template-columns: 1fr 1fr; row-gap: 8px; }
  .supplier-team-orders-filters > .btn { width: 100%; }
  .supplier-filter-field, .supplier-filter-field-narrow { width: auto; min-width: 0; }
  .supplier-segmented-status { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); width: 100%; gap: 6px; }
  .supplier-segmented-status span,.supplier-segmented-status label:first-child span,.supplier-segmented-status label:last-child span { border: 1px solid #dcdfe6; border-radius: 4px; }
  .supplier-copy-row { align-items: stretch; flex-direction: column; }
  .supplier-exact-form-row { grid-template-columns: 1fr; gap: 5px; }
  .supplier-exact-form-row > label { text-align: left; }
  .supplier-modal-dialog-wide .supplier-resource-type-row .form-control { width: 100%; }
  .supplier-modal-dialog-wide > form > [data-resource-details] > .supplier-channel-limit-note { margin-left: 0; }
  .supplier-resource-editor-dialog { font-size: 14px; }
  .supplier-resource-editor-dialog .supplier-modal-header { height: 54px; padding: 20px 20px 14px; }
  .supplier-resource-editor-dialog .supplier-modal-header h2 { font-size: 18px; }
  .supplier-resource-editor-dialog .supplier-modal-body { padding: 24px 16px 20px; }
  .supplier-resource-editor-dialog .supplier-exact-form-row { grid-template-columns: 1fr; min-height: 32px; margin-bottom: 8px; }
  .supplier-resource-editor-dialog .supplier-exact-form-row > label { padding-right: 0; }
  .supplier-resource-editor-dialog > form > [data-resource-details] > .supplier-channel-limit-note { margin-left: 0; }
  .supplier-readonly-group { margin-left: 0; }
  .supplier-channel-limit-note { margin-left: 0; }
  .resource-tutorial-hint { margin-left: 0; }
  .supplier-form-grid { grid-template-columns: 1fr; }
  .supplier-form-span { grid-column: auto; }
  .supplier-panel-heading { flex-direction: column; }
  .supplier-welcome, .supplier-accept-form { align-items: stretch; flex-direction: column; }
  .supplier-card-grid-four, .supplier-card-grid-three { grid-template-columns: 1fr; }
  .supplier-filter-row { grid-template-columns: 1fr 1fr; }
  .supplier-preview-overlay { padding: 18px 10px; }
  .supplier-preview-name-card,.supplier-preview-warning-card { padding: 26px 14px; }
  .supplier-preview-warning-board { padding: 0 8px; }
  .supplier-preview-antifraud { padding: 24px 10px 10px; }
  .supplier-preview-antifraud > p { position: static; }
  .supplier-preview-antifraud h2 { margin: 20px 0 32px; }
  .supplier-preview-payment-facts > div { grid-template-columns: 90px 1fr 82px; }
  .supplier-preview-payment-facts dt { font-size: 18px; }
  .supplier-preview-payment-facts dd { font-size: 24px; }
  .supplier-preview-payment-facts button { width: 72px; }
  .supplier-collection-table-wrap { overflow-x: auto; }
  .supplier-collection-table { width: 1080px; min-width: 1080px; }
  .supplier-order-detail-grid,
  .supplier-code-audit-facts { grid-template-columns: 1fr; }
}

@media (max-width: 480px) {
  .supplier-card-grid-four, .supplier-card-grid-three { grid-template-columns: 1fr; }
  .supplier-metric { min-height: 82px; }
  .supplier-filter-row { grid-template-columns: 1fr; }
  .supplier-account-list-filters { grid-template-columns: 1fr; }
  #resource-search-form { grid-template-columns: 1fr; }
  #resource-search-form .supplier-account-actions { grid-column: auto; }
  .supplier-collection-filter-row { grid-template-columns: 1fr; }
  .supplier-team-orders-filters { grid-template-columns: 1fr; }
  .supplier-preview-safe-mark { top: 4px; right: 4px; }
  .supplier-preview-name-card p,.supplier-preview-warning-board > strong { font-size: 20px; line-height: 25px; }
  .supplier-preview-payment-card { padding-right: 12px; padding-left: 12px; }
  .supplier-preview-mini-warning { grid-template-columns: 1fr; height: auto; }
  .supplier-preview-mini-warning > strong { padding: 10px; }
  .supplier-preview-mini-warning span { height: 150px; }
  .supplier-preview-mini-warning span img { height: 150px; }
  .supplier-preview-qr-wrap canvas,.supplier-preview-qr-wrap table { width: 300px; height: 300px; }
  .supplier-preview-qr-wrap img { width: 300px; height: auto; }
}