/* SpeedPay — product refinement. Shared type, spacing and surface rules. */
:root{--blue:#275de7;--blue-dark:#1b49c3;--teal:#168775;--ink:#1c2a40;--muted:#69788d;--border:#e3e8ef;--bg:#f5f7fa;--shadow:0 3px 15px #21345004;color:var(--ink);background:var(--bg)}
body{font-size:14px;line-height:1.6;letter-spacing:-.025em;color:var(--ink)}
/* Stop viewport rubber-banding while preserving normal page and touch scrolling. */
html,body{overscroll-behavior:none}
.drawer-body{overscroll-behavior-y:none}
.table-wrap,.sidebar nav{overscroll-behavior-x:none}
button,input,select,textarea{font:inherit}button{transition:background .16s,border-color .16s,color .16s,box-shadow .16s}button:focus-visible,a:focus-visible{outline:3px solid #a9c1ff;outline-offset:3px}button:disabled{opacity:.45}
h1{font-size:29px;line-height:1.3;letter-spacing:-1.05px;font-weight:700}h2{font-size:18px;letter-spacing:-.4px}h3{font-size:17px;letter-spacing:-.4px}
.ui-icon{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;flex-shrink:0;width:20px;height:20px}.ui-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.positive{color:#14836d}.muted{color:#758197}.mono{font-variant-numeric:tabular-nums;letter-spacing:0}
/* The demo strip is deliberately separate from the product chrome. */
.demo-bar{height:36px;min-height:36px;padding:0 24px;background:#edf1f6;border-bottom:1px solid #dde4ee;color:#657287;font-size:11px;letter-spacing:0;gap:12px;box-shadow:none}.demo-label{font-size:11px;gap:7px}.demo-label::before{background:#7185a4;box-shadow:none;width:5px;height:5px}.demo-disclaimer{color:#7b8799;font-size:11px;border-left-color:#cdd6e3;padding-left:10px}.demo-tabs{background:#e1e7ef;border-radius:6px;padding:2px;gap:2px}.demo-tabs button{color:#67758a;font-size:11px;padding:3px 12px;border-radius:4px}.demo-tabs button.active{background:#fff;color:#294364;box-shadow:0 1px 3px #172e4c10}.demo-bar select.lang-switch{background:#f9fbfd;color:#58677e;border:1px solid #d8e0eb;min-height:26px;font-size:11px;padding:2px 7px}.demo-bar select.lang-switch option{background:#fff;color:#24364e}
.brand{gap:10px;font-size:25px;font-weight:750;letter-spacing:-1.1px;color:#172a46}.brand img{width:34px;height:34px}.brand>span>span{font-weight:550!important}.brand small{font-size:11px;color:#71819a}
/* Operations shell. */
.app-shell{grid-template-columns:228px minmax(0,1fr);min-height:calc(100vh - 36px)}.sidebar{height:calc(100vh - 36px);padding:27px 16px 20px;background:#fff;top:0}.sidebar .brand{padding:0 11px}.workspace-chip{margin:27px 5px 0;padding:12px 10px;gap:10px;border:1px solid #e4eaf2;border-radius:8px;background:#fbfcfe;font-size:12px;color:#405572}.workspace-chip small{font-size:11px;color:#76869b;margin-top:2px}.workspace-icon{background:#e9effa;width:31px;height:31px;color:#617ba4;font-size:13px;border-radius:7px}.nav-section{font-size:10px;letter-spacing:1.4px;color:#8a97a9;margin:29px 12px 10px}.nav-item{min-height:44px;padding:11px 12px;gap:12px;font-size:13px;border-radius:7px;color:#627187;margin:3px 0;font-weight:500}.nav-item.active{background:#edf3ff;color:#275de7;font-weight:600}.nav-item:hover{background:#f4f7fb}.nav-icon,.nav-item>.nav-icon{width:19px;height:19px;font-size:18px}.nav-count,.nav-item .nav-count{font-size:11px;min-width:20px;text-align:center;color:#71819b;padding:0 5px}.nav-item.active .nav-count{background:#dce8ff;color:#2656c4}.sidebar-footer{padding:18px 10px 0;color:#7a899c}.service-dot{font-size:11px;color:#64867d}.sidebar-footer p{font-size:11px;color:#8591a2;margin-bottom:16px}.sidebar-footer>small{font-size:10px;color:#8d98a8}.topbar{height:72px;padding:0 38px;background:#fff;border-bottom:1px solid var(--border)}.breadcrumbs{font-size:12px;color:#8290a3}.breadcrumbs strong{color:#485a73}.profile{gap:10px}.profile>span{font-size:11px;color:#8693a6;margin-right:12px}.profile>div:last-child{font-size:12px;color:#41546e}.profile small{font-size:11px;color:#8b96a6}.avatar{width:34px;height:34px;font-size:12px;background:#e9effa;color:#58739c}.page{padding:34px 38px 40px;max-width:1600px}.page-heading{align-items:center;margin-bottom:26px;gap:20px}.page-heading .eyebrow{display:none}.page-heading p{font-size:13px;line-height:1.7;color:#7b8799;margin-top:8px}.eyebrow{font-size:11px;color:#7e8da3;letter-spacing:1.5px;margin-bottom:8px}.date-pill{font-size:12px;padding:9px 12px;color:#54657e;border-color:#dce4ef}.date-pill span{font-size:11px;color:#8c98a8}
.btn{min-height:40px;padding:9px 15px;font-size:13px;line-height:1.5;font-weight:500;border-radius:7px;border-color:#dde4ed;gap:8px}.btn.primary{background:#285fe9;border-color:#285fe9;box-shadow:0 2px 3px #183c7610}.btn.primary:hover{background:#2054d5;border-color:#2054d5;box-shadow:0 3px 8px #1d4fc31a}.btn.secondary{color:#53677f;background:white}.btn.ghost{color:#63758e}.btn.small{font-size:12px;padding:6px 10px;min-height:32px}.btn.full{min-height:49px;font-size:14px;border-radius:8px}.btn.danger{color:#ae514a;background:#fff;border-color:#eadcda}.btn.danger:hover{background:#fff4f2}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;line-height:1;border:1px solid #e7ecf3;border-radius:8px;background:white;color:#738197;font-size:23px}
/* Order workspace: quiet summary, clear filters, readable rows. */
.order-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:27px;border:1px solid #e3e9f1;border-radius:11px;background:#fff;box-shadow:0 2px 4px #1c395303;overflow:hidden}.order-metric{position:relative;display:flex;flex-direction:column;gap:6px;padding:21px 24px;min-height:122px}.order-metric+.order-metric{border-left:1px solid #e9edf3}.order-metric>span{font-size:12px;font-weight:500;color:#6e7e94}.order-metric>strong{font-size:27px;line-height:1.3;font-weight:650;letter-spacing:-.9px;font-variant-numeric:tabular-nums;color:#20324c}.order-metric>small{font-size:11px;color:#8491a3;line-height:1.4}.order-metric .ui-icon{position:absolute;right:23px;top:23px;color:#7598d9;width:19px;height:19px}.order-panel{border-radius:11px;box-shadow:0 3px 15px #1f3c5d04;border-color:#e1e8f0}.order-tabs{display:flex;align-items:center;gap:29px;padding:0 24px;border-bottom:1px solid #e7ecf3;overflow-x:auto;scrollbar-width:none}.order-tabs button{position:relative;display:flex;align-items:center;gap:7px;flex-shrink:0;padding:17px 0 16px;border:0;background:transparent;font-size:13px;color:#748399;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}.order-tabs button.active{color:#285fe9;border-bottom-color:#285fe9;font-weight:600}.order-tabs button>span,.order-tabs button>small{font-size:11px;padding:1px 6px;border-radius:5px;background:#f0f3f8;color:#74839a;font-weight:500;line-height:1.6}.order-tabs button.active>span,.order-tabs button.active>small{background:#eaf0ff;color:#3865cc}.order-tools{display:flex;align-items:center;gap:12px;padding:18px 24px;flex-wrap:wrap;background:#fff}.order-tools .search{min-width:260px;max-width:360px;flex:1}.order-tools .result-count{margin-left:auto;font-size:12px;color:#8490a1}.merchant-filter{min-width:150px;min-height:39px;padding:8px 32px 8px 12px;border:1px solid #dfe6ef;border-radius:7px;background:#fff;color:#5d6d83;font-size:12px}.search{min-height:39px;min-width:230px;border-color:#dfe6ef;background:#fff;border-radius:7px;padding:0 11px;gap:9px;color:#8b98ac}.search:focus-within{border-color:#8faefa;box-shadow:0 0 0 3px #eaf0ff}.search .ui-icon{width:17px;height:17px}.search input{min-height:37px;font-size:12px;color:#304563;padding:7px 0}.search input::placeholder{color:#9aa5b5}.order-panel th{padding:13px 20px;border-top:1px solid #edf0f5}.order-panel td{height:73px;padding:14px 20px}.order-panel td:first-child{padding-left:24px}.order-panel th:first-child{padding-left:24px}th{font-size:12px;padding:13px 20px;background:#f8fafc;color:#76859b;font-weight:500;border-bottom-color:#e8edf4}td{font-size:13px;padding:16px 20px;color:#54667f;border-bottom-color:#edf0f5}td:first-child{font-size:12px;letter-spacing:0}.table-link{font-size:12px;line-height:1.6;color:#35557d;font-weight:500;letter-spacing:.01em}.table-link:hover{color:#245ce0}.person{gap:10px}.person-name{font-size:13px;color:#334861;font-weight:500}.person-sub{font-size:11px;color:#8b97a8;line-height:1.5;margin-top:3px}.person small,.order-panel td small{display:block;font-size:11px;line-height:1.6;color:#8b97a8;margin-top:3px}td .avatar{width:33px;height:33px;font-size:11px;border-radius:10px;background:#edf2f9;color:#6b83a7}.amount{font-size:13px;font-weight:600;letter-spacing:0;color:#263e5e;font-variant-numeric:tabular-nums}.badge{font-size:11px;padding:4px 8px;border-radius:5px;line-height:1.6;gap:6px}.badge>span{font-size:6px}.badge.review{background:#edf2ff;color:#4268c9}.badge.paid{background:#eaf6f1;color:#248673}.badge.pending{background:#fff6e8;color:#a97d37}.badge.awaiting{background:#f0f3f7;color:#7c8b9e}.badge.rejected{background:#fff0ee;color:#b75e55}.table-footer,.order-pagination{display:flex;align-items:center;justify-content:space-between;padding:17px 24px;font-size:12px;color:#8492a6;border-top:1px solid #e8edf3;background:#fff;gap:14px}.table-footer .btn{font-size:12px;min-height:30px}.table-toolbar{padding:18px 23px}.chip{font-size:12px;padding:6px 11px}.table-wrap{scrollbar-color:#ced8e7 transparent}.order-summary-band{display:flex;align-items:center;gap:10px;padding:14px 18px;background:#f5f8fd;border:1px solid #e4ebf6;border-radius:8px;font-size:12px;color:#61738e;margin-bottom:21px}.order-summary-band>p{font-size:12px}.empty-state{padding:55px 24px;font-size:13px;color:#8493a8;text-align:center}
/* Checkout: useful purchase context, not a promotional landing page. */
.customer-shell{min-height:calc(100vh - 36px);background:#f6f8fb}.customer-header{max-width:1160px;min-height:92px;padding:22px 36px;border-bottom:1px solid #e5eaf1;margin:0 auto;gap:22px}.customer-header .brand{font-size:25px;padding:0;gap:9px}.customer-header .brand img{width:34px;height:34px}.checkout-context{display:flex;align-items:center;gap:8px;color:#7b8798;font-size:12px;margin-right:auto;padding-left:22px;border-left:1px solid #dce3ed}.checkout-context>span:first-child{color:#27947f}.header-actions{display:flex;align-items:center;gap:15px}.header-actions select,.header-actions .lang-switch{display:block;background:white;border:1px solid #dce4ee;border-radius:7px;color:#55667e;font-size:12px;padding:7px 10px;min-height:36px}.header-help{display:flex;align-items:center;gap:6px;background:transparent;border:0;font-size:12px;color:#71819a;padding:6px}.header-help .ui-icon{width:17px;height:17px}.customer-main.checkout-layout{display:grid;grid-template-columns:minmax(260px,330px) minmax(400px,500px);max-width:1030px;gap:85px;align-items:start;margin:58px auto 60px;padding:0 30px}.checkout-summary{padding-top:20px;position:sticky;top:24px;min-width:0}.merchant-lockup{display:flex;gap:12px;align-items:center;color:#38506d;font-size:14px;line-height:1.4;margin-bottom:35px}.merchant-lockup small{display:block;font-size:11px;color:#8c99ac;margin-top:4px}.merchant-emblem{width:43px;height:43px;border-radius:12px;background:#fff;border:1px solid #e0e7f1;display:flex;align-items:center;justify-content:center;color:#3d68bf;font-weight:650;font-size:20px;box-shadow:0 2px 3px #263c5904}.checkout-summary h1{font-size:24px;line-height:1.4;letter-spacing:-.8px;margin-bottom:9px;font-weight:600}.summary-caption{font-size:13px;line-height:1.8;color:#78879b;max-width:270px;margin-top:8px}.summary-amount{display:flex;align-items:baseline;gap:9px;margin-top:25px;flex-wrap:wrap}.summary-amount>strong{font-size:38px;line-height:1.25;letter-spacing:-1.5px;font-weight:650;color:#20344f;font-variant-numeric:tabular-nums}.summary-amount>small{color:#7e8da2;font-size:13px}.summary-state{display:flex;align-items:center;gap:7px;font-size:13px;color:#5078b6;background:#ebf1fc;padding:11px 14px;border-radius:8px;margin-top:24px;width:fit-content}.summary-divider{height:1px;background:#dfe6ef;margin:28px 0 23px}.summary-facts{display:flex;flex-direction:column;gap:14px}.summary-facts>div{display:flex;justify-content:space-between;align-items:baseline;gap:15px;font-size:12px}.summary-facts span,.summary-facts label{color:#8490a1}.summary-facts strong{font-size:12px;font-weight:500;color:#4c607e;text-align:right;overflow-wrap:anywhere}.checkout-assurance{display:grid;grid-template-columns:21px 1fr;column-gap:10px;margin-top:35px;color:#477d70}.checkout-assurance>.ui-icon{width:20px;height:20px;margin-top:2px}.checkout-assurance strong{display:block;font-size:12px;font-weight:500;color:#607889;margin-bottom:5px}.checkout-assurance p{font-size:12px;color:#8b97a7;line-height:1.8;grid-column:2}.summary-help{display:flex;align-items:center;gap:8px;margin-top:28px}.summary-help button{display:flex;align-items:center;gap:7px;background:none;border:0;padding:0;font-size:12px;color:#7187a7}.summary-help button:hover{color:#285fe9}.summary-help .ui-icon{width:15px;height:15px}.payment-card{border:1px solid #e0e7ef;border-radius:17px;background:#fff;box-shadow:0 8px 32px #2c45650a;overflow:hidden}.payment-top{padding:25px 29px 22px;border-bottom:0;align-items:center;gap:15px}.payment-top h2{font-size:19px;line-height:1.5;font-weight:600;color:#243851}.payment-top .eyebrow{font-size:10px;letter-spacing:1.7px;color:#8c99aa;margin-bottom:6px}.payment-symbol{display:flex;width:39px;height:39px;border-radius:11px;align-items:center;justify-content:center;background:#edf3ff;color:#4d79cc;flex-shrink:0}.payment-symbol .ui-icon{width:22px;height:22px}.payment-card>.tabs{padding:0 29px;gap:27px;border-bottom:1px solid #e9edf3}.payment-card>.tabs button{font-size:13px;padding:13px 0 12px;color:#8391a5}.payment-card>.tabs button.active{color:#2d61d5;font-weight:600;border-bottom:2px solid #2b63e3}.payment-card .steps{padding:24px 29px 0;gap:10px}.step{font-size:11px;color:#a0aabc;gap:8px}.step-number{width:27px;height:27px;font-size:11px;border:1px solid #e1e7ef;background:#fff;box-shadow:none;color:#9ca8ba}.step.active{color:#285fe9}.step.active .step-number{background:#285fe9;border-color:#285fe9;color:#fff;box-shadow:0 0 0 4px #edf3ff}.step.complete{color:#5e998b}.step.complete .step-number{background:#edf7f3;border-color:#edf7f3;color:#398b77}.form-content{padding:26px 29px 28px}.form-content h3{font-size:18px;line-height:1.5;font-weight:600;letter-spacing:-.5px;margin-bottom:7px}.form-content>p,.form-content .helper{font-size:12px;color:#7c8ba0;line-height:1.8}.form-content>p{margin-bottom:23px}.field{margin-bottom:19px}.field label{font-size:12px;font-weight:500;color:#536780;margin-bottom:8px}.field input,.field select,.field textarea{font-size:14px;min-height:47px;border-color:#dce4ef;border-radius:8px;color:#2d4361;background:#fff;padding:11px 13px;line-height:1.6}.field textarea{min-height:92px;resize:vertical}.field input::placeholder,.field textarea::placeholder{color:#a1adbd;font-size:13px}.field input:focus,.field textarea:focus,.field select:focus{border-color:#7099ef;box-shadow:0 0 0 3px #eef3ff}.consent{font-size:12px;line-height:1.7;color:#7b8a9f;gap:9px;margin:20px 0}.consent input{width:16px;height:16px;margin-top:2px}.helper.center{font-size:11px;margin-top:13px}.notice{font-size:12px;line-height:1.75;border-radius:8px;padding:13px 15px;background:#f0f5fc;color:#69809f;margin:18px 0}.notice.warning{background:#faf6ed;color:#9b8357;border-color:#f0e6d3}.notice.success{background:#eff8f4;color:#438777}.account-card{background:#f7faff;border-color:#e1e9f6;border-radius:10px;margin:21px 0;padding:3px 17px}.account-card-title{font-size:12px;padding:12px 0 11px;color:#55749c}.account-line{min-height:43px;gap:10px;font-size:12px;color:#7b8ba1}.account-line strong{font-size:13px;line-height:1.6;color:#3b526f;font-weight:500;overflow-wrap:anywhere}.account-line .mono{letter-spacing:.025em}.copy-btn{display:flex;align-items:center;justify-content:center;min-width:28px;min-height:30px;color:#8299bd;border-radius:5px;border:0;background:transparent;font-size:16px}.copy-btn:hover{color:#275de7;background:#e7efff}.copy-btn .ui-icon{width:16px;height:16px}.amount-choices{gap:7px;margin-top:-8px;margin-bottom:24px}.amount-choices button{font-size:11px;min-height:36px;border-color:#e1e7f0;border-radius:6px;padding:7px 9px;color:#7285a0;background:white}.amount-choices button:hover,.amount-choices button.active{background:#edf3ff;color:#2d63d4;border-color:#c9d9fc}.payment-summary{border-top:1px solid #e8edf3;padding-top:18px;margin-top:20px;margin-bottom:23px;color:#8a97a9;font-size:12px}.payment-summary strong{font-size:12px;color:#4e627e;font-weight:500}.payment-card-footer{display:flex;align-items:center;justify-content:center;gap:6px;padding:14px 20px;background:#fbfcfe;border-top:1px solid #edf0f5;font-size:11px;color:#92a0b2}.payment-card-footer .ui-icon{width:13px;height:13px}.customer-footer{font-size:11px;color:#97a3b4;gap:14px;padding:0 24px 30px;flex-wrap:wrap}.customer-footer>span+span{font-size:11px}.customer-footer>button{font-size:11px;color:#7d8fa9}.secure-pill{font-size:11px}.waiting{padding-top:34px}.status-title{font-size:21px}.status-text{font-size:13px!important;line-height:1.9!important;color:#7b8ba0!important}.success-amount{font-size:35px;font-weight:650;letter-spacing:-1.2px;color:#244567;margin:22px 0}.status-orb{width:56px;height:56px;font-size:25px;margin-bottom:25px}.demo-next{margin-top:19px;border-top:1px dashed #dfe7f2;padding-top:14px;text-align:left;font-size:11px;color:#91a0b5}.demo-next summary{cursor:pointer;line-height:1.7;color:#8295af}.demo-next .btn{font-size:11px;margin-top:12px;min-height:36px}.history-row{padding:18px 0}.history-row strong{font-size:13px}.history-row small{font-size:11px}.form-content .balance-card{border-radius:11px;background:#23496e;padding:22px}.balance-card>span{font-size:12px}.balance-card>strong{font-size:29px}.balance-card>small{font-size:11px}
/* Match the checkout and operational data hierarchy. */
.nav-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.context-dot{width:6px;height:6px;border-radius:50%;background:#269682}.context-separator{color:#bbc4d2;margin:0 4px}.merchant-emblem>span{font-size:12px;margin-left:1px;margin-top:7px}.summary-amount>span{flex-basis:100%;font-size:12px;color:#7b8a9e;margin-bottom:3px}.summary-amount>small{flex-basis:100%;font-size:12px;margin-top:1px}.summary-state{gap:11px}.summary-state>.ui-icon{width:21px;height:21px}.summary-state strong{font-size:13px;font-weight:500;display:block}.summary-state small{display:block;font-size:11px;color:#7c92b2;margin-top:2px}button.summary-help{background:none;border:0;padding:0;font-size:12px;color:#7187a7;text-align:left}button.summary-help:hover{color:#285fe9}.order-metric>strong>em{font-size:13px;font-weight:400;font-style:normal;margin-left:7px;color:#8390a3;letter-spacing:0}.order-metric .metric-accent{color:#4b76ca}.order-summary-band{margin-top:18px;margin-bottom:0}.order-summary-band>p{margin:0;font-weight:500}.order-summary-band p>span{margin-left:12px;font-weight:400;color:#8390a3}.merchant-cell{display:inline-flex;align-items:center;gap:7px;font-size:12px;white-space:nowrap}.merchant-cell>i{width:6px;height:6px;border-radius:2px;background:#7aa494}.review-btn{background:#eef3ff;color:#3465cf;border:1px solid #dce7ff}.review-btn:hover{background:#e3ecff;border-color:#c3d5fa}.needs-review td:first-child{box-shadow:inset 3px 0 #648be4}.empty-state>.ui-icon{width:28px;height:28px;margin:0 auto 13px;color:#a1afc3}.empty-state>strong{display:block;font-size:14px;font-weight:500;color:#5e7391;margin-bottom:5px}.empty-state>p{font-size:12px;margin-bottom:17px}
/* Details focus on the decision and its evidence. */
.drawer{width:520px;max-width:100%;border-left:1px solid #e2e8f0;box-shadow:-15px 0 60px #13254215}.drawer-backdrop{background:#182c4740;backdrop-filter:blur(2px)}.drawer-header{padding:23px 27px;border-bottom-color:#e6ecf3}.drawer-header h2{font-size:20px;letter-spacing:-.6px;font-weight:600}.drawer-header .eyebrow{font-size:11px;letter-spacing:.035em;color:#8392a8;margin-bottom:5px}.drawer-header>button{width:33px;height:33px;background:#f5f7fa;border-radius:8px;font-size:23px;color:#7a8ba2}.drawer-body{padding:24px 27px}.drawer-footer{padding:18px 27px;border-top-color:#e3eaf3;box-shadow:0 -5px 20px #1e375904;gap:10px}.drawer-footer .btn{min-height:44px}.detail-hero{background:#f5f8fd;border:1px solid #e7edf6;padding:19px 21px;border-radius:10px;margin-bottom:24px}.detail-hero>span:first-child{font-size:12px;color:#7e8da3}.detail-hero>strong{font-size:32px;font-weight:650;letter-spacing:-.9px;margin-top:8px;margin-bottom:3px}.detail-hero .badge{top:20px;right:19px}.detail-grid{gap:19px 23px;padding:0;margin-bottom:25px}.detail-item>span{font-size:12px;color:#8996a8;margin-bottom:5px}.detail-item>strong{font-size:13px;color:#3b516c;font-weight:500;line-height:1.6;overflow-wrap:anywhere}.section-label{font-size:12px;font-weight:600;letter-spacing:0;color:#536881;margin:25px 0 13px}.order-account-box{border:1px solid #e4ebf4;border-radius:9px;background:#fff;padding:16px 17px;margin:17px 0 23px}.receiving-bank{display:flex;align-items:center;gap:11px}.receiving-bank>.ui-icon{background:#edf3fc;color:#5f82bb;width:35px;height:35px;padding:7px;border-radius:9px}.receiving-bank strong{font-size:13px;display:block;font-weight:500;color:#3d5572}.receiving-bank small{font-size:11px;display:block;color:#8999ad;margin-top:3px}.order-account-box .account-line{padding-top:9px;margin-top:10px;border-top:1px solid #edf1f6}.fee-preview{border-top:1px solid #e7edf4;padding-top:14px;margin-top:14px;display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:12px;color:#8190a5}.fee-preview+.fee-preview{border-top:0;margin-top:8px;padding-top:0}.order-account-box>.section-label{margin:0 0 13px}.fee-preview>div{display:flex;justify-content:space-between;gap:15px;font-size:12px;color:#8190a5}.fee-preview strong{font-size:12px;color:#4d647f;font-weight:500}.inline-error{font-size:12px;color:#bc514d;background:#fff2f0;border:1px solid #f6dcd8;border-radius:7px;padding:11px 13px;margin:10px 0}.timeline-item{padding-bottom:20px}.drawer-body .timeline-item strong{font-size:12px;font-weight:500;color:#526982}.timeline-item small{font-size:11px;color:#95a1b3;line-height:1.8}.toast{font-size:13px;border-radius:9px;padding:13px 20px;max-width:calc(100vw - 32px);z-index:100;line-height:1.7;box-shadow:0 8px 35px #172b4929}.support-dialog p{font-size:14px;line-height:1.9}
/* Remaining pages share the same legible system. */
.panel{border-radius:10px;box-shadow:var(--shadow)}.panel-header h2{font-size:16px}.panel-header p{font-size:12px;color:#8592a6}.stat-label{font-size:12px;color:#6c7d93}.stat-foot{font-size:11px;color:#8897ab}.stat-card{padding:21px;min-height:137px}.stat-value{font-weight:650;font-size:28px;color:#20334d}.queue-copy strong{font-size:13px}.queue-copy small{font-size:11px;color:#8996a8}.activity-copy{font-size:12px;color:#586d88}.activity-copy small{font-size:11px}.page-footnote{font-size:11px;color:#94a1b3}.brand-preview+p{font-size:13px}.live-label{font-size:11px}.panel-body>.detail-item{padding:13px 0}.sparkline{display:none}
@media(min-width:1440px){.page{padding-left:46px;padding-right:46px}.topbar{padding-left:46px;padding-right:46px}.customer-main.checkout-layout{margin-top:70px}}
@media(max-width:1100px){.app-shell{grid-template-columns:205px minmax(0,1fr)}.page{padding:29px 25px}.topbar{padding:0 25px}.sidebar{padding-left:12px;padding-right:12px}.brand{font-size:23px}.workspace-chip{font-size:11px}.workspace-chip small{font-size:10px}.order-tools{padding:16px 20px}.order-metric{padding:20px}.customer-main.checkout-layout{grid-template-columns:minmax(230px,300px) minmax(380px,480px);gap:45px;padding:0 32px;max-width:930px}.customer-header{margin:0 20px;padding-left:16px;padding-right:16px}.order-panel td,.order-panel th{padding-left:17px;padding-right:17px}.stat-foot{font-size:11px;max-width:100%}}
@media(max-width:900px){.app-shell{grid-template-columns:76px minmax(0,1fr)}.sidebar{padding:25px 10px 20px}.sidebar .brand{padding:0;justify-content:center}.sidebar .brand>span,.sidebar .workspace-chip,.sidebar .nav-section,.sidebar .sidebar-footer{display:none}.sidebar .brand img{width:35px;height:35px}.sidebar nav{margin-top:30px}.nav-item{justify-content:center;padding:12px 0;min-height:44px}.nav-item>span:not(.nav-icon){display:none}.nav-item>.nav-icon{display:flex;width:20px;height:20px}.topbar{padding:0 23px}.page{padding:26px 23px}.order-metric{padding:18px 17px;min-height:117px}.order-metric>strong{font-size:24px}.order-metric>.ui-icon{right:17px;top:18px;width:17px;height:17px}.customer-main.checkout-layout{grid-template-columns:minmax(200px,250px) minmax(340px,440px);gap:28px;padding:0 24px;margin:38px auto 45px}.checkout-summary{padding-top:12px}.checkout-summary h1{font-size:22px}.summary-caption{font-size:12px}.summary-amount>strong{font-size:32px}.merchant-lockup{margin-bottom:26px;font-size:13px}.checkout-context{font-size:11px}.customer-header{min-height:82px}.checkout-assurance{margin-top:27px}.payment-top{padding:23px}.payment-card>.tabs{padding:0 23px}.form-content{padding:23px}.payment-card .steps{padding:24px 23px 0}.profile>span{display:none}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.customer-main.checkout-layout{grid-template-columns:1fr;max-width:530px;gap:25px;margin:26px auto 36px;padding:0 22px}.checkout-summary{position:static;padding:0}.merchant-lockup{margin-bottom:18px;gap:10px}.merchant-emblem{width:36px;height:36px;border-radius:10px;font-size:17px}.checkout-summary h1{font-size:23px;margin-bottom:4px}.summary-caption{font-size:12px;max-width:none;margin-top:5px}.summary-amount{margin-top:14px}.summary-amount>strong{font-size:30px}.summary-state{margin-top:13px;padding:8px 11px;font-size:12px}.summary-divider{margin:17px 0}.summary-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}.summary-facts>div{font-size:11px;gap:9px}.summary-facts strong{font-size:11px}.checkout-assurance,.summary-help{display:none}.customer-header{margin:0;padding:17px 23px;min-height:76px;gap:12px}.customer-header .brand{font-size:23px}.customer-header .brand img{width:31px;height:31px}.checkout-context{display:none}.header-actions{margin-left:auto;gap:10px}.header-help{font-size:11px;margin-left:auto}.header-actions select{font-size:11px;padding:6px 8px;min-height:32px}.payment-top{padding:22px 24px}.form-content{padding:24px}.payment-card>.tabs{padding:0 24px}.payment-card .steps{padding:24px 24px 0}.customer-footer{gap:8px;font-size:11px}.customer-footer>span+span{border-left:0;padding-left:0}.customer-footer>span:first-child{width:auto}.order-tabs{gap:22px}.order-tools .result-count{display:none}.order-metrics{margin-bottom:22px}.order-metric>span{font-size:11px}.order-metric>small{font-size:10px}.order-metric>strong{font-size:23px}.order-metric>.ui-icon{display:none}.page-heading{flex-wrap:wrap;gap:15px}.heading-actions{flex-shrink:1}.order-tools .search{max-width:none;min-width:180px}.merchant-filter{min-width:130px}}
@media(max-width:600px){body{font-size:14px}.demo-bar{padding:0 12px;height:35px;min-height:35px;gap:7px}.demo-label{font-size:10px;max-width:110px;gap:5px}.demo-tabs button{font-size:10px;padding:4px 8px}.demo-tabs{padding:2px}.demo-bar select.lang-switch{font-size:10px;width:70px;min-height:26px}.demo-disclaimer{display:none}.app-shell{display:block}.sidebar{position:static;height:auto;padding:17px 15px 0;border-right:0;border-bottom:1px solid #e2e8f0}.sidebar .brand{justify-content:flex-start;padding:0 2px 15px;font-size:23px}.sidebar .brand>span{display:block}.sidebar .brand img{width:30px;height:30px}.sidebar nav{display:flex;gap:2px;overflow-x:auto;margin-top:0;scrollbar-width:none}.sidebar .nav-item{min-width:66px;width:auto;flex:1;display:flex;flex-direction:column;gap:6px;padding:10px 8px 12px;min-height:63px;border-radius:7px 7px 0 0;margin:0;font-size:10px;white-space:nowrap}.sidebar .nav-item>span:not(.nav-icon):not(.nav-count){display:block}.sidebar .nav-item>.nav-count{display:none}.nav-item>.nav-icon{width:18px;height:18px}.sidebar .nav-section{display:none}.topbar{height:57px;padding:0 17px}.breadcrumbs{font-size:11px}.profile>div:last-child{font-size:11px}.profile small{display:none}.avatar{width:29px;height:29px;font-size:11px}.page{padding:25px 16px 33px}.page-heading{margin-bottom:23px;gap:13px}.page-heading h1{font-size:25px}.page-heading p{font-size:12px;line-height:1.75;max-width:330px}.heading-actions{gap:6px}.date-pill{font-size:11px;padding:7px 10px}.btn{font-size:12px;padding:9px 12px;min-height:39px}.order-metrics{grid-template-columns:repeat(3,minmax(0,1fr));border-radius:9px;margin-bottom:20px}.order-metric{padding:16px 12px;min-height:110px;gap:6px}.order-metric>span{font-size:11px;line-height:1.5}.order-metric>strong{font-size:20px;letter-spacing:-.6px;overflow-wrap:anywhere}.order-metric>small{font-size:10px;line-height:1.5}.order-tabs{padding:0 17px;gap:22px}.order-tabs button{font-size:12px;padding-top:15px;padding-bottom:14px}.order-tabs button>span,.order-tabs button>small{font-size:10px}.order-tools{padding:14px 16px;gap:9px}.order-tools .search{min-width:0;flex:1 1 170px}.search input{font-size:13px}.merchant-filter{font-size:12px;min-width:126px;flex:0 1 auto;max-width:160px}.order-panel td,.order-panel th{padding:13px 16px}.order-panel td:first-child,.order-panel th:first-child{padding-left:16px}.order-panel td{height:72px}.person-name{font-size:12px}.person-sub,.order-panel td small{font-size:11px}td,td:first-child{font-size:12px}.table-link{font-size:12px}.badge{font-size:11px;padding:3px 7px}.table-footer,.order-pagination{font-size:11px;padding:15px 16px}.table-footer>span:last-child{font-size:10px}.table-wrap table{min-width:650px}.drawer{width:100%;border-left:0}.drawer-header{padding:20px}.drawer-header h2{font-size:19px}.drawer-body{padding:21px 20px}.drawer-footer{padding:15px 20px}.drawer-footer .btn{min-height:45px;font-size:13px}.detail-grid{gap:18px}.detail-item>span{font-size:12px}.detail-item>strong{font-size:13px}.detail-hero>strong{font-size:30px}.detail-hero .badge{right:17px;top:18px}.field input,.field select,.field textarea{font-size:16px;min-height:48px}.field label{font-size:12px}.field input::placeholder,.field textarea::placeholder{font-size:14px}.consent{font-size:12px}.form-content h3{font-size:18px}.form-content .helper{font-size:12px}.notice{font-size:12px}.account-line strong{font-size:13px}.account-line{font-size:12px;gap:7px}.account-card-title{font-size:12px}.success-amount{font-size:33px}.payment-summary strong{font-size:12px}.history-row strong{font-size:13px}.history-row small{font-size:11px}.customer-footer>span+span{font-size:10px}.customer-footer>button{font-size:11px}.page-footnote{font-size:10px}.stat-foot{font-size:11px}.ledger-stats{grid-template-columns:1fr}.stat-value{font-size:25px}.queue-copy strong{font-size:13px}.queue-copy small{font-size:11px}.panel-header{padding:18px}.panel-header h2{font-size:15px}.activity-copy{font-size:12px}.activity-copy small{font-size:11px}.balance-card>small{font-size:11px}.brand-preview+p{font-size:13px}}
@media(max-width:380px){.demo-label{font-size:9px;max-width:88px}.demo-tabs button{padding:4px 6px;font-size:9px}.demo-bar{padding:0 9px}.customer-main.checkout-layout{padding:0 15px}.customer-header{padding:16px 17px}.header-help{display:none}.payment-top,.form-content{padding-left:21px;padding-right:21px}.payment-card>.tabs{padding-left:21px;padding-right:21px}.payment-card .steps{padding-left:21px;padding-right:21px}.order-metric{padding-left:9px;padding-right:9px}.order-metric>strong{font-size:18px}.summary-facts{grid-template-columns:1fr}.summary-facts>div{font-size:12px}}
@media(max-width:600px){.order-summary-band{align-items:flex-start}.order-summary-band p>span{display:block;margin:3px 0 0}.summary-amount>small{font-size:11px}}

/* Compact checkout rhythm preserves space for the actual task. */
@media(min-width:701px){.customer-header{min-height:82px;padding-top:18px;padding-bottom:18px}.customer-main.checkout-layout{margin-top:42px;margin-bottom:44px}.payment-top{padding-top:22px;padding-bottom:18px}.payment-card .steps{padding-top:21px}.payment-card .form-content{padding-top:22px;padding-bottom:24px}.payment-card .field{margin-bottom:16px}.payment-card .consent{margin:17px 0}.payment-card .form-content>p{margin-bottom:20px}}
@media(max-width:700px){.customer-header{min-height:67px;padding-top:14px;padding-bottom:14px}.customer-main.checkout-layout{margin-top:20px;gap:18px}.checkout-summary{display:grid;grid-template-columns:1fr auto;gap:13px 12px;align-items:center}.checkout-summary h1,.checkout-summary .summary-caption,.checkout-summary .summary-divider{display:none}.merchant-lockup{margin:0;font-size:13px;gap:9px}.merchant-lockup small{font-size:10px;margin-top:3px}.merchant-emblem{width:34px;height:34px}.summary-state{margin:0;padding:7px 10px;gap:7px}.summary-state strong{font-size:11px}.summary-state small{font-size:10px}.summary-state>.ui-icon{width:17px;height:17px}.summary-amount{margin:0;gap:0;justify-content:flex-end}.summary-amount>span,.summary-amount>small{display:none}.summary-amount>strong{font-size:25px;letter-spacing:-.8px}.summary-facts{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:12px;border-top:1px solid #e1e7ef;padding-top:12px}.summary-facts>div:nth-child(2),.summary-facts>div:nth-child(3):not(:last-child){display:none}.summary-facts>div{font-size:10px;gap:7px;justify-content:flex-start}.summary-facts strong{font-size:11px}.summary-facts>div:last-child{justify-content:flex-end}.payment-top{padding:20px 23px 17px}.payment-top h2{font-size:18px}.payment-card .steps{padding-top:19px}.payment-card .form-content{padding-top:21px;padding-bottom:23px}.payment-card .form-content>p{margin-bottom:19px}.payment-card .field{margin-bottom:16px}.payment-card .consent{margin:17px 0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
/* Persistent application access and server status. */
.access-shell{min-height:100vh;background:#f6f8fc;padding:48px 24px;color:#202f43}.access-shell>.brand{justify-content:center;margin:0 auto 40px}.access-card{max-width:440px;margin:0 auto;padding:36px;background:#fff;border:1px solid #e1e6ef;border-radius:18px;box-shadow:0 12px 36px #24406008}.access-card h1{font-size:26px;line-height:1.4;margin:12px 0}.access-card p{font-size:14px;line-height:1.8;color:#68778b}.access-card .field{margin-top:22px}.access-card form>.btn{margin-top:24px}.access-card a{text-decoration:none}.access-link{display:block;margin-top:22px;color:#365edc;font-size:13px}.launcher{max-width:620px}.launcher-options{display:grid;gap:14px;margin:28px 0}.launcher-options button{display:grid;grid-template-columns:44px 1fr 24px;gap:4px 14px;text-align:left;align-items:center;border:1px solid #e1e6ef;background:#fff;padding:22px;border-radius:12px;color:#23364e;cursor:pointer}.launcher-options button:hover{border-color:#3e66e3;background:#f8faff}.launcher-options strong{font-size:16px}.launcher-options small{grid-column:2;font-size:13px;color:#718198}.launcher-options .queue-icon{grid-column:1;grid-row:1/3}.launcher-options button>span:last-child{grid-column:3;grid-row:1/3}.demo-tabs a{font-size:12px;padding:4px 8px;text-decoration:none;color:#425cc0}.demo-tabs #sync-status{font-size:11px;color:#477365;padding:0 8px}.connection-error{padding:12px 24px;color:#9c3e35;background:#fff1ee;font-size:13px}.orders-table .table-link{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.history-row small{overflow-wrap:anywhere}.summary-facts strong{overflow-wrap:anywhere}.payment-summary strong{overflow-wrap:anywhere;text-align:right;max-width:70%}.detail-hero+ .detail-grid{overflow-wrap:anywhere}.eyebrow{overflow-wrap:anywhere}.demo-tabs{flex-wrap:wrap}.api-error{margin:0 0 20px}.access-card select{height:38px;border:1px solid #dce3ed;border-radius:6px;padding:0 12px;background:#fff}.history-row small{max-width:230px}@media(max-width:600px){.access-shell{padding:28px 16px}.access-card{padding:24px}.demo-bar .demo-tabs #sync-status,.demo-bar .demo-disclaimer{display:none}.demo-bar{height:auto;min-height:36px}.demo-tabs button,.demo-tabs a{font-size:10px;padding:4px 6px}.summary-facts{gap:12px}.history-row{gap:12px}.history-row small{max-width:170px}}

body[data-permission="viewer"] .drawer form:not(#password-form),body[data-permission="viewer"] .drawer-footer [type="submit"]:not([form="password-form"]),body[data-permission="viewer"] .drawer-footer [data-action="reject"],body[data-permission="viewer"] .drawer-footer [data-action="reject-account"]{display:none}

.order-tools{flex-wrap:wrap}.order-tools input[type=date]{max-width:142px;height:38px;border:1px solid #dce3ed;border-radius:6px;padding:6px;font:inherit;color:inherit;background:white}

body[data-order-bound="true"] .amount-choices{display:none}

.inline-error:empty{display:none}.panel select{max-width:100%}.panel table td{vertical-align:top}

/* Product headers are the default; the diagnostic strip is explicitly opt-in. */


.product-controls{display:flex;align-items:center;gap:10px;flex-shrink:0}
.product-controls select,.product-controls button{height:34px;border:1px solid #e0e6ef;border-radius:7px;background:#fff;color:#617187;padding:0 10px;font-size:12px;cursor:pointer}
.product-controls button:hover{color:#275de7;background:#f5f8ff;border-color:#cad9fb}
.customer-header>.product-controls{margin-left:18px}
.local-preview-link{display:block;margin-top:12px;font-size:11px;color:#71819a;text-decoration:none}
@media(max-width:1000px){.topbar .profile>span{display:none}.topbar{gap:12px}.profile>.avatar,.profile>div:not(.product-controls){display:none}.product-controls{gap:6px}}

@media(max-width:600px){.customer-header{flex-wrap:wrap;gap:12px}.customer-header>.header-help{margin-left:auto}.customer-header>.product-controls{width:100%;margin-left:0;justify-content:flex-end;padding-bottom:8px}.product-controls select,.product-controls button{font-size:11px;padding:0 8px}.topbar{padding-left:16px;padding-right:16px}.topbar .breadcrumbs{min-width:0;font-size:11px}}

.access-language{display:flex;justify-content:flex-end;margin-bottom:24px}

/* Keep workspace navigation and session controls visible above scrolling content. */
.workspace>.topbar{position:sticky;top:0;z-index:20;box-shadow:0 2px 8px #21345006}

/* Shared language menu: product, checkout and access screens. */
.language-switcher{position:relative;display:inline-flex;text-align:left;flex-shrink:0;letter-spacing:0}
.language-switcher .language-trigger{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:36px;min-width:114px;padding:0 11px;border:1px solid #dfe6ef;border-radius:9px;background:#fff;color:#40536c;font:inherit;font-size:12px;font-weight:500;cursor:pointer;box-shadow:0 1px 2px #21345003}
.language-switcher .language-trigger:hover,.language-switcher .language-trigger[aria-expanded=true]{border-color:#b7cafa;background:#f8faff;color:#275de7}
.language-flag{display:block;width:23px;height:16px;object-fit:cover;border-radius:3px;box-shadow:0 0 0 1px #172a4614;flex-shrink:0}
.language-chevron{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;opacity:.7;transition:transform .16s}
[aria-expanded=true] .language-chevron{transform:rotate(180deg)}
.language-switcher .language-menu{position:absolute;right:0;top:calc(100% + 9px);z-index:40;width:224px;padding:6px;background:#fff;border:1px solid #e2e8f1;border-radius:13px;box-shadow:0 14px 38px #2036571c,0 3px 8px #20365708}
.language-menu[hidden]{display:none}
.language-menu-title{padding:7px 10px 9px;color:#8a96a8;font-size:10px;font-weight:500;letter-spacing:.05em}
.language-switcher .language-option{display:flex;align-items:center;gap:11px;width:100%;height:auto;min-height:54px;padding:9px 11px;border:0;border-radius:8px;background:transparent;text-align:left;color:#3d4e65;cursor:pointer;font:inherit;box-shadow:none}
.language-switcher .language-option:hover,.language-switcher .language-option:focus-visible{background:#f3f6fb;color:#244b91;outline:none;box-shadow:inset 0 0 0 1px #c5d5f7}
.language-switcher .language-option[aria-checked=true]{background:#eef4ff;color:#275de7}
.language-option .language-flag{width:28px;height:19px}
.language-option-copy{display:flex;flex-direction:column;gap:1px;flex:1}
.language-option-copy strong{font-size:13px;font-weight:600;line-height:1.5}
.language-switcher .language-option-copy small{font-size:10px;color:#8a97aa;line-height:1.5}
.language-check{width:18px;height:18px;fill:none;stroke:#275de7;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;visibility:hidden}
[aria-checked=true]>.language-check{visibility:visible}
.access-card.launcher>.language-switcher{display:flex;width:max-content;margin-left:auto;margin-top:24px}
@media(max-width:600px){.language-switcher .language-trigger{min-width:100px;height:34px;font-size:11px;gap:7px;padding:0 9px}.language-switcher .language-menu{width:214px}.demo-bar .language-trigger{min-width:94px}}

/* Desktop application frame: chrome stays put; each content region owns its scroll. */
@media(min-width:701px){
  body[data-view="admin"]{height:100vh;height:100dvh;overflow:hidden}
  body[data-view="admin"] #app{height:100%;display:flex;flex-direction:column;min-height:0}
  body[data-view="admin"] #app>.demo-bar,body[data-view="admin"] #app>.connection-error{flex-shrink:0}
  .app-shell{flex:1;min-height:0;overflow:hidden;grid-template-rows:minmax(0,1fr)}
  .sidebar{position:relative;top:auto;height:100%;min-height:0;overflow:hidden;padding-top:24px;padding-bottom:16px}
  .sidebar>.brand,.sidebar>.workspace-chip,.sidebar>.nav-section,.sidebar>.sidebar-footer{flex-shrink:0}
  .sidebar nav{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:none;scrollbar-width:thin;scrollbar-color:#d4deeb transparent;scroll-padding-block:8px;padding:0 4px 8px;margin-right:-4px;margin-left:-4px}
  .sidebar nav .nav-section{margin-top:24px}
  .sidebar nav>.nav-section:first-child{margin-top:16px}
  .sidebar nav{margin-top:12px}
  .sidebar .nav-item{width:100%}
  .sidebar-footer{margin-top:12px;padding:12px 10px 0;overflow-wrap:anywhere}
  .sidebar-footer p{margin:5px 0 9px;line-height:1.6}
  .sidebar-footer .local-preview-link{margin-top:7px}
  .workspace{height:100%;min-height:0;overflow:auto;overscroll-behavior:none;scrollbar-width:thin;scrollbar-color:#ced8e7 transparent;scrollbar-gutter:stable}
  .workspace>.topbar{flex-shrink:0}
  body.drawer-open .workspace{overflow:hidden}
}
@media(min-width:701px) and (max-height:680px){
  .sidebar>.workspace-chip{margin-top:16px;padding-top:8px;padding-bottom:8px}
  .sidebar>.nav-section{margin-top:18px}
  .sidebar-footer p,.sidebar-footer>small{display:none}
}
/* An explicit refresh action with a stable footprint and clear request feedback. */
.product-controls .refresh-control,.demo-tabs .refresh-control{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:113px;height:36px;padding:0 11px;border:1px solid #dfe6ef;border-radius:9px;background:#fff;color:#526780;font-size:12px;font-weight:500;white-space:nowrap}
.refresh-icon{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.refresh-control[data-status=loading]{cursor:wait;opacity:.75;background:#f5f8ff;color:#275de7}
.refresh-control[data-status=loading] .refresh-icon{animation:refresh-spin .8s linear infinite}
.product-controls .refresh-control[data-status=success]{color:#168775;border-color:#cce7de;background:#f1faf6}
.product-controls .refresh-control[data-status=error]{color:#b45a50;border-color:#ead2ce;background:#fff7f5}
@keyframes refresh-spin{to{transform:rotate(360deg)}}
@media(max-width:600px){.product-controls .refresh-control{min-width:34px;width:34px;height:34px;padding:0}.product-controls .refresh-control>span{display:none}}
@media(prefers-reduced-motion:reduce){.refresh-control[data-status=loading] .refresh-icon{animation:none}}
/* Full-row detail access, with visible pointer and keyboard affordances. */
tr[data-details-row]{cursor:pointer;outline:none}
tr[data-details-row]>td{transition:background-color .14s}
tr[data-details-row]:hover>td{background:#f3f7ff}
tr[data-details-row]:focus-visible{outline:2px solid #8caff8;outline-offset:-2px}
tr[data-details-row]:focus-visible>td{background:#edf3ff}
tr[data-details-row]>td:last-child{position:relative;padding-right:42px}
tr[data-details-row]>td:last-child::after{content:'';position:absolute;right:19px;top:calc(50% - 3px);width:6px;height:6px;border:solid #a4b2c6;border-width:1.5px 1.5px 0 0;transform:rotate(45deg);transition:border-color .14s}
tr[data-details-row]:hover>td:last-child::after,tr[data-details-row]:focus-visible>td:last-child::after{border-color:#275de7}
tr[data-details-row]:hover .table-link,tr[data-details-row]:hover .person-name{color:#275de7}

/* Merchant context is explicit in the header; the brand remains fixed. */
.breadcrumbs{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.merchant-switch{width:210px;max-width:100%;margin-right:6px}
.merchant-switch .ts-wrapper{margin:0}.merchant-switch .ts-control{min-height:40px}
.merchant-context{color:#285fe8;font-weight:600;padding-right:12px;border-right:1px solid #dce5f2}
.merchant-metrics{display:grid;grid-template-columns:repeat(3,1fr);background:white;border:1px solid #e0e8f4;border-radius:16px;margin-bottom:24px}
.merchant-metrics>div{padding:24px 28px;display:grid;gap:10px}.merchant-metrics>div+div{border-left:1px solid #e8edf5}
.merchant-metrics span{font-size:13px;color:#73849f}.merchant-metrics strong{font-size:28px;color:#20314a;letter-spacing:-.7px}

.merchant-list td small{display:block;color:#8190a7;font-size:12px;margin-top:6px}
.merchant-editor .form-content{padding:28px}.merchant-editor h3{margin:10px 0 24px}.merchant-editor .helper{font-size:12px;line-height:1.6}
.issued-secret{background:#eff8f6;border:1px solid #cce9e0;border-radius:12px;padding:16px;margin:0 0 20px;color:#216a58;font-size:13px}
.issued-secret code{display:block;overflow-wrap:anywhere;background:white;border-radius:6px;padding:10px;margin:12px 0;user-select:all}
@media(max-width:1100px){.merchant-layout{grid-template-columns:1fr}.merchant-switch{width:175px}.topbar{gap:16px}.profile>span{display:none}}
@media(max-width:700px){.merchant-metrics{grid-template-columns:1fr}.merchant-metrics>div+div{border-left:0;border-top:1px solid #e8edf5}.merchant-metrics>div{padding:18px}.merchant-switch{width:100%}.breadcrumbs{width:100%}.merchant-layout{gap:16px}}
@media(max-width:700px){.topbar{flex-wrap:wrap;align-items:flex-start;padding:12px 16px;gap:10px}.topbar .breadcrumbs{flex:1 1 100%;min-width:0}.topbar .profile{width:100%;justify-content:flex-end;min-width:0}.merchant-switch{width:180px;flex:0 0 180px}.topbar .product-controls{max-width:100%;gap:8px}.topbar .profile>div:not(.product-controls){display:none}}
.list-merchant-label{font-size:13px;font-weight:600;color:#6d7e98;padding:10px 14px;border-left:1px solid #e4eaf3;white-space:nowrap}
@media(max-width:700px){.topbar{height:auto;min-height:57px}.merchant-metrics>div{gap:4px;padding:16px 18px}.merchant-metrics strong{font-size:24px}}
/* Prefer native Traditional Chinese glyphs when the Taiwan locale is selected. */
html[lang="zh-TW"]{font-family:"PingFang TC","Microsoft JhengHei","Noto Sans TC",system-ui,sans-serif;letter-spacing:0}
html[lang="zh-TW"] .language-trigger{min-width:124px}
@media(max-width:480px){.order-metrics{grid-template-columns:1fr}.order-metric{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:0;padding:16px;gap:4px 16px}.order-metric+.order-metric{border-left:0;border-top:1px solid #e9edf3}.order-metric>strong{grid-column:2;grid-row:1 / span 2;white-space:nowrap;overflow-wrap:normal;font-size:20px}.order-metric>small{grid-column:1}}

/* Focused create/edit dialogs: lists remain full-width, with no persistent form. */
.editor-backdrop{align-items:center;justify-content:center;padding:28px;background:#13274066;backdrop-filter:blur(4px)}
.drawer.editor-dialog{position:relative;inset:auto;width:600px;height:auto;max-width:100%;max-height:calc(100dvh - 56px);display:flex;flex-direction:column;border:1px solid #dfe7f3;border-radius:20px;background:#fff;box-shadow:0 28px 90px #10274338;overflow:visible;animation:editor-appear .16s ease-out}
.editor-dialog .drawer-header{flex:none;align-items:flex-start;padding:26px 28px 22px;gap:20px;border-radius:20px 20px 0 0;background:#fff}
.editor-dialog .drawer-header .eyebrow{color:#7990af;font-size:10px;letter-spacing:1.8px;margin-bottom:8px}
.editor-dialog .drawer-header h2{font-size:23px;margin:0;outline:none;line-height:1.35}
.editor-dialog #editor-description{margin:10px 0 0;font-size:13px;font-weight:400;color:#7e8da3;line-height:1.6}
.editor-dialog .drawer-body{min-height:0;overflow-y:auto;overscroll-behavior:none;padding:24px 28px;flex:1 1 auto}
.editor-dialog form.form-content{padding:0}.editor-dialog .field:first-child{margin-top:0}
.editor-dialog .field{margin-bottom:21px}.editor-dialog .field label{font-weight:550;font-size:13px;color:#435872}
.editor-dialog .helper{font-size:12px;line-height:1.7;color:#7c8ca3}.editor-dialog .consent{align-items:flex-start}
.editor-dialog .drawer-footer{flex:none;padding:18px 28px;gap:10px;justify-content:flex-end;border-top:1px solid #e7edf5;border-radius:0 0 20px 20px;background:#fafbfd}
.editor-dialog .drawer-footer .btn{min-width:96px;min-height:42px;border-radius:10px}.editor-dialog .icon-btn{border-radius:10px;flex:none}
.editor-dialog .inline-error:empty{display:none}.editor-dialog .inline-error:not(:empty){padding:12px;border-radius:9px;background:#fff3f0;margin:14px 0 0}
.editor-dialog .discard-prompt{flex:none;padding:16px 28px;background:#fff7ed;border-top:1px solid #f1dcc5;color:#87552a}.discard-prompt[hidden]{display:none}.discard-prompt p{margin:0 0 10px}.discard-prompt>div{display:flex;gap:8px;flex-wrap:wrap}
.key-result{text-align:center;padding:8px 0}.key-result p{color:#74849a;font-size:13px;line-height:1.8}.key-result .issued-secret{margin-top:20px}.key-result h3{font-size:18px}.success-mark{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;width:52px;height:52px;color:#159680;background:#eaf7f2}.success-mark .ui-icon{width:26px;height:26px}
.editor-dialog .is-saving:before{content:'';display:inline-block;width:12px;height:12px;margin-right:8px;border:2px solid #ffffff66;border-top-color:#fff;border-radius:50%;animation:refresh-spin .7s linear infinite}
@keyframes editor-appear{from{opacity:0}to{opacity:1}}
@media(max-width:600px){.editor-backdrop{padding:12px}.drawer.editor-dialog{width:100%;max-height:calc(100dvh - 24px);border-radius:16px}.editor-dialog .drawer-header{padding:21px 20px 18px}.editor-dialog .drawer-header h2{font-size:21px}.editor-dialog .drawer-body{padding:20px}.editor-dialog .drawer-footer{padding:16px 20px}.editor-dialog .discard-prompt{padding:14px 20px}}
@media(prefers-reduced-motion:reduce){.drawer.editor-dialog,.editor-dialog .is-saving:before{animation:none}}

/* Server-backed lists keep request feedback in the current viewport. */
.request-spinner{display:inline-block;width:16px;height:16px;flex:0 0 16px;border:2px solid #cfdbf5;border-top-color:#2b5aef;border-radius:50%;animation:request-spin .75s linear infinite}
@keyframes request-spin{to{transform:rotate(360deg)}}
.list-loading{position:fixed;top:90px;left:calc(50% + 114px);transform:translateX(-50%);z-index:12;margin:0 auto 18px;width:max-content;max-width:100%;display:flex;align-items:center;gap:9px;padding:10px 16px;border:1px solid #dbe5fb;border-radius:30px;background:#fff;box-shadow:0 6px 22px #16366315;color:#426395;font-size:13px}
.list-loading[hidden]{display:none}
.page[aria-busy=true] .table-wrap,.page[aria-busy=true] .form-content>table,.page[data-load-failed=true] .table-wrap{opacity:.45;pointer-events:none}
.page[aria-busy=true] [data-details-row]{pointer-events:none}
.server-pagination{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:20px 0;color:#7c8da6;font-size:13px}
.server-pagination>div{display:flex;gap:8px}
.server-search{display:flex;justify-content:flex-end;margin-bottom:20px}
.server-search .search{width:min(100%,360px)}
.page-load-error{display:grid;justify-items:center;gap:14px;text-align:center;padding:48px 24px;background:#fff;border:1px solid #e2e8f2;border-radius:16px;color:#526782}
.page-load-error h2,.page-load-error p{margin:0}.page-load-error.compact{display:flex;justify-content:space-between;padding:16px 20px;margin-bottom:20px;text-align:left;color:#a25240;background:#fff8f5}
.page-skeleton{padding:20px 0}.loading-caption{display:flex;align-items:center;gap:10px;margin:0 0 24px;color:#71829b;font-size:14px}.skeleton-title{width:200px;height:32px;margin-bottom:30px}.skeleton-metrics{display:flex;gap:20px;margin-bottom:30px}.skeleton-metrics i{height:120px;flex:1}.skeleton-table{display:grid;gap:16px;padding:24px;background:#fff;border:1px solid #e3e9f2;border-radius:16px}.skeleton-table i{height:42px}.skeleton-title,.skeleton-metrics i,.skeleton-table i{display:block;border-radius:10px;background:linear-gradient(100deg,#e8edf5 25%,#f5f7fb 45%,#e8edf5 65%);background-size:250% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}
@keyframes skeleton-shimmer{to{background-position:-150% 0}}
.select-loading,.select-empty{padding:16px;display:flex;gap:10px;align-items:center;color:#7b8da6;font-size:13px}.select-retry{display:block;width:100%;padding:16px;border:0;background:#fff7f3;color:#9f523b;text-align:center;border-radius:8px;cursor:pointer}
.sp-select.loading .ts-control:after{border:2px solid #d5dff0;border-top-color:#2b5aef;width:12px;height:12px;border-radius:50%;transform:none;animation:request-spin .75s linear infinite}
@media(max-width:700px){.list-loading{top:122px;left:50%}.server-pagination{font-size:12px}.page-load-error.compact{flex-direction:column;align-items:flex-start}.skeleton-metrics{gap:10px}.skeleton-metrics i{height:80px}}
@media(prefers-reduced-motion:reduce){.request-spinner,.skeleton-title,.skeleton-metrics i,.skeleton-table i,.sp-select.loading .ts-control:after{animation:none}}