@import url('/tokens.css');
*{box-sizing:border-box}body{margin:0;color:#172440;background:#f4f6fd;background-image:radial-gradient(ellipse at 10% 0,#dcecff 0,transparent 46%),radial-gradient(ellipse at 90% 30%,#ece2ff 0,transparent 48%);font:15px/1.5 Inter,Arial,sans-serif;min-height:100vh}header{max-width:1200px;margin:auto;padding:28px 24px;display:flex;align-items:center;justify-content:space-between;gap:14px}.brand{display:flex;gap:10px;align-items:center;color:#101c3e;font-weight:800;font-size:24px;text-decoration:none}.brand img{width:36px;height:42px}main{max-width:1200px;margin:auto;padding:12px 24px 60px}.card{padding:28px;border:1px solid #fff;border-radius:24px;background:rgba(255,255,255,.84);box-shadow:0 14px 45px #253c7610;backdrop-filter:blur(24px);margin-bottom:22px}.auth{max-width:500px;margin:32px auto}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.stack{display:grid;gap:14px}h1{font-size:32px;letter-spacing:-1px;margin:0 0 10px}h2{font-size:20px;margin:0 0 10px}h3{font-size:16px;margin:0 0 8px}p{color:#5f6d89;margin:0 0 18px}.pill{display:inline-flex;padding:7px 12px;border-radius:99px;background:#fff0cf;color:#775218;font-weight:700;font-size:12px}.good{background:#e2f6ee;color:#126749}.muted{color:#62708b;font-size:13px}.row{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.tabs{display:flex;gap:10px;margin:20px 0}.tabs button{padding:10px 16px;background:#fff;color:#4c5674;border:1px solid #dce2f0;box-shadow:none}.tabs button.selected{background:#172440;color:#fff}label{display:grid;gap:6px;font-weight:650;font-size:13px}input,select,textarea{width:100%;border:1px solid #d8deec;border-radius:12px;background:#fff;padding:13px 14px;font:inherit;color:#172440;min-height:48px}input:focus,select:focus,textarea:focus{outline:3px solid #1b82ef30;border-color:#1681f1}input[type=checkbox]{width:20px;min-height:20px;accent-color:#2476ef}.check{display:flex;align-items:start;gap:10px;font-weight:500}.check span{flex:1}button,.button{cursor:pointer;min-height:46px;padding:12px 18px;border:0;border-radius:13px;background:linear-gradient(110deg,#0b72dd,#6732f5);color:#fff;font-family:inherit;font-weight:700;font-size:14px;line-height:1.3;box-shadow:0 5px 12px #385ae322;text-decoration:none;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:8px}button:disabled{opacity:.45;cursor:default}.secondary{color:#244da4;background:#eef3fe;box-shadow:none}.full{width:100%}.field-info{font-size:12px;color:#66748d;font-weight:400}.account-head{margin-bottom:20px}.account-head p{margin:0}.status{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}details{border-top:1px solid #e7ebf5;padding-top:14px;margin-top:20px}summary{cursor:pointer;font-weight:700;margin-bottom:14px}code{font-size:12px;overflow-wrap:anywhere}a{color:#215cd0}#notice{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 32px);background:#172440;color:white;padding:14px 22px;border-radius:14px;z-index:10;box-shadow:0 8px 25px #16244730}#notice:empty{display:none}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}td,th{text-align:left;padding:12px;border-bottom:1px solid #e7ebf5;white-space:nowrap}.empty{padding:16px;background:#f4f6fb;border-radius:12px;color:#62708b}.narrow{max-width:620px;margin:20px auto}.amount{font-size:30px;font-weight:800}.qr{width:200px;height:200px;display:block;margin:24px auto}.security{padding:16px;background:#e9f6f1;border-radius:14px;color:#277259;margin:18px 0}.warning{padding:16px;background:#fff0cf;border-radius:14px;color:#775218;margin-bottom:20px}.stepper{display:flex;gap:10px;margin:22px 0}.stepper span{flex:1;text-align:center;font-size:12px;background:#e9edf7;padding:8px;border-radius:99px}.stepper .current{background:#2588f1;color:#fff}dl{display:grid;grid-template-columns:1fr 1.6fr;gap:14px;margin:24px 0}dt{color:#65718c}dd{margin:0;text-align:right;overflow-wrap:anywhere}hr{border:0;border-top:1px solid #e6eaf5;margin:22px 0}@media(max-width:700px){header{padding:18px 18px}.brand{font-size:20px}.brand img{width:28px;height:34px}main{padding:10px 16px 40px}.grid{grid-template-columns:1fr}.card{padding:22px 20px;border-radius:20px}h1{font-size:27px}.auth{margin:12px auto}header .pill{max-width:140px;text-align:center;font-size:10px}.row.actions button{flex:1}.narrow{margin:8px auto}}

.field-error{color:#b5283c;font-weight:600}input[aria-invalid=true]{border-color:#c34251}
.admin-nav{display:flex;gap:18px;margin-left:auto}.admin-nav a{font-size:12px;font-weight:650;text-decoration:none;color:#60779d}.client-admin-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:36px;margin:25px 0}.client-guide{background:linear-gradient(130deg,#edf6ff96,#ede7fc96);padding:25px;border:1px solid #fff;border-radius:18px}.client-guide ol{font-size:13px;line-height:1.8;padding-left:20px;color:#506888}.client-search{max-width:360px;margin:24px 0 16px}.mini{min-height:31px;font-size:11px;padding:6px 10px;border-radius:8px;margin-top:5px}.client-detail{border-top:1px solid #dbe4f3;padding-top:25px;margin-top:25px;scroll-margin-top:20px}.client-history-title{margin-top:28px}.client-detail p a{overflow-wrap:anywhere}.client-admin-grid #created-client{overflow-wrap:anywhere}@media(max-width:800px){.client-admin-grid{grid-template-columns:1fr;gap:22px}.client-guide{padding:19px}.admin-nav{order:3;flex-basis:100%;justify-content:center;margin:0}.admin-nav a{font-size:11px}header:has(.admin-nav){flex-wrap:wrap}.client-detail{scroll-margin-top:10px}}

.message-item{border-top:1px solid #e0e6f3;padding:22px 0}.message-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.7}.message-item .muted{overflow-wrap:anywhere}
[hidden]{display:none!important}
.account-payment-methods>summary{min-height:44px;line-height:1.5;padding:8px 0;outline-offset:4px}
.account-payment-methods>summary:focus-visible,.account-payment-methods button:focus-visible{outline:3px solid #2568d4;outline-offset:3px}
.account-payment-methods>[data-load-payment-methods]{margin-bottom:16px}
.method-admin-fieldset{margin:0;padding:0;border:0;min-width:0}
.method-admin-fieldset>legend{padding:0 0 12px;font-size:13px;font-weight:700;color:#344d73}
.method-admin-list{display:grid;gap:9px}
.method-admin-option{display:flex;align-items:flex-start;gap:12px;min-height:62px;padding:13px;border:1px solid #dce4f1;border-radius:13px;background:#fafcff}
.method-admin-option>input{flex:0 0 20px;margin:2px 0 0;padding:0}
.method-admin-copy{min-width:0;flex:1;display:grid;gap:5px}
.method-admin-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:7px 10px}
.method-admin-heading>strong{font-size:13px;line-height:1.4;overflow-wrap:anywhere}
.method-admin-status{font-size:10px;line-height:1.4;padding:5px 8px;font-weight:650}
.method-admin-copy .field-info{font-size:11px;line-height:1.6;overflow-wrap:anywhere}
.method-admin-unsupported{background:#f4f6fa;color:#62708b}
.method-admin-unsupported .method-admin-status{background:#e9edf4;color:#52617b}
.method-admin-actions{display:grid;gap:10px}
.method-admin-selection{margin:0;line-height:1.6}
.method-admin-message{font-size:12px;line-height:1.65;margin-top:16px;margin-bottom:16px}
.method-admin-message ul{padding-left:20px;margin:8px 0 0;overflow-wrap:anywhere}
input[type=checkbox]{color-scheme:light;padding:0;flex-shrink:0}

/* Rotation settings describe merchants; each order keeps its assigned merchant. */
.routing-summary { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 18px; margin: 20px 0; color: #62708b; font-size: 12px; }
.routing-master { padding: 16px; border: 1px solid #dbe5f4; border-radius: 15px; background: #f0f5fe; }
.routing-master small { display: block; margin-top: 4px; color: #647491; font-size: 12px; line-height: 1.5; }
.routing-fieldset { margin: 4px 0 0; padding: 0; border: 0; min-width: 0; }
.routing-fieldset legend { padding: 0; margin-bottom: 12px; font-size: 13px; font-weight: 650; color: #415b80; }
.routing-seller-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.routing-seller-option { display: flex; align-items: flex-start; gap: 11px; padding: 17px 15px; border: 1px solid #dce5f2; border-radius: 15px; background: #ffffffa8; cursor: pointer; }
.routing-seller-option:has(input:checked) { background: #eef4ff; border-color: #9eb9e8; }
.routing-seller-option:has(input:focus-visible) { outline: 3px solid #2568d4; outline-offset: 3px; }
.routing-seller-option > input { margin: 2px 0 0; flex-shrink: 0; }
.routing-seller-copy { display: grid; gap: 11px; flex: 1; min-width: 0; }
.routing-seller-heading { display: flex; flex-direction: column; gap: 10px; align-items: flex-start; }
.routing-seller-heading strong { font-size: 13px; line-height: 1.55; overflow-wrap: anywhere; }
.routing-seller-heading .pill { font-size: 10px; padding: 5px 9px; }
.routing-seller-copy .field-info { font-size: 11px; line-height: 1.6; }
.routing-rule { padding: 15px 16px; margin-bottom: 0; border-radius: 13px; background: #f5f7fb; line-height: 1.7; }
.routing-actions { margin-top: 6px; }
.client-routing-check { padding: 13px 14px; background: #f1f5fc; border: 1px solid #dde7f6; border-radius: 13px; margin: 2px 0; }
[data-client-routing-note] { line-height: 1.7; margin-bottom: 3px; }
@media (max-width: 800px) {
  .routing-seller-list { grid-template-columns: 1fr; }
  .routing-seller-heading { flex-direction: row; align-items: flex-start; flex-wrap: wrap; justify-content: space-between; }
  .routing-seller-option { padding: 16px 14px; }
  .routing-seller-copy { gap: 7px; }
}
@media (max-width: 480px) {
  #seller-routing > .row { align-items: flex-start; }
  #reload-seller-routing { min-height: 44px; font-size: 12px; }
  .routing-actions { align-items: stretch; }
  .routing-actions button { width: 100%; }
}