/* 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:720px;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:transparent transparent;scrollbar-gutter:stable;scroll-padding-block:8px;padding:0 4px 8px;margin-right:-4px;margin-left:-4px}
  .sidebar nav:hover,.sidebar nav:focus-within{scrollbar-color:#c8d3e2 transparent}
  .sidebar nav::-webkit-scrollbar{width:5px}
  .sidebar nav::-webkit-scrollbar-track{background:transparent}
  .sidebar nav::-webkit-scrollbar-thumb{background:transparent;border-radius:999px}
  .sidebar nav:hover::-webkit-scrollbar-thumb,.sidebar nav:focus-within::-webkit-scrollbar-thumb{background:#c8d3e2}
  .sidebar nav .nav-section{margin-top:18px;margin-bottom:7px}
  .sidebar nav>.nav-section:first-of-type{margin-top:8px}
  .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}
}
/* Keep a discoverable scroll affordance for touch and high-contrast users. */
@media(min-width:701px) and (hover:none){
  .sidebar nav{scrollbar-color:#c8d3e2 transparent}
  .sidebar nav::-webkit-scrollbar-thumb{background:#c8d3e2}
}
@media(min-width:701px) and (forced-colors:active){
  .sidebar nav{scrollbar-color:auto}
}
@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:760px;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 form.form-content>.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}}

