/* dev-expert · anti-slop: P4 H4 E4 S4 R5 V4. Receipt + workbench, no decorative metrics. */
:root {
  --color-ink: #111827;
  --color-muted: #5e6d82;
  --color-paper: #ffffff;
  --color-canvas: #f3f4f6;
  --color-line: #e0e4ea;
  --color-emerald: #00cc4b;
  --color-emerald-dark: #007636;
  --color-primary-hover: #00ba43;
  --color-mint: #ecfdf3;
  --color-sidebar: #142f27;
  --color-sidebar-text: #d4e6dc;
  --color-sidebar-active: #28483b;
  --color-gold: #996018;
  --color-gold-soft: #fff5e5;
  --color-transparent: transparent;
  --font-body: 'Segoe UI', 'Microsoft YaHei', system-ui, sans-serif;
  --font-display: 'Arial', 'Microsoft YaHei', system-ui, sans-serif;
  --font-mono: Consolas, monospace;
  --space-unit: .5rem;
  --green: var(--color-emerald);
  --green-dark: var(--color-emerald-dark);
  --border: var(--color-line);
  --muted: var(--color-muted);
  --soft: var(--color-mint);
  --card-padding: 1.5rem;
  --button-bg: var(--color-emerald);
  --shadow-card: 0 1rem 3rem #1736290a;
  --z-skip: 30;
  font-family: var(--font-body);
  color: var(--color-ink);
  background: var(--color-canvas);
}
html, body { overflow-x: clip; }
h1,h2,h3,.wordmark,.receipt-total,.stat-card strong { font-family: var(--font-display); font-style: normal; }
button,a.primary-btn,a.ghost-btn { min-height: 2.75rem; white-space: nowrap; }
.provider-check-btn { min-height: 2.75rem; }
button:active:not(:disabled),a.primary-btn:active { transform: translateY(1px); }
button:focus-visible,input:focus-visible,a:focus-visible,summary:focus-visible { outline: 3px solid var(--color-emerald); outline-offset: 3px; }
.skip-link { z-index: var(--z-skip); }
.mark { background: var(--color-emerald); color: var(--color-paper); border-radius: .875rem; }
.mark .cash-app-icon { display: block; width: 100%; height: 100%; border-radius: inherit; }
.mark:has(.cash-app-icon) { padding: 0; background: var(--color-transparent); overflow: hidden; }
.admin-panel { border-radius: 1rem; padding: var(--card-padding); box-shadow: none; }
.super-layout { grid-template-columns: 15.5rem minmax(0,1fr); }
.super-sidebar { background: var(--color-sidebar); color: var(--color-paper); padding: 2rem 1.25rem; border: 0; }
.sidebar-brand span,.sidebar-account span { color: var(--color-sidebar-text); }
.sidebar-brand .mark { background: var(--color-mint); color: var(--color-emerald-dark); }
.sidebar-nav button { color: var(--color-sidebar-text); min-height: 3rem; padding: .75rem; border-radius: .625rem; }
.sidebar-nav button:hover,.sidebar-nav button.active { background: var(--color-sidebar-active); color: var(--color-paper); }
.sidebar-nav button.active { box-shadow: inset 3px 0 var(--color-sidebar-text); }
.sidebar-actions .ghost-btn { background: var(--color-transparent); border-color: var(--color-sidebar-active); color: var(--color-sidebar-text); }
.sidebar-actions .ghost-btn:hover { background: var(--color-sidebar-active); }
.super-sidebar :focus-visible { outline-color: var(--color-paper); }
.sidebar-account { border-color: var(--color-sidebar-active); }
.super-content { padding: 2.5rem; gap: 1.5rem; }
.admin-header h1 { font-size: 2rem; letter-spacing: -.06rem; }
.admin-header .eyebrow { color: var(--color-muted); }
.stat-card { border-radius: 1rem; padding: 1.5rem; }
.stat-card:first-child { background: var(--color-mint); border-color: var(--color-line); }
.stat-card strong { font-size: 1.875rem; letter-spacing: -.06rem; }
.stat-card small { font-size: .75rem; }
.overview-grid { grid-template-columns: minmax(0,1.6fr) minmax(0,1fr); gap: 1.5rem; }
.empty-state { background: var(--color-canvas); border: 0; padding: 3rem 1.5rem; }
.empty-state p { font-size: .8125rem; }
.table-wrap th { background: var(--color-canvas); font-size: .75rem; }
.table-wrap td { padding-top: 1.125rem; padding-bottom: 1.125rem; }
.table-actions button,.fee-form button { min-height: 2.75rem; }
.auth-page { padding: 2rem; }
.auth-top { max-width: 67rem; }
.auth-wordmark { display: inline-flex; align-items: center; gap: .625rem; }
.auth-wordmark .mark { width: 2rem; height: 2rem; border-radius: .5rem; }
.registration-layout { max-width: 61rem; gap: 5rem; min-height: 65vh; }
.auth-copy h1 { font-size: clamp(2rem,4vw,3rem); letter-spacing: -.1rem; }
.auth-copy p { font-size: .9375rem; }
.auth-card { padding: 2rem; border-radius: 1.25rem; box-shadow: var(--shadow-card); }
input { min-height: 2.875rem; border-radius: .625rem; }
.reconciliation-summary { margin-bottom: 1.5rem; padding: .25rem 1rem 1rem; background: var(--color-canvas); border-radius: .75rem; }
.queue-pagination { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; margin-top: 1.5rem; }
.queue-pagination p { margin: 0 auto 0 0; }
.review-event { display: grid; gap: .5rem; padding: 1rem 0; border-bottom: 1px solid var(--color-line); overflow-wrap: anywhere; }
.review-event code { font-family: var(--font-mono); }
.preset-editor-list { display: grid; gap: .75rem; margin: 1.25rem 0; }
.preset-editor-row { display: flex; gap: .75rem; align-items: flex-end; }
.preset-editor-row label { flex: 1; margin: 0; }
.preset-editor-row button { flex: none; min-height: 2.875rem; }
.public-page { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; padding: 2.25rem 1rem; background: var(--color-canvas); }
.checkout-brand { display: flex; align-items: center; gap: .625rem; margin: 0 0 1.75rem; }
.checkout-brand .mark { width: 2rem; height: 2rem; border-radius: .625rem; font-size: 1.5rem; }
.checkout-brand .wordmark { font-size: 1rem; color: var(--color-ink); }
.checkout-card { max-width: 30rem; padding: 2rem; text-align: left; border: 1px solid var(--color-line); border-radius: 1.5rem; box-shadow: var(--shadow-card); overflow: visible; }
.receipt-heading { padding-bottom: 1rem; border-bottom: 1px solid var(--color-line); margin-bottom: 1.5rem; }
.receipt-heading .eyebrow { font-size: .6875rem; letter-spacing: .1rem; color: var(--color-muted); }
.receipt-heading h1 { margin: .75rem 0; font-size: 1.75rem; overflow-wrap: anywhere; }
.checkout-card .form-hint { font-size: .8125rem; margin: .5rem 0 1rem; }
.checkout-card label { font-size: .8125rem; margin-bottom: .5rem; }
.checkout-amount { font-size: 2.5rem; letter-spacing: -.075rem; font-variant-numeric: tabular-nums; padding: .875rem 1rem; background: var(--color-canvas); }
.payment-method { display: flex; align-items: center; gap: .75rem; padding: 1rem; margin: 1.5rem 0; border: 1px solid var(--color-line); border-radius: .75rem; }
.payment-method .cash-app-icon { display: block; flex: 0 0 auto; width: 2.5rem; height: 2.5rem; border-radius: .625rem; }
.payment-method strong { display: block; font-size: .9375rem; }
.payment-method small { display: block; color: var(--color-muted); font-size: .75rem; }
.checkout-card .message { margin: 1rem 0; }
.checkout-card .notice-stack .message { margin: 0 0 1rem; }
.pay-now { min-height: 3.25rem; font-size: 1rem; border-radius: .75rem; width: 100%; }
.checkout-card .ghost-btn.full-width { margin-top: .75rem; }
.checkout-help { margin-top: 1.5rem; padding-top: 1rem; border-top: 1px solid var(--color-line); font-size: .8125rem; }
.checkout-help summary { cursor: pointer; min-height: 2.75rem; padding: .5rem 0; font-weight: 600; }
.checkout-help p { color: var(--color-muted); }
.checkout-card .footer-line { margin-top: 1rem; padding-top: 1rem; font-size: .75rem; line-height: 1.6; color: var(--color-muted); }
.receipt-total { display: flex; align-items: baseline; gap: .375rem; font-size: 2.5rem; font-weight: 700; margin: 0 0 1rem; }
.receipt-total span,.receipt-total small { font-size: 1rem; color: var(--color-muted); }
.payment-progress { background: var(--color-mint); padding: .875rem 1rem; border-radius: .625rem; font-weight: 600; font-size: .875rem; }
.payment-receipt .detail-grid { margin-bottom: 1.5rem; font-size: .75rem; }
.copy-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .5rem; margin-top: .75rem; }
.copy-actions button { padding: .625rem .375rem; font-size: .75rem; }
@media(max-width:1120px) { .super-content { padding: 1.5rem; } .overview-grid { grid-template-columns: minmax(0,1fr); } }
@media(max-width:760px) {
  .super-layout { display: block; } .super-content { padding: 1.25rem 1rem; }
  .super-sidebar { padding: 1.25rem 1rem; } .sidebar-nav button { min-height: 2.75rem; }
  .auth-page { padding: 1.5rem 1rem; } .registration-layout { gap: 1.75rem; min-height: auto; }
  .auth-copy h1 { font-size: 2rem; } .auth-card { padding: 1.5rem; }
  .public-page { padding: 1.5rem 1rem; } .checkout-brand { margin-bottom: 1.25rem; }
  .checkout-card { padding: 1.5rem; border-radius: 1.25rem; } .receipt-heading h1 { font-size: 1.625rem; }
  .admin-header h1 { font-size: 1.625rem; } .stats-grid { gap: .75rem; }
  .stat-card { padding: 1.125rem; } .stat-card strong { font-size: 1.5rem; }
}
@media(max-width:374px) { .checkout-card { padding: 1.125rem; } .auth-card { padding: 1.125rem; } .receipt-total { font-size: 2rem; } }

