/* Commerce pages preserve the original ChaoShunPay layout and typography. */
.commerce-page{min-width:0}
.commerce-page .panel-head{gap:16px;align-items:center}
.commerce-page .panel-head>div:first-child{flex:1 0 210px}
.commerce-page .refresh-controls{gap:8px}
.commerce-page .refresh-controls select{max-width:200px;min-width:160px;height:41px;font:inherit;color:var(--ink-2)}
.commerce-page .refresh-controls .btn{white-space:nowrap}
.commerce-page .commerce-search{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:18px 22px;margin:0}
.commerce-page .commerce-search input,.commerce-page .commerce-search select{height:42px;border:1px solid var(--border-strong,#d3dbe6);border-radius:12px;padding:0 13px;background:#fff;color:var(--ink,#101828);font:inherit;min-width:0;outline:0}
.commerce-page .commerce-search input:focus,.commerce-page .commerce-search select:focus{border-color:var(--accent,#2456e6);box-shadow:0 0 0 3px #2456e615}
.commerce-page .commerce-search input[name=q]{flex:1 1 220px}
.commerce-page .commerce-search select{flex:0 1 195px;width:195px;max-width:100%}
.commerce-page .commerce-search input[type=date]{flex:0 1 148px;width:148px;color:var(--ink-3)}
.commerce-page .commerce-search .btn{height:42px;min-height:42px;padding:0 17px}
.commerce-page .pagination{padding:18px 22px;border-top:1px solid var(--border);background:#fff}
.commerce-page .pagination-pages a,.commerce-page .pagination-pages span{height:36px;min-width:36px;border-radius:9px;padding:0 11px}
.commerce-page .pagination-pages a.active{background:var(--accent);border-color:var(--accent)}
.commerce-page .table-wrap{border-radius:0;overflow-x:auto}
.commerce-page .table{margin:0}
.commerce-page .table td{vertical-align:middle}
.commerce-page .table strong{font-weight:650}
.commerce-page .table th{text-transform:none;letter-spacing:0;white-space:nowrap}
.commerce-page .table td .muted{font-size:12px;overflow-wrap:anywhere;margin-top:5px}
.commerce-page .commerce-date{font-size:12px;line-height:1.65;font-variant-numeric:tabular-nums;color:var(--ink-3)}
.commerce-page .commerce-amount{white-space:nowrap;font-size:13px;font-variant-numeric:tabular-nums}
.commerce-page .empty{min-height:190px;padding:38px 20px;font-size:13px}
.commerce-page .empty strong{color:var(--ink-2);font-size:14px}
.commerce-empty-icon{display:grid;place-items:center;width:46px;height:46px;margin-bottom:4px;border-radius:12px;background:#f1f4f9;border:1px solid #e3e8f0;font-size:24px;color:#98a5b9}
.commerce-links .link-v2-table{table-layout:fixed;min-width:1180px;width:100%}
.commerce-links .link-v2-table th,.commerce-links .link-v2-table td{padding:15px 16px;line-height:1.5}
.commerce-links .link-v2-table th:nth-child(1){width:15%}
.commerce-links .link-v2-table th:nth-child(2){width:13%}
.commerce-links .link-v2-table th:nth-child(3){width:22%}
.commerce-links .link-v2-table th:nth-child(4){width:9%}
.commerce-links .link-v2-table th:nth-child(5){width:12%}
.commerce-links .link-v2-table th:nth-child(6){width:8%}
.commerce-links .link-v2-table th:nth-child(7){width:9%}
.commerce-links .link-v2-table th:nth-child(8){width:12%}
.commerce-links .url-field{display:block;width:100%;height:33px;margin:0;border-radius:8px;font-size:11px;text-overflow:ellipsis;cursor:text}
.commerce-links .link-url-actions,.commerce-links .link-row-actions{display:flex;flex-wrap:wrap;gap:6px}
.commerce-links .link-url-actions{margin-top:7px}
.commerce-links .link-url-actions .btn,.commerce-links .link-row-actions .btn{min-height:31px;height:31px;padding:0 10px;font-size:12px;border-radius:8px}
.commerce-invoices .invoice-v2-table{table-layout:fixed;min-width:900px;width:100%}
.commerce-invoices .invoice-v2-table th:nth-child(1){width:21%}
.commerce-invoices .invoice-v2-table th:nth-child(2){width:18%}
.commerce-invoices .invoice-v2-table th:nth-child(3){width:12%}
.commerce-invoices .invoice-v2-table th:nth-child(4){width:27%}
.commerce-invoices .invoice-v2-table th:nth-child(5){width:14%}
.commerce-invoices .invoice-v2-table th:nth-child(6){width:8%}
.commerce-invoices .invoice-v2-table th,.commerce-invoices .invoice-v2-table td{padding:17px 16px}
.commerce-row-actions{display:flex;gap:6px;flex-wrap:wrap}
.commerce-row-actions .btn{min-height:32px;padding:0 10px;font-size:12px;border-radius:8px}
.commerce-orders{border-radius:18px;border-color:var(--border);box-shadow:var(--shadow-sm)}
.commerce-orders .order-ledger-head{padding:20px 22px;flex-wrap:wrap;border-color:var(--border)}
.commerce-orders .order-ledger-head h2{font-size:18px}
.commerce-orders .order-ledger-head p{line-height:1.6;margin-top:7px;font-size:12px}
.commerce-orders .order-filters{padding:18px 22px 6px;background:#fafbfc}
.commerce-orders .filter-chips b{font-size:12px;min-width:67px}
.commerce-orders .filter-chips a{padding:6px 11px;border-radius:7px;font-size:12px}
.commerce-orders .filter-chips a.active{background:var(--accent);border-color:var(--accent)}
.commerce-orders .commerce-search{padding:14px 0 12px;display:flex;flex-wrap:wrap;gap:8px}
.commerce-orders .commerce-search input[name=q]{flex:1 1 210px;padding:0 13px}
.commerce-orders .commerce-search select{flex:0 1 175px;width:175px}
.commerce-orders .commerce-search input[type=date]{flex:0 1 141px;width:141px}
.commerce-orders .commerce-order-table{min-width:1020px;width:100%;table-layout:fixed}
.commerce-orders .commerce-order-table th,.commerce-orders .commerce-order-table td{padding:14px 14px;white-space:normal;border-right:0}
.commerce-orders .commerce-order-table th:first-child,.commerce-orders .commerce-order-table td:first-child{padding-left:22px;width:23%}
.commerce-orders .commerce-order-table th:nth-child(2){width:17%}
.commerce-orders .commerce-order-table th:nth-child(3){width:17%}
.commerce-orders .commerce-order-table th:nth-child(4){width:13%}
.commerce-orders .commerce-order-table th:nth-child(5){width:18%}
.commerce-orders .commerce-order-table th:last-child{width:12%}
.commerce-orders .commerce-order-table .ledger-paypal-id{display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0;border:0;background:none;font-size:13px;font-weight:700;color:#182230}
.commerce-orders .ledger-transaction{display:flex;align-items:center;gap:6px}
.commerce-orders .icon-only{width:24px;height:24px;border-radius:6px;flex:0 0 24px;font-size:15px}
.commerce-badges{display:flex;gap:5px;margin-top:7px;flex-wrap:wrap}
.commerce-orders .badge{font-size:10px;padding:3px 7px}
.commerce-orders .badge::before{width:5px;height:5px;margin-right:4px}
.commerce-orders .ledger-actions{display:flex;flex-wrap:wrap;gap:5px}
.commerce-orders .ledger-actions .btn{font-size:12px;min-height:31px;height:31px;border-radius:8px;padding:0 10px}
.commerce-orders .ledger-amount{font-size:13px;white-space:nowrap}
.commerce-orders .cell-subtext{font-size:11px;line-height:1.5}
.commerce-disputes .ops-title{padding:24px 26px 22px}
.commerce-disputes .ops-title h2{font-size:25px}
.commerce-disputes .ops-title p{line-height:1.6;font-size:13px}
.commerce-disputes .ops-stats{padding:22px 26px 8px;gap:14px}
.commerce-disputes .ops-stats article{min-height:108px;padding:18px 20px;border-radius:14px;background:linear-gradient(150deg,#fff,#f8faff);box-shadow:none}
.commerce-disputes .ops-stats article:nth-child(2){border-left-color:#f59e0b}
.commerce-disputes .ops-stats article:nth-child(3){border-left-color:#10b981}
.commerce-disputes .ops-stats article:nth-child(4){border-left-color:#8b5cf6}
.commerce-disputes .ops-stats article:nth-child(5){border-left-color:#06b6d4}
.commerce-disputes .ops-stats article span{font-size:12px}
.commerce-disputes .ops-stats article strong{font-size:27px;margin:8px 0 0}
.commerce-disputes .commerce-search{padding:18px 26px}
.commerce-disputes .filter-tabs{padding:0 26px 20px;gap:8px}
.commerce-disputes .filter-tabs a{font-size:12px;padding:8px 13px}
.commerce-disputes .filter-tabs a.active{background:var(--accent);border-color:var(--accent)}
.commerce-dispute-table{min-width:950px;width:100%;table-layout:fixed}
.commerce-dispute-table th:nth-child(1){width:23%}
.commerce-dispute-table th:nth-child(2){width:21%}
.commerce-dispute-table th:nth-child(3){width:18%}
.commerce-dispute-table th:nth-child(4){width:17%}
.commerce-dispute-table th:nth-child(5){width:13%}
.commerce-dispute-table th:nth-child(6){width:8%}
.commerce-dispute-table td,.commerce-dispute-table th{padding:17px 16px!important}
.commerce-dispute-table code{font-size:11px;overflow-wrap:anywhere}
.commerce-text-button{padding:0;border:0;background:none;text-align:left;cursor:pointer;font:600 13px/1.5 inherit;overflow-wrap:anywhere;color:var(--accent)}
.commerce-text-button:hover{text-decoration:underline}
.commerce-page button:disabled{opacity:.6;cursor:wait}
.commerce-form-note{margin:18px 0 0;font-size:12px;line-height:1.65}
.commerce-detail-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;flex-wrap:wrap}
.commerce-detail-title>code{font-size:17px;font-weight:700;overflow-wrap:anywhere}
.commerce-detail .order-detail-layout{grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr)}
.commerce-detail .detail-card{box-shadow:none;border-radius:12px}
.commerce-detail .detail-list strong,.commerce-dispute-detail .detail-list strong{font-size:13px;line-height:1.6;font-weight:600}
.commerce-detail .detail-card>header h4,.commerce-dispute-detail .detail-card>header h4{font-size:14px}
.commerce-detail-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:18px;border-top:1px solid var(--border)}
.commerce-shipping .carrier-options{gap:8px;margin-bottom:22px}
.commerce-shipping .carrier-option{padding:8px 12px;border-radius:8px;min-height:36px;font-size:12px}
.commerce-shipping .carrier-option.active{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}
.commerce-dispute-detail h3{font-size:14px;margin:22px 0 12px}
.commerce-dispute-detail .detail-card{border-radius:12px}
.commerce-dispute-detail .message-list{gap:10px}
.commerce-dispute-detail .message-list article{font-size:13px;overflow-wrap:anywhere}
.commerce-inline-empty{padding:24px;border:1px dashed var(--border-strong);border-radius:12px;text-align:center;color:var(--ink-3);font-size:13px}
.commerce-note-field{margin-top:20px}
.commerce-note-field textarea{min-height:100px;resize:vertical}
.commerce-wide-modal{width:min(1040px,calc(100vw - 40px))!important;max-width:1040px!important}
@media(max-width:1380px){.commerce-page .panel-head{flex-wrap:wrap}.commerce-page .refresh-controls{justify-content:flex-start}.commerce-page .commerce-search{gap:8px}.commerce-orders .order-ledger-head{align-items:flex-start}.commerce-orders .refresh-controls{flex-wrap:wrap}.commerce-page .refresh-controls select{max-width:185px}.commerce-page .refresh-controls .btn{padding-left:13px;padding-right:13px;font-size:12px}}
@media(max-width:900px){.commerce-disputes .ops-stats.five{grid-template-columns:repeat(3,minmax(0,1fr))}.commerce-detail .order-detail-layout{grid-template-columns:1fr}.commerce-orders .commerce-search input[name=q]{flex-basis:100%}.commerce-page .refresh-controls{flex-wrap:wrap}}
@media(max-width:620px){.commerce-page .panel-head,.commerce-orders .order-ledger-head{padding:18px}.commerce-page .refresh-controls .btn{flex:1 1 auto}.commerce-page .refresh-controls{width:100%}.commerce-page .commerce-search{padding:16px}.commerce-page .commerce-search input[name=q]{flex-basis:100%}.commerce-page .commerce-search select{flex:1 1 130px;width:auto}.commerce-page .commerce-search input[type=date]{flex:1 1 130px;width:auto}.commerce-orders .order-filters{padding:16px 14px 5px}.commerce-orders .commerce-search{padding:12px 0}.commerce-orders .filter-chips b{width:100%}.commerce-page .pagination{padding:16px}.commerce-disputes .ops-stats.five{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px}.commerce-disputes .ops-title{padding:20px 16px}.commerce-disputes .ops-title h2{font-size:22px}.commerce-disputes .filter-tabs{padding:0 16px 16px}.commerce-disputes .ops-stats article{padding:14px;min-height:94px}.commerce-detail .detail-list,.commerce-dispute-detail .detail-list{grid-template-columns:1fr}.commerce-detail .detail-list>div,.commerce-dispute-detail .detail-list>div{border-bottom:1px solid #eef0f3}.commerce-detail-actions{justify-content:flex-start}.commerce-wide-modal{width:calc(100vw - 20px)!important}}
.commerce-task-error{color:#b42318;font-size:11px;line-height:1.5;margin-top:6px;overflow-wrap:anywhere}
.commerce-task-pending{color:#99620a!important}
.commerce-invoices .url-field{width:100%;height:33px;font-size:11px}
.commerce-invoices .link-url-actions{display:flex;gap:6px;margin-top:6px}
.commerce-invoices .link-url-actions .btn{height:31px;min-height:31px;padding:0 10px;font-size:12px;border-radius:8px}
.commerce-text-button{font-family:inherit;font-weight:600;font-size:13px;line-height:1.5}