/* Session actions live behind the visible identity, including on compact screens. */
.topbar .profile>div.account-switcher{display:block;position:relative;flex-shrink:0}
.account-trigger{display:flex;align-items:center;gap:10px;min-height:46px;padding:5px 8px;border:1px solid transparent;border-radius:12px;background:transparent;text-align:left;transition:background .15s,border-color .15s}
.account-trigger:hover,.account-trigger[aria-expanded=true]{background:#f5f8fd;border-color:#e4ebf6}
.account-identity{display:block;min-width:0}.profile .account-identity strong{display:block;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;color:#243650}.profile .account-identity small{display:block;font-size:11px;color:#8a97aa;margin-top:3px}
.account-chevron{width:14px;height:14px;fill:none;stroke:#8797af;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s}.account-trigger[aria-expanded=true] .account-chevron{transform:rotate(180deg)}
.account-menu{position:absolute;right:0;top:calc(100% + 9px);z-index:45;width:252px;max-width:calc(100vw - 32px);padding:6px;border:1px solid #e2e8f1;border-radius:14px;background:#fff;box-shadow:0 16px 40px #2036571c,0 3px 8px #20365708;animation:account-menu-in .12s ease-out;transform-origin:top right}
.account-menu[hidden]{display:none}.account-menu-heading{padding:10px 11px 12px;margin-bottom:4px;border-bottom:1px solid #edf1f7;overflow-wrap:anywhere}.profile .account-menu-heading strong{display:block;color:#243650;font-size:12px;font-weight:600}.profile .account-menu-heading small{display:block;margin-top:4px;color:#8a97aa;font-size:11px}
.account-menu button{display:flex;align-items:center;gap:11px;width:100%;min-height:43px;padding:9px 11px;border:0;border-radius:9px;background:transparent;color:#425672;font-size:12px;font-weight:500;text-align:left;transition:background .12s,color .12s}.account-action-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:#f0f4fb;color:#7187a6}.account-action-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.account-menu button:hover,.account-menu button:focus-visible{background:#edf3ff;color:#2864ef;outline:none}.account-menu button:focus-visible{box-shadow:inset 0 0 0 2px #b8cefa}.account-menu-divider{height:1px;margin:5px 10px;background:#edf1f7}.account-menu .account-signout:hover,.account-menu .account-signout:focus-visible{background:#fff3f1;color:#b65348}.account-signout .account-action-icon{background:#faf1f0;color:#b7736b}
@keyframes account-menu-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){.account-trigger{min-height:36px;padding:3px 5px;gap:5px}.account-trigger .account-identity{display:none}.account-trigger .avatar{width:30px;height:30px}.account-chevron{width:12px;height:12px}.account-menu{position:fixed;top:112px;right:16px}}
@media(prefers-reduced-motion:reduce){.account-menu{animation:none}.account-trigger,.account-chevron{transition:none}}

/* Shared interaction rhythm: emphasize the target without moving table geometry. */
:root{--interaction-ease:cubic-bezier(.2,.7,.2,1);--interaction-time:260ms}
:is(.btn,.chip,.icon-btn,.copy-btn,.header-help,.summary-help,.refresh-control,.language-trigger,.account-trigger,.nav-item,.queue-item,.amount-choices button,.launcher-options button,.product-controls>button){transition:background-color var(--interaction-time) ease,color var(--interaction-time) ease,border-color var(--interaction-time) ease,box-shadow var(--interaction-time) ease,transform var(--interaction-time) var(--interaction-ease)}
:is(.nav-icon,.queue-icon,.queue-arrow,.language-option-copy,.account-action-icon,.select-symbol){transition:transform var(--interaction-time) var(--interaction-ease),background-color var(--interaction-time) ease,color var(--interaction-time) ease}
tr[data-details-row]>td{transition:background-color var(--interaction-time) ease,box-shadow var(--interaction-time) ease}
tr[data-details-row]>td:last-child::after{transition:transform var(--interaction-time) var(--interaction-ease),border-color var(--interaction-time) ease}
.queue-item{border-radius:9px}
:is(.tabs,.order-tabs) button{position:relative;transition:color var(--interaction-time) ease,background-color var(--interaction-time) ease,border-color var(--interaction-time) ease}
:is(.tabs,.order-tabs) button::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#79a0f6;transform:scaleX(0);transform-origin:center;transition:transform var(--interaction-time) var(--interaction-ease);pointer-events:none}
:is(.tabs,.order-tabs) button.active::after{transform:scaleX(1);background:#285fe9}
:is(.tabs,.order-tabs) button>span{transition:background-color var(--interaction-time) ease,color var(--interaction-time) ease}
:is(.language-option,.account-menu button,.sp-select-menu .option){transition:background-color 150ms ease,color 150ms ease,box-shadow 150ms ease}
.sp-select-menu .option.active .select-symbol{background:#e3edff;color:#3868ca;transform:scale(1.05)}
.account-menu{animation:none}
.popup-exit-snapshot,.popup-exit-snapshot *{pointer-events:none!important}
.field :is(input,textarea){transition:border-color var(--interaction-time) ease,box-shadow var(--interaction-time) ease,background-color var(--interaction-time) ease}
.customer-shell .field:focus-within label{color:#285fe9}
.customer-shell .field label{transition:color var(--interaction-time) ease}
.customer-shell .consent input{accent-color:#285fe9;transition:box-shadow var(--interaction-time) ease}
.customer-shell .consent input:focus-visible{box-shadow:0 0 0 4px #2864ef18}
.queue-item:focus-visible{background:#f0f5ff;outline:2px solid #9cbbfa;outline-offset:-2px}
tr[data-details-row]:focus-visible>td:last-child::after{transform:translateX(3px) rotate(45deg)}
@media(hover:hover) and (pointer:fine){
  tr[data-details-row]:hover>td{background:#eef4ff}
  tr[data-details-row]:hover>td:first-child{box-shadow:inset 3px 0 #7299ee}
  tr[data-details-row]:hover>td:last-child::after{transform:translateX(3px) rotate(45deg);border-color:#275de7}
  .queue-item:hover{background:#f1f6ff}
  .queue-item:hover .queue-icon{transform:translateX(3px) scale(1.04)}
  .queue-item:hover .queue-arrow{color:#285fe9;transform:translateX(4px)}
  .queue-item:hover .queue-copy strong{color:#285fe9}
  .nav-item:hover{background:#edf3ff;color:#285fe9}
  .nav-item:hover .nav-icon{transform:none}
  .nav-item.active:hover{background:#e3edff}
  :is(.btn,.icon-btn,.copy-btn,.refresh-control,.language-trigger,.account-trigger,.amount-choices button,.launcher-options button,.product-controls>button):not(:disabled):not([aria-disabled=true]):hover{transform:translateY(-1px);box-shadow:0 4px 12px #244a8514}
  .btn.primary:not(:disabled):hover{background:#2257dc;box-shadow:0 5px 14px #285fe92b}
  :is(.btn.secondary,.chip,.amount-choices button):not(:disabled):hover{background:#f1f6ff;border-color:#b8cdf4;color:#285fe9}
  .chip.active:not(:disabled):hover{background:#e4edff;border-color:#a9c2f8}
  .btn.ghost:not(:disabled):hover{background:#edf3ff;color:#285fe9}
  .btn.danger:not(:disabled):hover{box-shadow:0 4px 12px #a54a4114}
  :is(.tabs,.order-tabs) button:not(:disabled):hover{color:#285fe9;background:#f7f9ff}
  :is(.tabs,.order-tabs) button:not(:disabled):hover::after{transform:scaleX(1)}
  :is(.tabs,.order-tabs) button:not(:disabled):hover>span{background:#e6eeff;color:#3865cc}
  :is(.language-option:hover,.language-option:focus-visible) .language-option-copy{transform:translateX(2px)}
  .account-menu button:hover .account-action-icon{transform:scale(1.07)}
  :is(.summary-help,.header-help):hover{color:#285fe9;transform:translateX(2px)}
}
:is(.btn,.chip,.icon-btn,.copy-btn,.refresh-control,.language-trigger,.account-trigger,.amount-choices button,.launcher-options button,.product-controls>button):not(:disabled):not([aria-disabled=true]):active{transform:translateY(0) scale(.985);box-shadow:0 1px 3px #244a8514;transition-duration:70ms}
.queue-item:not(:disabled):active{background:#e3edff}
.nav-item:not(:disabled):active{background:#e3edff;box-shadow:none}
tr[data-details-row]:active>td{background:#e3edff;transition-duration:70ms}
@media(prefers-reduced-motion:reduce){
  :is(.btn,.chip,.icon-btn,.copy-btn,.header-help,.summary-help,.refresh-control,.language-trigger,.account-trigger,.nav-item,.queue-item,.amount-choices button,.launcher-options button,.product-controls>button,.nav-icon,.queue-icon,.queue-arrow,.language-option-copy,.account-action-icon,.select-symbol,.language-option,.account-menu button,.sp-select-menu .option,.field input,.field textarea,.field label,.consent input),tr[data-details-row]>td,tr[data-details-row]>td:last-child::after,:is(.tabs,.order-tabs) button,:is(.tabs,.order-tabs) button::after,:is(.tabs,.order-tabs) button>span{transition:none!important}
  :is(.btn,.chip,.icon-btn,.copy-btn,.header-help,.summary-help,.refresh-control,.language-trigger,.account-trigger,.nav-icon,.queue-icon,.queue-arrow,.language-option-copy,.account-action-icon,.select-symbol,.amount-choices button,.launcher-options button,.product-controls>button){transform:none!important}
}

/* Order identifiers belong to the clickable row, not a browser-style text link. */
tr[data-details-row] .table-link,tr[data-details-row] .table-link:hover{padding:0;text-decoration:none;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.015em;transition:color 180ms ease}
.app-tooltip{position:fixed;z-index:200;max-width:min(280px,calc(100vw - 20px));width:max-content;padding:9px 12px;border:1px solid #dce5f1;border-radius:9px;background:#fff;color:#4c607c;font-size:12px;line-height:1.55;font-weight:400;letter-spacing:0;overflow-wrap:anywhere;box-shadow:0 6px 22px #1c35551a,0 1px 3px #1c355508;pointer-events:none}
.app-tooltip[hidden]{display:none}
@media(prefers-reduced-motion:reduce){tr[data-details-row] .table-link{transition:none}}

/* Hover tint fades independently; selection is a single sliding surface. */
.sidebar nav{position:relative;isolation:isolate}
.nav-selection{position:absolute;top:0;left:0;border-radius:8px;background:#e8f0ff;pointer-events:none;z-index:0}
.sidebar nav .nav-item{position:relative;z-index:1;isolation:isolate;transition:color 220ms ease;background:transparent;box-shadow:none}
.sidebar nav.has-selection-surface .nav-item.active{background:transparent}
.sidebar nav .nav-item::before{content:'';position:absolute;inset:0;border-radius:inherit;z-index:-1;background:#eaf1ff;opacity:0;pointer-events:none;transition:opacity 260ms cubic-bezier(.25,.1,.25,1)}
.sidebar nav .nav-item.active::before{background:#dce8ff}
.sidebar nav .nav-item:focus-visible::before{opacity:.65}
.sidebar nav .nav-icon{transform:none;flex-shrink:0}
tr[data-details-row],tr[data-details-row]:hover{background:transparent}
tr[data-details-row]>td{background-color:#fff;transition:background-color 260ms cubic-bezier(.25,.1,.25,1),box-shadow 260ms ease}
.queue-item{background-color:#fff;transition:background-color 260ms cubic-bezier(.25,.1,.25,1),box-shadow 260ms ease}
:is(.language-option,.account-menu button,.sp-select-menu .option){transition:background-color 240ms ease,color 200ms ease,box-shadow 240ms ease}
@media(hover:hover) and (pointer:fine){
  .sidebar nav .nav-item:hover{background:transparent;box-shadow:none}
  .sidebar nav .nav-item:hover::before{opacity:1}
  .sidebar nav .nav-item.active:hover::before{opacity:.55}
}
.sidebar nav .nav-item:not(:disabled):active{background:transparent;box-shadow:none}
.sidebar nav .nav-item:not(:disabled):active::before{opacity:1}
@media(prefers-reduced-motion:reduce){
  .sidebar nav .nav-item::before{transition:none}
}

/* Fast detail responses skip the skeleton flash; the drawer shell stays mounted. */
.detail-loading-placeholder{opacity:0;animation:detail-placeholder-show 100ms ease-out 120ms forwards}
@keyframes detail-placeholder-show{to{opacity:1}}
@media(prefers-reduced-motion:reduce){.detail-loading-placeholder{opacity:1;animation:none}}

/* Merchant accounts have a fixed permission, not a selectable staff role. */
#staff-role-picker[hidden],#merchant-role-summary[hidden],#platform-admin-role-summary[hidden]{display:none}
.fixed-role{display:flex;align-items:flex-start;gap:13px;padding:16px 18px;border:1px solid #dce6f3;border-radius:12px;background:#f7f9fd;color:#48617f}
.fixed-role>.ui-icon{flex:none;width:22px;height:22px;margin-top:2px;color:#6584b2}
.fixed-role strong{font-size:14px;font-weight:600;color:#344c6a}
.fixed-role p{margin:5px 0 0;font-size:12px;line-height:1.8;color:#7b8ca4}

/* In-product integration reference, with a persistent section index. */
.drawer.integration-dialog{width:min(1080px,calc(100vw - 48px));max-height:calc(100dvh - 64px)}
.integration-dialog .drawer-body{padding:0;scroll-behavior:smooth}
.integration-guide{display:grid;grid-template-columns:180px minmax(0,1fr);align-items:start}
.integration-guide>nav{position:sticky;top:0;display:grid;gap:7px;padding:25px 16px}
.integration-guide>nav button{display:flex;gap:10px;align-items:center;text-align:left;padding:12px 9px;border:0;border-radius:9px;background:transparent;color:#627995;font-size:12px;transition:background-color .24s,color .24s}
.integration-guide>nav button span{color:#9babc0;font-size:10px;font-variant-numeric:tabular-nums}
.integration-guide>nav button:hover,.integration-guide>nav button:focus-visible{background:#eef3ff;color:#275cf3}
.integration-guide>article{min-width:0;border-left:1px solid #e8edf5;padding:28px 30px 35px}
.integration-guide p{font-size:13px;line-height:1.9;color:#657892;overflow-wrap:anywhere;margin:12px 0}
.guide-intro{padding:0 0 16px}.guide-intro>p:first-child{font-size:15px;color:#344d6c;margin-top:0}
.guide-intro dl{padding:14px 17px;background:#f6f8fc;border:1px solid #e6edf6;border-radius:10px;margin:18px 0}
.guide-intro dl>div{display:grid;grid-template-columns:130px minmax(0,1fr);gap:12px;padding:7px 0;font-size:12px}
.guide-intro dt{color:#8392a8}.guide-intro dd{margin:0;color:#344d6c;overflow-wrap:anywhere}
.guide-section{padding:24px 0;border-top:1px solid #e8edf5;scroll-margin-top:22px}.guide-section h3{font-size:18px;color:#253a56;letter-spacing:-.3px;margin:0 0 15px}
.guide-flow,.guide-note{padding:16px 18px;background:#eff5ff;border:1px solid #dfE9fc;border-radius:10px;font-size:13px;line-height:1.9;color:#44618a}
.guide-fields>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:15px;padding:13px 0;border-bottom:1px solid #eef1f6;align-items:start}
.guide-fields code{font-size:12px;color:#3563b0;padding-top:3px}.guide-fields p{margin:0}
.guide-code{border:1px solid #e1e8f2;border-radius:12px;overflow:hidden;margin:19px 0;background:#f8faff}
.guide-code>div{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 15px;border-bottom:1px solid #e5ebf5;background:#f0f4fa;color:#5c7290;font-size:12px}
.guide-code pre{margin:0;padding:18px;overflow:auto;font-size:12px;line-height:1.8;color:#315071;tab-size:2;overscroll-behavior:contain}
@media(max-width:700px){.drawer.integration-dialog{width:100%;max-height:calc(100dvh - 24px)}.integration-guide{display:block}.integration-guide>nav{position:static;display:flex;overflow:auto;padding:14px;border-bottom:1px solid #e8edf5}.integration-guide>nav button{white-space:nowrap;flex:none}.integration-guide>article{border:0;padding:22px 20px}.guide-fields>div{grid-template-columns:85px minmax(0,1fr)}.guide-intro dl>div{display:block}.guide-intro dd{margin-top:5px}}
@media(prefers-reduced-motion:reduce){.integration-dialog .drawer-body{scroll-behavior:auto}}

/* Approved B / Seoul Tech lockup. Keep a compact symbol in the collapsed rail. */
.brand.brand-seoul{gap:0;flex-shrink:0}
.brand.brand-seoul .brand-lockup{display:block;width:188px;height:auto;max-width:100%;object-fit:contain}
.brand.brand-seoul .brand-symbol{display:none}
.access-shell>.brand.brand-seoul .brand-lockup{width:246px}
.customer-header .brand.brand-seoul .brand-lockup{width:188px}
@media(min-width:601px) and (max-width:900px){.sidebar .brand.brand-seoul .brand-lockup{display:none}.sidebar .brand.brand-seoul .brand-symbol{display:block;width:48px;height:48px}}
@media(max-width:600px){.sidebar .brand.brand-seoul .brand-lockup,.customer-header .brand.brand-seoul .brand-lockup{width:164px}.access-shell>.brand.brand-seoul .brand-lockup{width:222px}}

/* Operational lists: primary values with compact, readable secondary context. */
.table-wrap .rich-list{min-width:1060px;table-layout:auto}
.rich-list th{white-space:nowrap}.rich-list td{vertical-align:middle;padding-top:18px;padding-bottom:18px}
.rich-list td small{display:block;color:#8a99ae;font-size:11px;line-height:1.6;margin-top:5px;overflow-wrap:anywhere}
.rich-list .list-primary{display:block;font-size:13px;font-weight:550;color:#3b526f;line-height:1.6}
.rich-list .list-identifier{display:block;max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:550;color:#42648c}
.rich-list .list-account-number{display:block;font-size:12px;line-height:1.7;margin-top:3px}
.rich-list .list-timestamp{display:block;white-space:nowrap;font-size:12px;color:#536b88;font-variant-numeric:tabular-nums}
.rich-list .list-timestamp small{margin-top:3px}.rich-list .amount{white-space:nowrap;font-size:14px}.rich-list .amount small{font-size:10px;font-weight:400}
.rich-list .person-sub{max-width:170px;overflow-wrap:anywhere}.rich-list .person-name{max-width:180px}
.rich-list .entry-type{display:inline-flex;align-items:center;font-size:11px;font-weight:550;padding:5px 10px;border-radius:7px;white-space:nowrap}
.entry-in{background:#e9f6f2;color:#218c78}.entry-out{background:#fff5e6;color:#b48232}.entry-fee{background:#f0f3f8;color:#74849c}
.rich-list .delivery-result{display:block;max-width:220px;font-size:12px;line-height:1.75;overflow-wrap:anywhere}.rich-list .delivery-result+.btn{margin-top:8px}
.table-wrap .notification-list{min-width:1120px}.notification-list th:first-child,.notification-list td:first-child{width:21%}.account-list td:nth-child(4){min-width:170px}
.rich-list .badge.warning{background:#fff6e6;color:#b0863d}

/* Final decision attribution stays compact and readable alongside order status. */
.processor-cell{min-width:160px}.processor-name{display:block;font-size:13px;font-weight:600;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#425c7c}.processor-time{white-space:nowrap;font-size:11px;font-variant-numeric:tabular-nums;color:#8291a8}.orders-table:has(.processor-cell){min-width:1050px}

/* Merchant fee policy and checkout amounts share a quiet, explicit breakdown. */
.merchant-fees{margin:24px 0;padding:20px;background:#f7f9fe;border:1px solid #e0e7f5;border-radius:14px}.fee-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:8px 0 16px;align-items:start}.fee-field-grid>.field{margin:0;min-width:0}.fee-example{background:white;border:1px solid #e3e9f3;border-radius:10px;padding:14px 16px;margin-top:16px;font-size:12px;color:#7889a2}.fee-example>div{display:flex;justify-content:space-between;gap:16px;margin-top:8px}.fee-example strong{color:#28466c;font-variant-numeric:tabular-nums}.fee-rate-pair{font-weight:600;white-space:nowrap;color:#425c7c}.fee-rate-pair>span{padding:0 8px;color:#b1bfd1}.fee-breakdown{padding:16px 18px;margin:18px 0;background:#f6f8fd;border:1px solid #e4eaf5;border-radius:12px}.fee-breakdown>div{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:13px;color:#73839c;margin-bottom:10px}.fee-breakdown strong{color:#304866;font-variant-numeric:tabular-nums}.fee-breakdown .fee-net{border-top:1px solid #e0e7f2;padding-top:12px;margin-bottom:0}.fee-breakdown .fee-net strong{font-size:17px;color:#285de8}.fee-breakdown>small{display:block;margin-top:10px;text-align:right;color:#7c8da6;font-size:12px}.history-row>div:last-child{text-align:right}.history-row>div:last-child small{display:block;font-size:11px;color:#8291a8;margin:5px 0}@media(max-width:480px){.fee-field-grid{grid-template-columns:1fr;gap:4px}.merchant-fees{padding:16px}}

/* Both order directions share the same metrics, filters and financial columns. */
.order-metrics.transaction-metrics{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:10px}.transaction-metrics .order-metric{padding:22px 20px}.transaction-metrics .order-metric>strong{font-size:25px;overflow-wrap:anywhere}.order-metric-scope{font-size:11px;color:#8997aa;margin:0 0 24px}.orders-table.financial-orders{min-width:1120px}.financial-orders th,.financial-orders td{padding:18px 14px}.financial-orders .table-link{max-width:158px}.financial-orders .person-name,.financial-orders .person-sub{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.financial-orders .merchant-cell{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.financial-orders .amount{font-size:14px;white-space:nowrap;font-variant-numeric:tabular-nums}.financial-orders .order-net{color:#245fa1}.financial-orders .order-fee .table-secondary{font-size:10px;white-space:nowrap;font-weight:400}.financial-orders .processor-cell{min-width:148px}.financial-orders .processor-name{max-width:150px}.financial-orders .table-secondary{font-size:11px}.financial-orders th.align-right,.financial-orders td.align-right{text-align:right}
@media(max-width:1100px){.order-metrics.transaction-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.transaction-metrics .order-metric:nth-child(3){border-left:0}.transaction-metrics .order-metric:nth-child(n+3){border-top:1px solid #e9edf3}}
@media(max-width:480px){.order-metrics.transaction-metrics{grid-template-columns:1fr}.transaction-metrics .order-metric+.order-metric{border-left:0;border-top:1px solid #e9edf3}}

/* Ledger totals stay independent of pagination and show charged fees separately. */
.stats-grid.ledger-stats{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:12px}
.ledger-stats .stat-card{min-width:0}.ledger-stats .stat-value{overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.ledger-fee-breakdown{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:10px;font-size:11px;color:var(--muted)}
.ledger-fee-breakdown span{display:flex;gap:6px}.ledger-fee-breakdown strong{color:#586d88;font-weight:500}
.ledger-scope{color:var(--muted);font-size:12px;margin:0 0 24px}
@media(max-width:1100px){.stats-grid.ledger-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.stats-grid.ledger-stats{grid-template-columns:1fr}}
.finance-list td{padding:18px 20px}.finance-list td.amount{white-space:nowrap;font-variant-numeric:tabular-nums}.finance-note{margin-top:16px}.drawer.editor-dialog.finance-dialog{max-width:960px;width:min(960px,calc(100vw - 32px))}.allocation-list{display:grid;gap:16px;margin-top:22px}.allocation-card{min-width:0;border:1px solid var(--border);border-radius:12px;padding:16px;background:#fafcff}.allocation-card legend{font-weight:600;padding:0 8px}.allocation-card legend label{display:flex;align-items:center;gap:9px}.allocation-card input[type=checkbox]{accent-color:var(--blue);width:17px;height:17px}.allocation-card legend small{color:var(--muted);font-weight:400}.allocation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.allocation-grid>.field{margin:0!important}.finance-dialog .table-wrap{margin:22px 0 12px}.finance-dialog td{font-size:12px}.finance-dialog .detail-hero{margin-bottom:22px}.finance-dialog .detail-hero p{font-size:12px;overflow-wrap:anywhere}.finance-dialog .form-content{padding:0}.finance-dialog .notice{margin-bottom:20px}.fee-allocation-detail{border-top:1px solid var(--border);padding-top:12px;margin-top:10px;display:grid;gap:8px}.fee-allocation-detail>div{display:flex;justify-content:space-between;gap:14px}.fee-allocation-detail small{color:var(--muted)}
@media(max-width:600px){.finance-dialog{width:100%;max-width:none}.allocation-grid{grid-template-columns:1fr}.finance-list{min-width:780px}}

.finance-dialog .table-wrap table{width:100%;min-width:0;table-layout:fixed}.finance-dialog .table-wrap th,.finance-dialog .table-wrap td{padding:14px 12px;overflow-wrap:anywhere;white-space:normal}.finance-dialog .table-wrap th:first-child{width:48%}.finance-dialog .table-wrap th:last-child{width:22%;text-align:right}.finance-dialog .table-wrap td:last-child{text-align:right;white-space:nowrap}.finance-dialog .table-wrap small{display:block;margin-top:6px;color:var(--muted);font-size:11px}

/* Selected fee recipients and persistent, direction-specific totals. */
.finance-filters{padding:0 24px;gap:22px;overflow-x:auto}.finance-filters button{white-space:nowrap}
.allocation-card-heading{display:flex;align-items:center;justify-content:space-between;margin:-2px 0 16px;color:var(--muted);font-size:12px;min-height:30px}.allocation-card legend{padding:0 8px;color:#304866;font-weight:600}.allocation-card-heading .btn{min-height:30px;padding:4px 10px}
.agent-add-row{display:flex;align-items:flex-end;gap:12px;padding:20px 0 4px}.agent-add-row>.field{flex:1;min-width:0;margin:0}.agent-add-row>.btn{flex:none;height:46px;margin-bottom:0}.agent-add-row .ts-wrapper{margin-bottom:0}
.allocation-totals{flex:1;min-width:0;display:grid;gap:8px;font-size:12px;color:#73839c}.allocation-totals>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.allocation-totals strong{color:#285de8;font-weight:650;font-variant-numeric:tabular-nums}.allocation-totals small{font-size:10px;font-weight:400;color:#8190a5}.allocation-footer-actions{display:flex;gap:10px;flex:none}
@media(max-width:700px){.finance-dialog .drawer-footer:has(.allocation-totals){flex-wrap:wrap}.allocation-totals{flex-basis:100%;padding-bottom:10px;border-bottom:1px solid #e7edf5}.allocation-footer-actions{margin-left:auto}.finance-filters{gap:16px;padding:0 16px}}

.gateway-registration-link{display:inline-flex;align-items:center;gap:8px;max-width:420px;overflow-wrap:anywhere;color:#476b9d;text-decoration:none;padding:7px 10px;margin-left:-10px;border-radius:8px;transition:background .2s,color .2s}.gateway-registration-link:hover,.gateway-registration-link:focus-visible{background:#edf3ff;color:#285de8}.gateway-registration-link span{flex:none}

.merchant-identity{display:flex;align-items:center;gap:13px}.merchant-icon{width:44px;height:44px;flex:none;display:inline-flex;align-items:center;justify-content:center;border:1px solid #e2e9f3;border-radius:12px;background:#f2f6fc;color:#6683ac;font-weight:600;overflow:hidden}.merchant-icon img{width:100%;height:100%;object-fit:contain;background:white}.merchant-icon-large{width:80px;height:80px;border-radius:18px;font-size:26px}.merchant-icon-editor{display:flex;align-items:center;gap:20px;padding:18px;background:#f7f9fd;border:1px dashed #d6e1f2;border-radius:14px;margin-bottom:24px}.merchant-icon-editor label{color:#354d6b;font-weight:600;font-size:13px}.merchant-icon-editor .helper{margin:6px 0 10px}.merchant-icon-actions{display:flex;gap:8px;flex-wrap:wrap}.merchant-icon-editor .inline-error:empty{display:none}.merchant-icon-editor .inline-error{font-size:12px;margin-bottom:0}@media(max-width:480px){.merchant-icon-editor{padding:14px;gap:14px}.merchant-icon-large{width:64px;height:64px}}
.select-symbol img{width:100%;height:100%;object-fit:contain;border-radius:7px}.merchant-context{display:flex;align-items:center;gap:10px}.merchant-context .merchant-icon{width:28px;height:28px}

/* Personal details stay grouped and readable alongside the separate bank section. */
.registration-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.registration-profile-grid>.field{margin:0!important;min-width:0}
.registration-profile-grid>.field:first-child,.registration-profile-grid>.profile-date-help{grid-column:1/-1}
.registration-profile-grid>.profile-date-help{margin:-8px 0 0;font-size:12px}
.registration-profile-grid+.section-label{margin-top:28px}
@media(max-width:480px){.registration-profile-grid{grid-template-columns:1fr}}

.issuance-fields{border:0;padding:0;margin:0;min-width:0}.issuance-fields[hidden]{display:none}.reuse-intro{padding:18px 20px;margin:20px 0;border:1px solid #dce7ff;border-radius:16px;background:#f4f7ff}.reuse-intro strong{color:#2957bb}.reuse-intro p{font-size:14px;line-height:1.7;margin:8px 0 0;color:#687d9c}#reuse-preview .detail-item strong{overflow-wrap:anywhere}#reuse-consent{margin:20px 0}

.case-table{min-width:1080px}.case-table .case-copy{min-width:190px;max-width:320px;white-space:normal;overflow-wrap:anywhere}.case-copy p,.order-review p{margin:8px 0;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.case-order-summary{padding:20px;border:1px solid #e1e8f4;border-radius:14px;background:#f8faff;margin-bottom:24px}.case-order-id{display:block;overflow-wrap:anywhere;margin-bottom:18px}.case-order-summary .detail-grid{margin:0}.case-order-summary .helper{margin:18px 0 0}.order-reviews{margin-bottom:26px}.order-review{padding:18px;border:1px solid #e1e8f4;border-radius:12px;background:#f8faff;margin-top:12px}.order-review-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.order-review>small{display:block;color:#8190a9;margin-bottom:12px}.review-resolution{border-top:1px solid #e1e8f4;padding-top:12px;margin-top:12px}.review-resolution small{color:#8190a9}

/* Exception context remains readable even with long external order references. */
.case-table{table-layout:fixed;min-width:1120px;width:100%}
.case-table th:nth-child(1){width:20%}.case-table th:nth-child(2){width:12%}.case-table th:nth-child(3){width:11%}.case-table th:nth-child(4){width:10%}.case-table th:nth-child(5),.case-table th:nth-child(6){width:18%}.case-table th:nth-child(7){width:11%}
.case-table th,.case-table td{padding:16px 14px;vertical-align:top}
.case-table td:first-child{padding-left:20px}
.case-table .table-link{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.case-table td>small{display:block;margin-top:5px;line-height:1.6;font-size:11px;font-weight:400;color:#8492a8;overflow-wrap:anywhere;white-space:normal}
.case-table td:nth-child(2)>strong{display:block;overflow-wrap:anywhere;white-space:normal}
.case-table .case-copy{min-width:0;max-width:none}
.case-table .case-copy p{font-size:12px;line-height:1.65}
.case-table td:last-child .btn{white-space:normal;line-height:1.5;padding:7px 10px}

/* Compact result delivery state, separate from financial processing. */
.order-delivery-cell { min-width: 145px; }
.order-delivery-cell .badge { white-space: normal; }
.order-notification { margin: 24px 0; padding: 20px; border: 1px solid #dce5f2; border-radius: 16px; background: #f8faff; }
.notification-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.notification-heading h3 { margin: 4px 0; font-size: 15px; }
.notification-status { text-align: right; }
.notification-status small { display: block; margin-top: 6px; color: #75859e; font-size: 12px; }
.notification-meta { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 18px; }
.notification-meta small { display: block; color: #75859e; margin-bottom: 5px; }
.notification-meta span { font-size: 13px; }
.notification-help { color: #62758f; font-size: 13px; line-height: 1.7; margin: 12px 0; overflow-wrap: anywhere; }
.order-notification .inline-error { margin-bottom: 0; }
@media(max-width:480px) { .notification-meta { grid-template-columns: 1fr; } .notification-heading { flex-wrap: wrap; } }

.staff-role-cell>small{display:block;margin-top:5px;color:#8291a9;font-size:12px}

/* Registration: isolated, stable updates keep the operator's assignment form intact. */
.verification-panel{margin:24px 0;padding:24px;border:1px solid #dce5f2;border-radius:18px;background:#fafcff;text-align:left}
.verification-panel h3{margin:0 0 10px}.verification-steps{display:grid;gap:12px;margin:18px 0}.verification-step{background:#fff;border:1px solid #e2e9f3;border-radius:14px;padding:16px}.verification-step-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.verification-number{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:10px;background:#edf2ff;color:#285bf0;font-weight:700}.verification-status{margin-left:auto;color:#7889a1;font-size:13px}.verification-status.verified{color:#198d79}.verification-status.submitted{color:#285bf0}.verification-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.verification-actions .btn{font-size:14px;min-height:40px}.verification-code{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#edf3ff;padding:14px 18px;border-radius:12px;margin-top:14px}.verification-code code{font-size:24px;letter-spacing:.18em;color:#214bbd}.verification-dialog{width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 40px);box-sizing:border-box;border:1px solid #dce5f2;border-radius:24px;padding:28px;color:#1c2a42;box-shadow:0 24px 80px #1833552b}.verification-dialog::backdrop{background:#152b4c45}.verification-dialog-heading h2{margin:10px 0 24px}.verification-code-form label{display:block;margin:20px 0 10px;font-weight:600}.verification-code-form input{box-sizing:border-box;width:100%;padding:16px;border:1px solid #cbd9ef;border-radius:12px;font-size:26px;letter-spacing:.18em;color:#214bbd}.verification-code-form input:focus{outline:3px solid #e6edff;border-color:#658aff}.verification-code-form p{line-height:1.7}.verification-error{color:#b84b44}.verification-panel .consent{margin-top:14px}.verification-panel .helper{line-height:1.65}.verification-dialog .helper{font-size:13px;color:#7688a1}@media(max-width:600px){.verification-panel{padding:16px}.verification-dialog{padding:22px}.verification-actions .btn{flex:1}.verification-status{width:100%;margin-left:40px}}
.verification-retry{width:100%;font-size:13px;color:#7587a1}.verification-retry summary{cursor:pointer;padding:8px 0}.verification-retry[open] button{margin:6px 8px 0 0}.verification-progress{padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px;font-size:12px;margin:16px 0}.verification-progress li{padding:7px 9px;border-radius:8px;background:#edf1f7;color:#7b8da5}.verification-progress li.complete{background:#e6f5ef;color:#148772}.payment-card:has(.verification-panel:not(.code-request-panel))>.steps{display:none}.verification-dialog[open]{animation:verification-appear .18s ease-out}@keyframes verification-appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.verification-dialog[open]{animation:none}}
.code-request-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.code-request-heading h3{margin:0}.code-request-config{padding:14px 0;display:grid;gap:14px}.code-request-config[hidden],.code-request-panel[hidden]{display:none}.code-request-config label{display:grid;gap:8px;max-width:180px}.code-request-config input{width:100%;box-sizing:border-box;border:1px solid #d4dff0;border-radius:10px;padding:10px 12px}.code-request-config>.btn{justify-self:start}.code-request-status .verification-step{margin-top:16px}.code-error{color:#b84b44}.code-digits{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:24px 0}.code-digits .code-digit{box-sizing:border-box;width:44px;height:54px;text-align:center;font-size:24px;font-variant-numeric:tabular-nums;border:1px solid #cbd9ef;border-radius:10px;background:#fff;color:#214bbd;padding:0;transition:border-color .18s,box-shadow .18s}.code-digit:focus{outline:none;border-color:#597cf8;box-shadow:0 0 0 3px #e6edff}.code-order-ref{overflow-wrap:anywhere}.payment-card>.code-request-panel{margin:0 24px 24px;border:0;padding:0;background:none}.code-request-panel:empty{display:none}@media(max-width:480px){.code-digits{gap:6px}.code-digits .code-digit{width:38px;height:48px}.code-request-heading{flex-wrap:wrap}}

.code-request-history{margin-top:16px;border:1px solid #e0e8f3;border-radius:14px;background:#fff;overflow:hidden}.code-request-history[hidden]{display:none}.code-request-history>summary{padding:15px 18px;cursor:pointer;color:#47648e;font-weight:600;transition:background .18s ease}.code-request-history>summary:hover{background:#f2f6ff}.code-request-history-body{padding:0 18px 18px;max-height:420px;overflow:auto;overscroll-behavior-y:auto}.code-submission{padding:16px 0;border-top:1px solid #e9eef6}.code-submission-times{display:grid;gap:4px;margin-top:8px;font-size:12px;color:#7688a1;font-variant-numeric:tabular-nums}.code-submission .verification-code code{font-size:20px;overflow-wrap:anywhere}.code-submission .verification-code{padding:12px}.code-submission .btn{flex-shrink:0}

.code-request-heading [hidden]{display:none}

.operator-activity{margin-top:24px;border:1px solid var(--border);border-radius:12px;overflow:hidden}
.operator-activity>summary{cursor:pointer;padding:16px 18px;color:var(--ink);font-weight:600;transition:background-color .18s}
.operator-activity>summary:hover{background:var(--bg)}
.operator-activity>summary:focus-visible{outline:2px solid var(--blue);outline-offset:-3px;border-radius:10px}
.operator-activity-count{display:inline-block;margin-left:8px;padding:1px 7px;background:var(--bg);color:var(--muted);border-radius:5px;font-size:11px;font-variant-numeric:tabular-nums}
.operator-activity-body{padding:0 18px 12px}
.operator-activity-body .operator-access:last-child{border-bottom:0}

.callback-response{margin-top:18px;border-top:1px solid var(--line,#dfe6ef);padding-top:16px;min-width:0}.callback-response summary{cursor:pointer;font-weight:600;color:inherit;line-height:1.8}.callback-http{display:inline-block;margin-left:8px;font:500 12px/1.6 ui-monospace,monospace;opacity:.8}.callback-response-body{max-height:280px;overflow:auto;overscroll-behavior-y:auto;white-space:pre-wrap;overflow-wrap:anywhere;padding:16px;margin:12px 0;border-radius:12px;background:rgba(108,137,182,.09);border:1px solid rgba(108,137,182,.2);font:13px/1.7 ui-monospace,SFMono-Regular,monospace;color:inherit;user-select:text}.callback-response-body:focus-visible{outline:2px solid #7195f5;outline-offset:2px}

/* Customer processing indicator: constant footprint, continuous movement. */
.status-orb-processing .processing-spinner{display:block;width:32px;height:32px;animation:customer-processing-spin 1.2s linear infinite;transform-origin:center}
.processing-spinner circle{stroke:currentColor;stroke-width:2.6}.processing-track{opacity:.16}.processing-arc{stroke-linecap:round;stroke-dasharray:48 76}
@keyframes customer-processing-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.status-orb-processing .processing-spinner{animation:none}}

.completion-orb svg{display:block;width:44px;height:44px;overflow:visible}.completion-ring,.completion-check{stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}.completion-ring{opacity:.55}.completion-check{stroke-width:3.5}.account-ready{display:flex;align-items:center;gap:18px;padding:18px;margin-bottom:26px;border:1px solid #d8ede5;border-radius:14px;background:#f2fbf7;color:#19866c}.account-ready .completion-compact{flex:0 0 38px;width:38px;height:38px;margin:0;box-shadow:none}.completion-compact svg{width:34px;height:34px}.account-ready strong{font-size:14px}.account-ready p{margin:4px 0 0;font-size:12px;color:#608678;line-height:1.5}