/* Reference checkout: compact wallet card, independent from the merchant workbench. */
.public-page {
  --checkout-canvas: #f3f4f6;
  --checkout-white: #ffffff;
  --checkout-ink: #111827;
  --checkout-muted: #5e6d82;
  --checkout-line: #e0e4ea;
  --checkout-green: #00cc4b;
  --checkout-green-hover: #00ba43;
  --checkout-green-text: #007636;
  --checkout-mint: #ecfdf3;
  --checkout-pale-green: #b9f7cf;
  --checkout-green-line: #a5efbd;
  --checkout-blue: #1d9bf0;
  --checkout-handle: #d1d5db;
  --checkout-error: #b42318;
  --checkout-shadow: 0 .5rem 2rem #17243808;
  --checkout-button-shadow: 0 .625rem 1.5rem #00cc4b26;
  --checkout-logo-shadow: 0 .75rem 1.75rem #00a94020;
  --checkout-font: 'Arial', 'Helvetica Neue', system-ui, sans-serif;
  color: var(--checkout-ink); background: var(--checkout-canvas);
  font-family: var(--checkout-font); padding: 3rem 1rem 2rem;
}
.public-page .checkout-card {
  max-width: 28.125rem; width: 100%; padding: .75rem 1.25rem 1.5rem;
  border: 1px solid var(--checkout-line); border-radius: 1.25rem;
  background: var(--checkout-white); box-shadow: var(--checkout-shadow); text-align: center;
}
.checkout-handle { width: 3.375rem; height: .3125rem; margin: 0 auto 1.25rem; border-radius: 1rem; background: var(--checkout-handle); }
.checkout-heading { margin-bottom: 1.25rem; }
.checkout-heading h1 { display: flex; align-items: center; justify-content: center; gap: .375rem; margin: 0 0 .75rem; font-size: 1.5rem; line-height: 1.25; letter-spacing: -.035rem; font-family: var(--checkout-font); }
.checkout-heading h1 span { color: var(--checkout-green); }
.checkout-blue-check { width: 1.125rem; height: 1.125rem; color: var(--checkout-blue); flex: none; margin-left: .0625rem; }
.checkout-green-check { width: 1.25rem; height: 1.25rem; color: var(--checkout-green); flex: none; }
.checkout-secure { display: inline-flex; align-items: center; gap: .4375rem; min-height: 2rem; padding: .25rem .875rem; border-radius: 2rem; font-size: .875rem; font-weight: 700; color: var(--checkout-green-text); background: var(--checkout-mint); }
.checkout-wallet { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 11rem; padding: 1.75rem 1rem; margin-bottom: 1.125rem; border: 1px solid var(--checkout-line); border-radius: .75rem; }
.checkout-wallet .cash-app-icon { display: block; width: 3.5rem; height: 3.5rem; border-radius: .8125rem; box-shadow: 0 0 0 .25rem var(--checkout-white), var(--checkout-logo-shadow); }
.checkout-wallet h2 { margin: 1rem 0 .1875rem; font: 700 1.25rem/1.25 var(--checkout-font); color: var(--checkout-ink); }
.checkout-wallet p { margin: 0; color: var(--checkout-muted); font-size: .875rem; line-height: 1.5; }
.amount-selector { padding: 1.125rem; background: var(--checkout-mint); border-radius: .875rem; text-align: left; margin-bottom: 1.125rem; }
.amount-selector h2 { display: flex; align-items: center; gap: .5rem; margin: 0 0 .875rem; font: 700 .875rem/1.25 var(--checkout-font); color: var(--checkout-green-text); }
.amount-symbol { display: inline-flex; align-items: center; justify-content: center; width: 1.125rem; height: 1.125rem; border-radius: 50%; color: var(--checkout-white); background: var(--checkout-green); font-size: .875rem; }
.amount-options { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .625rem; }
.amount-options[hidden] { display: none; }
#checkout-more-amounts { margin-top: .625rem; }
.amount-preset { min-width: 0; min-height: 3rem; border: 1px solid var(--checkout-green-line); border-radius: 2rem; padding: .625rem .25rem; background: var(--checkout-white); color: var(--checkout-ink); font-size: .9375rem; font-weight: 700; font-variant-numeric: tabular-nums; }
.amount-preset:hover:not(:disabled) { background: var(--checkout-pale-green); }
.amount-preset[aria-pressed="true"] { background: var(--checkout-pale-green); border-color: var(--checkout-green-text); color: var(--checkout-green-text); box-shadow: inset 0 0 0 1px var(--checkout-green-text); }
.amount-more { width: 100%; min-height: 3rem; margin-top: .75rem; border-radius: 2rem; background: var(--checkout-pale-green); color: var(--checkout-green-text); font-size: 1rem; font-weight: 700; }
.amount-more:hover:not(:disabled) { box-shadow: inset 0 0 0 1px var(--checkout-green-text); }
.checkout-card .custom-amount { display: block; position: relative; margin: .75rem 0 0; }
.custom-currency { position: absolute; left: 1.25rem; top: 50%; transform: translateY(-50%); font-size: 1rem; font-weight: 400; pointer-events: none; }
.public-page .checkout-amount { width: 100%; min-height: 3.25rem; padding: .75rem 1rem .75rem 2.5rem; border: 1px solid var(--checkout-green-line); border-radius: 2rem; font-size: 1rem; line-height: 1.5; letter-spacing: normal; background: var(--checkout-white); color: var(--checkout-ink); font-weight: 600; }
.public-page .checkout-amount::placeholder { color: var(--checkout-muted); opacity: 1; }
.amount-guidance { margin: .625rem 0 0; font-size: .6875rem; line-height: 1.4; color: var(--checkout-muted); text-align: center; }
.amount-error { margin: .625rem 0 0; font-size: .75rem; line-height: 1.5; color: var(--checkout-error); }
.amount-error:empty { display: none; }
.public-page .checkout-amount[aria-invalid="true"] { border-color: var(--checkout-error); }
.public-page .pay-now { min-height: 3.25rem; padding: .875rem 1rem; border: 0; border-radius: 2rem; font-size: 1rem; line-height: 1.5; font-weight: 700; background: var(--checkout-green); color: var(--checkout-white); box-shadow: var(--checkout-button-shadow); }
.public-page .pay-now:hover:not(:disabled) { background: var(--checkout-green-hover); }
.public-page .pay-now:disabled { opacity: 1; box-shadow: none; cursor: not-allowed; }
.checkout-powered { margin-top: 1rem; font-size: .8125rem; line-height: 1.5; color: var(--checkout-muted); font-weight: 600; }
.checkout-support { width: 100%; max-width: 28.125rem; padding: 1rem .5rem 0; color: var(--checkout-muted); text-align: center; }
.checkout-network { font-size: .6875rem; line-height: 1.5; margin: 0; }
.public-page .checkout-help { margin-top: .375rem; padding-top: 0; border: 0; font-size: .75rem; }
.public-page .checkout-help summary { display: list-item; padding: .875rem 0 .5rem; min-height: 2.75rem; font-weight: 400; }
.public-page .checkout-help p { text-align: left; color: var(--checkout-muted); }
.public-page :focus-visible { outline: 3px solid var(--checkout-green-text); outline-offset: 3px; }
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.feature-controls { margin-top: 1rem; }
.feature-control-row { display:flex; align-items:center; flex-wrap:wrap; gap:.75rem; padding:.75rem 0; border-bottom:1px solid #e1e8e5; }
.feature-control-row strong { flex:1; min-width:6rem; }
.feature-control-row button { min-height:2.75rem; }
.verification-card { margin-top:1rem; padding:1rem; border:1px solid #cce5d8; border-radius:.75rem; overflow-wrap:anywhere; }
.verification-card fieldset { border:0; padding:0; margin:0; min-width:0; }
.verification-card .inline-actions { flex-wrap:wrap; gap:.5rem; margin-top:.75rem; }
@media(max-width:480px) {
  .public-page { padding: 1.25rem .875rem; }
  .public-page .checkout-card { padding: .75rem 1.125rem 1.25rem; }
  .amount-selector { padding: 1rem; }
}
@media(max-width:359px) {
  .public-page { padding: .75rem .625rem; }
  .public-page .checkout-card { padding: .75rem .875rem 1.125rem; }
  .amount-selector { padding: .75rem; }
  .amount-options { gap: .375rem; }
  .amount-preset { font-size: .8125rem; }
}

/* Light workbench. Keep these tokens scoped so customer checkout stays unchanged. */
.super-layout, .auth-page {
  --color-ink: #111827;
  --color-muted: #5e6d82;
  --color-canvas: #f3f4f6;
  --color-line: #e0e4ea;
  --color-mint: #ecfdf3;
  --color-emerald: #00cc4b;
  --color-emerald-dark: #007636;
  --color-sidebar: #ffffff;
  --color-sidebar-text: #62756d;
  --color-sidebar-active: #dcfce7;
  --green: var(--color-emerald);
  --green-dark: var(--color-emerald-dark);
  --border: var(--color-line);
  --muted: var(--color-muted);
  --soft: var(--color-mint);
  color: var(--color-ink);
  background: var(--color-canvas);
  -webkit-font-smoothing: antialiased;
}
.super-layout { grid-template-columns: 15.25rem minmax(0,1fr); }
.super-sidebar { color: var(--color-ink); border-right: 1px solid var(--color-line); padding: 2rem 1rem; gap: 2rem; }
.sidebar-brand { padding: 0 .5rem; }
.sidebar-brand strong { letter-spacing: -.025rem; }
.sidebar-brand .mark { width: 2.5rem; height: 2.5rem; }
.sidebar-nav { gap: .4375rem; }
.sidebar-nav button { border: 1px solid transparent; padding: .875rem .9375rem; border-radius: .875rem; font-weight: 500; }
.sidebar-nav button:hover { background: #f3faf6; color: #285940; }
.sidebar-nav button.active { color: #17653e; background: var(--color-sidebar-active); border-color: #d1eedd; box-shadow: none; font-weight: 700; }
.sidebar-nav small { font-size: .625rem; letter-spacing: .0125rem; }
.super-sidebar :focus-visible { outline-color: var(--color-emerald); }
.sidebar-actions .ghost-btn { background: #fff; border-color: var(--color-line); color: #4f655a; border-radius: .75rem; }
.sidebar-actions .ghost-btn:hover { background: #f3faf6; border-color: #cfe6d8; }
.sidebar-account { border-color: var(--color-line); padding: 1.25rem .5rem 0; }
.sidebar-account strong { color: #415a4d; }
.super-content { grid-template-columns: minmax(0,1fr); padding: 2.5rem 2.5rem 3.5rem; gap: 1.5rem; }
.super-content > .admin-panel { min-width: 0; }
.admin-header { padding: .25rem 0 .5rem; align-items: center; }
.admin-header .eyebrow { font-size: .6875rem; letter-spacing: .075rem; margin-bottom: .625rem; color: #708278; }
.admin-header h1 { font-size: 1.8125rem; letter-spacing: -.04rem; font-weight: 650; }
.super-layout .badge, .auth-page .badge { border-radius: 2rem; padding: .3125rem .6875rem; white-space: nowrap; }
.super-layout .badge.neutral, .auth-page .badge.neutral { color: #596e62; background: #f1f6f3; border-color: #e0e9e3; }
.super-layout .admin-panel, .super-layout .stat-card { border-color: var(--color-line); border-radius: 1.25rem; box-shadow: 0 .125rem .375rem #233a2c03, 0 .5rem 1.5rem #233a2c03; }
.super-layout .admin-panel { padding: 1.625rem; }
.super-layout .stat-card { padding: 1.5rem; position: relative; }
.super-layout .stat-card:first-child { background: #edf9f1; border-color: #d7eedf; }
.super-layout .stat-card > span { margin-bottom: .875rem; color: #607567; }
.super-layout .stat-card strong { font-size: clamp(1.25rem, 2.1vw, 1.8125rem); font-weight: 650; letter-spacing: -.05rem; }
.super-layout .stat-card small { font-size: .6875rem; line-height: 1.75; margin-top: .5rem; }
.super-layout h2 { font-size: 1.0625rem; font-weight: 650; letter-spacing: -.015rem; }
/* Bright green and white CTA text match the user's reference; no AA contrast claim. */
.super-layout .primary-btn, .auth-page .primary-btn { border-radius: .75rem; box-shadow: 0 .5rem 1.25rem #00cc4b26; }
.super-layout .primary-btn:hover:not(:disabled), .auth-page .primary-btn:hover:not(:disabled) { background: var(--color-primary-hover); border-color: var(--color-primary-hover); }
.super-layout .ghost-btn, .super-layout .soft-btn, .super-layout .danger-btn { border-radius: .75rem; }
.quick-grid { gap: .625rem; }
.quick-grid .ghost-btn { justify-content: flex-start; padding: .8125rem 1rem; background: #f5faf7; border-color: #e3eee7; color: #2d5c40; font-weight: 600; }
.quick-grid .ghost-btn::after { content: '›'; margin-left: auto; font-size: 1.25rem; font-weight: 400; color: #527960; }
.quick-grid .ghost-btn:hover { background: #eaf7ef; border-color: #cde9d7; }
.super-layout .empty-state { padding: 2.5rem 1.5rem; background: #f8fbf9; border: 1px dashed #e0eae3; border-radius: 1rem; }
.super-layout .empty-mark { width: 2.75rem; height: 2.75rem; display: grid; place-items: center; margin: 0 auto 1rem; border-radius: .875rem; background: #eaf5ee; color: #739982; }
.super-layout .empty-state h3 { color: #496553; font-weight: 600; }
.super-layout .table-wrap { border: 1px solid #e9efeb; border-radius: .875rem; scrollbar-width: thin; scrollbar-color: #c7dacd transparent; }
.super-layout .table-wrap th { background: #f5f9f6; padding: .875rem 1rem; font-weight: 600; color: #61776a; }
.super-layout .table-wrap td { padding: 1rem; border-color: #edf2ee; }
.super-layout .table-wrap tbody tr:last-child td { border-bottom: 0; }
.super-layout .table-wrap tbody tr:hover { background: #f8fcf9; }
.super-layout .cell-meta { color: #6a7e71; font-size: .6875rem; }
.conversion-cell { min-width: 15rem; }
.conversion-cell .order-reference { display: block; margin-top: .25rem; overflow-wrap: anywhere; }
.conversion-cell .order-settlement .cell-meta { display: block; }
.invoice-reference { white-space: nowrap; }
.super-layout .payment-record-table { min-width: 48rem; font-variant-numeric: tabular-nums; }
.super-layout .payment-record-table td { min-width: 5.5rem; }
.super-layout .payment-record-table td:first-child { min-width: 10rem; white-space: nowrap; }
.super-layout .payment-record-table td:nth-child(2) { min-width: 9rem; }
.settings-stack { display: grid; align-content: start; gap: 1.5rem; min-width: 0; }
.settings-stack > .admin-panel { min-width: 0; }
.overview-metrics { min-width: 0; }
.overview-metrics .stat-card:first-child { background: var(--color-paper); border-color: var(--color-line); }
.overview-metrics .stat-card strong { display: block; overflow-wrap: anywhere; }
.overview-comparison .comparison-percent { font-size: 1.125rem; line-height: 1.5; letter-spacing: normal; }
.overview-stat-foot { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; margin-top: .875rem; }
.overview-stat-foot .form-hint { flex: 1; min-width: 12rem; margin: 0; }
.overview-metrics .message { margin-top: .875rem; }
.record-filters { display: flex; flex-wrap: wrap; align-items: flex-end; gap: .75rem; min-width: 0; border: 0; padding: 0; margin: 0 0 1rem; }
.record-filters label { width: 12rem; max-width: 100%; margin: 0; }
.record-filters select { width: 100%; min-height: 2.875rem; border: 1px solid var(--color-line); border-radius: .75rem; padding: .6875rem .875rem; background: var(--color-paper); color: var(--color-ink); font: inherit; font-size: .8125rem; }
.record-filters select:focus-visible { outline: 3px solid var(--color-emerald); outline-offset: 2px; }
.record-filters button { min-height: 2.875rem; }
.record-filters .record-auto-refresh { display: inline-flex; align-items: center; gap: .5rem; width: auto; min-height: 2.875rem; padding: .5rem .75rem; border: 1px solid var(--color-line); border-radius: .75rem; background: var(--color-paper); cursor: pointer; }
.record-auto-refresh input { width: 1rem; height: 1rem; min-height: 0; margin: 0; accent-color: var(--color-emerald); }
.record-auto-refresh span { margin: 0; font-size: .75rem; white-space: nowrap; }
.super-layout .order-fee { display: block; margin-top: .625rem; color: #a52a3b; font-size: .75rem; line-height: 1.7; }
.super-layout .order-fee.pending-settlement { color: #62756d; }
.withdrawal-summary .section-head { margin-bottom: 1rem; }
.withdrawal-amounts { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .875rem; }
.withdrawal-amounts > div { padding: 1rem 1.125rem; border: 1px solid #e4ece7; border-radius: .875rem; min-width: 0; }
.withdrawal-amounts > div { background: #fff; }
.withdrawal-amounts span, .withdrawal-amounts small { display: block; color: #62756d; font-size: .75rem; line-height: 1.6; }
.withdrawal-amounts strong { display: block; margin: .375rem 0; font-size: clamp(1.125rem,2vw,1.625rem); font-weight: 650; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.withdrawal-amounts .withdrawal-charge strong { color: #a52a3b; }
.withdrawal-breakdown, .withdrawal-address { font-size: .8125rem; line-height: 1.8; overflow-wrap: anywhere; }
.withdrawal-breakdown { margin: 1rem 0 .5rem; }
.withdrawal-address { margin: 0 0 1rem; color: #62756d; }
.withdrawal-summary .form-hint { margin: .75rem 0 0; }
.revenue-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .875rem; margin-top: 1.25rem; }
.revenue-grid .stat-card { min-width: 0; }
.revenue-grid .stat-card strong { overflow-wrap: anywhere; }
.revenue-grid .stat-card:last-child { grid-column: 1 / -1; background: #edf9f1; border-color: #d7eedf; }
.super-layout .revenue-table { min-width: 56rem; font-variant-numeric: tabular-nums; }
.revenue-table td:first-child { white-space: nowrap; }
.revenue-table td:nth-child(n+5) { white-space: nowrap; }
.super-layout .detail-grid { gap: .875rem 1.25rem; }
.super-layout .message, .auth-page .message { border-radius: .875rem; }
.super-layout input, .auth-page input { border-color: #dce7df; border-radius: .75rem; color: var(--color-ink); padding: .8125rem .9375rem; }
.super-layout input:hover:not(:disabled), .auth-page input:hover:not(:disabled) { border-color: #bad4c3; }
.super-layout input:focus, .auth-page input:focus { border-color: #4a9f6c; box-shadow: 0 0 0 .1875rem #14804b0c; }
.super-layout input[readonly], .auth-page input[readonly] { background: #f7faf8; }
.super-layout .security-note, .super-layout .reconciliation-summary { background: #f5faf7; border-radius: 1rem; color: #566e5e; }
.super-layout .preset-editor-row { padding: .875rem; border: 1px solid #e7efe9; border-radius: .875rem; background: #fafcfb; }
.auth-page .auth-card { border: 1px solid #e1ece5; border-radius: 1.5rem; padding: 2rem; box-shadow: 0 1rem 3.75rem #345a4010; }
.auth-page .auth-copy h1 { color: var(--color-ink); font-weight: 750; letter-spacing: -.08rem; }
.auth-page .auth-top { margin-bottom: 2.5rem; }
.auth-page .auth-footer { color: #708378; }
.super-layout button, .super-layout a, .auth-page button, .auth-page a, .super-layout input, .auth-page input {
  transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, box-shadow 160ms ease, transform 120ms ease;
}
.super-layout .table-wrap tbody tr { transition: background-color 140ms ease; }
.super-content > .admin-panel, .super-content > .stats-grid, .super-content > .overview-grid, .super-content > .settings-grid {
  animation: workbench-enter 180ms ease-out both;
}
@keyframes workbench-enter { from { opacity: .7; transform: translateY(3px); } to { opacity: 1; transform: translateY(0); } }
@media(max-width:1120px) {
  .super-content { padding: 1.75rem 1.5rem 2.5rem; }
  .super-layout { grid-template-columns: 13.25rem minmax(0,1fr); }
  .super-sidebar { padding: 1.75rem .875rem; }
}
@media(max-width:760px) {
  .super-layout { display: block; }
  .super-sidebar { padding: 1.25rem 1rem; border-right: 0; gap: 1rem; }
  .sidebar-brand { padding: 0; }
  .sidebar-nav { scrollbar-width: thin; scrollbar-color: #c7dacd transparent; }
  .sidebar-nav button { min-height: 2.75rem; padding: .6875rem .875rem; }
  .sidebar-account { padding: .25rem 0 0; }
  .super-content { padding: 1.5rem 1rem 2rem; gap: 1.125rem; }
  .admin-header h1 { font-size: 1.5rem; }
  .super-layout .admin-panel { padding: 1.25rem; border-radius: 1rem; }
  .super-layout .stat-card { padding: 1.125rem; border-radius: 1rem; }
  .super-layout .stat-card strong { font-size: 1.25rem; letter-spacing: -.035rem; }
  .withdrawal-amounts { gap: .5rem; }
  .revenue-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: .625rem; }
  .revenue-grid .stat-card:last-child { grid-column: 1 / -1; }
  .withdrawal-amounts > div { padding: .75rem; }
  .super-layout .preset-editor-row { padding: .625rem; gap: .5rem; }
  .auth-page .auth-card { padding: 1.5rem; border-radius: 1.25rem; }
}
@media(max-width:480px) {
  .withdrawal-amounts { grid-template-columns: 1fr; }
  .withdrawal-amounts > div { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: baseline; column-gap: .75rem; }
  .withdrawal-amounts strong { margin: 0; text-align: right; }
  .withdrawal-amounts small { grid-column: 2; text-align: right; }
}

/* Shared compact backoffice shell; customer checkout remains unchanged. */
.super-layout .preset-editor-list { gap: .625rem; margin: 1rem 0; }
.super-layout .preset-editor-row { padding: 0; border: 0; background: var(--color-transparent); gap: .5rem; }
.super-layout .preset-editor-row label { min-width: 0; }
.super-layout .preset-editor-row label > span { margin-bottom: .25rem; font-size: .8125rem; }
.super-layout .preset-editor-row input { padding: .5rem .625rem; }
.super-layout .preset-editor-row button { padding: .5rem .625rem; min-height: 2.75rem; }
.super-layout .preset-editor-row .preset-step { width: 2.75rem; padding: .5rem; font-size: 1.125rem; }
.super-layout .preset-combinations, .super-layout .preset-preview { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; }
.super-layout .preset-combinations { margin-top: 1rem; }
.super-layout .preset-combinations button { font-size: .75rem; padding: .375rem .625rem; }
.super-layout .preset-preview { border-top: 1px solid var(--color-line); margin: .75rem 0 1rem; padding-top: .75rem; font-size: .8125rem; }
.super-layout .preset-preview strong { padding: .25rem .5rem; border-radius: .5rem; background: var(--color-mint); color: var(--color-emerald-dark); }
.super-layout { --color-important: #101820; }
.super-layout .admin-header h1, .super-layout h2, .super-layout h3,
.super-layout .stat-card strong, .super-layout .payment-link-stats strong,
.super-layout .summary-line strong, .super-layout .withdrawal-amounts strong {
  color: var(--color-important); font-weight: 750;
}
.super-layout .table-wrap th, .super-layout label > span, .super-layout .sidebar-brand strong {
  color: var(--color-important); font-weight: 700;
}
.super-layout .payment-link-list { display: grid; gap: 1rem; margin-top: 1rem; }
.super-layout .payment-link-card { border: 1px solid var(--color-line); border-radius: .75rem; padding: 1rem; min-width: 0; }
.super-layout .payment-link-card h3 { margin: 0 0 .75rem; font-size: 1rem; }
.super-layout .payment-link-stats { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .75rem; margin-top: 1rem; }
.super-layout .payment-link-stats span { display: block; color: var(--color-muted); font-size: .8125rem; }
.super-layout .payment-link-stats strong { display: block; font-size: .9375rem; overflow-wrap: anywhere; }
@media(max-width:1120px) { .super-layout .payment-link-stats { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width:480px) { .super-layout .payment-link-stats { grid-template-columns: minmax(0,1fr); } }
.super-layout { font-size: .9375rem; }
.super-layout .table-wrap table { font-size: .9375rem; }
.super-layout .table-wrap th { font-size: .875rem; }
.super-layout .cell-meta, .super-layout .table-foot, .super-layout .order-fee,
.super-layout .stat-card small, .super-layout .sidebar-account { font-size: .8125rem; }
.super-layout .form-hint, .super-layout .section-head p, .super-layout .admin-header p,
.super-layout .detail-grid, .super-layout .address-preview, .super-layout .security-note,
.super-layout label > span, .super-layout .stat-card > span,
.super-layout .record-auto-refresh span { font-size: .875rem; }
.super-layout .primary-btn, .super-layout .ghost-btn, .super-layout .soft-btn,
.super-layout .danger-btn { font-size: .875rem; min-height: 2.75rem; white-space: nowrap; }
.super-layout input:not([type="checkbox"]), .super-layout select { font-size: 1rem; min-height: 2.75rem; }
.super-layout .badge { font-size: .8125rem; }
.super-layout h2 { font-size: 1.1875rem; }
.super-layout .sidebar-nav button { font-size: .9375rem; font-weight: 700; color: var(--color-important); flex-direction: column; align-items: flex-start; gap: .25rem; padding: .625rem .75rem; }
.super-layout .sidebar-nav small { font-size: .75rem; font-weight: 650; color: var(--color-important); }
.super-layout .admin-header .eyebrow { font-size: .8125rem; margin-bottom: .375rem; }
.super-layout {
  width: calc(100% - 2rem); max-width: 80rem; margin: 1rem auto;
  min-height: calc(100vh - 2rem); grid-template-columns: 12.5rem minmax(0,1fr);
  gap: .75rem; align-items: start;
}
.super-sidebar {
  height: auto; max-height: calc(100vh - 2rem); top: 1rem; padding: .75rem;
  gap: .75rem; border: 1px solid var(--color-line); border-radius: .875rem;
}
.sidebar-actions { margin-top: .25rem; }
.sidebar-account { padding: .625rem 0 0; }
.super-content { max-width: none; margin: 0; padding: 0; gap: .75rem; }
.super-layout .admin-header {
  padding: .75rem 1rem; background: var(--color-paper);
  border: 1px solid var(--color-line); border-radius: .875rem;
}
.super-layout .admin-header h1 { font-size: 1.5rem; margin-bottom: .25rem; }
.super-layout .admin-header .eyebrow { margin-bottom: .125rem; line-height: 1.35; }
.super-layout .admin-header p { line-height: 1.4; }
.super-layout .admin-panel { padding: 1rem; border-radius: .875rem; }
.super-layout .stat-card { padding: .5625rem .875rem; border-radius: .875rem; }
.super-layout .stat-card > span { margin-bottom: .375rem; line-height: 1.35; }
.super-layout .stat-card small { line-height: 1.35; }
.super-layout .stat-card strong { font-size: 1.5rem; line-height: 1.3; letter-spacing: -.025rem; }
.super-layout .overview-comparison .comparison-percent { font-size: .875rem; line-height: 1.4; margin-top: .125rem; }
.super-layout .stats-grid { gap: .625rem; }
.super-layout .overview-stat-foot { margin-top: .5rem; gap: .5rem; }
.super-layout .settings-grid, .super-layout .settings-stack, .super-layout .overview-grid { gap: .75rem; }
.super-layout .overview-grid { align-items: start; }
.super-layout .section-head { margin-bottom: .625rem; }
.super-layout .sidebar-brand { padding: 0 .25rem; gap: .5rem; }
.super-layout .sidebar-brand .mark { width: 2rem; height: 2rem; }
.super-layout .sidebar-nav { gap: .125rem; }
.super-layout .sidebar-nav button { padding: .375rem .625rem; gap: .125rem; line-height: 1.35; }
.super-layout .sidebar-actions { gap: .375rem; }
.super-layout .quick-grid { gap: .375rem; }
.super-layout .quick-grid .ghost-btn { padding: .5rem .75rem; }
.super-layout .overview-grid .detail-grid { margin-top: .75rem; gap: .5rem .75rem; }
.super-layout .overview-pending > .form-hint:last-child { margin-bottom: 0; }
.super-layout .overview-pending .empty-state { padding: 1.25rem 1rem; }
.super-layout .table-wrap th, .super-layout .table-wrap td { padding: .75rem .875rem; }
.super-layout .record-filters {
  padding: .875rem; background: var(--color-mint); border: 1px solid var(--color-line); border-radius: .75rem;
}
/* Independent provider workbench; existing centered shell and brand tokens remain unchanged. */
.provider-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .75rem; align-items: start; }
.provider-grid > .admin-panel { min-width: 0; }
.provider-grid .detail-grid { grid-template-columns: minmax(0,1fr) minmax(0,1.25fr); gap: .625rem .75rem; }
.provider-grid .detail-grid dd { min-width: 0; overflow-wrap: anywhere; }
.provider-grid .feature-control-row { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: .25rem .5rem; }
.provider-grid .feature-control-row > strong, .provider-grid .feature-control-row > span { grid-column: 1; }
.provider-grid .feature-control-row > button { grid-column: 2; grid-row: 1 / span 2; }
.provider-grid .provider-actions { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1rem; }
.provider-grid .provider-result { margin-top: 1rem; }
.provider-grid .message { overflow-wrap: anywhere; }
@media(max-width:1023px) { .provider-grid { grid-template-columns: minmax(0,1fr); } }
@media(max-width:1120px) {
  .super-layout { width: calc(100% - 2rem); margin: 1rem auto; grid-template-columns: 12.5rem minmax(0,1fr); gap: 1rem; }
  .super-sidebar { top: 1rem; max-height: calc(100vh - 2rem); padding: .875rem; }
}
@media(max-width:760px) {
  .super-layout { width: calc(100% - 1.5rem); margin: .75rem auto; display: block; }
  .super-sidebar { position: static; max-height: none; padding: .875rem; gap: .875rem; }
  .super-content { padding: 0; margin-top: 1rem; }
  .super-layout .admin-header, .super-layout .admin-panel { padding: 1rem; }
  .super-layout .record-filters { padding: .75rem; }
}