/* BESO — BESO-layout tokens (no BESO trademarks) */
:root{
  --bg: #0a0a0a;
  --sidebar: #262626;
  --sidebar-border: #1a1a1a;
  --card: #141414;
  --elev: #1a1a1a;
  --muted-bg: #262626;
  --border: #262626;
  --ink: #fafafa;
  --mute: #a3a3a3;
  --mute2: #737373;
  --primary: #fafafa;
  --primary-fg: #0a0a0a;
  --accent: #262626;
  --ok: #22c55e;
  --warn: #3b82f6;
  --danger: #ef4444;
  --radius: 8px;
  --sidebar-w: 224px;
  --font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif, "Apple Color Emoji","Segoe UI Emoji";
}
*{box-sizing:border-box;margin:0;padding:0}
html{height:100%;scrollbar-gutter:stable}
html,body{height:100%}
body{scrollbar-gutter:stable}
body{
  background:var(--bg);color:var(--ink);
  font:14px/1.5 var(--font);
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
code,kbd{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}

/* —— Merchant shell —— */
.app{display:flex;min-height:100vh}
.sidebar{
  width:var(--sidebar-w);flex:none;display:flex;flex-direction:column;
  border-right:1px solid var(--sidebar-border);background:var(--sidebar);
  padding:12px 12px 10px;position:sticky;top:0;height:100vh;overflow:auto;
}
.logo{
  display:flex;align-items:center;gap:8px;padding:6px 8px 14px;
  font-weight:700;letter-spacing:.02em;font-size:15px;
}
.logo .mark{
  width:28px;height:28px;border-radius:7px;background:transparent;color:#0a0a0a;
  display:grid;place-items:center;font-weight:800;font-size:12px;
  flex:none;object-fit:contain;padding:0;border:0;
}
.logo img.mark{display:block;background:transparent}
.logo span.pay{font-weight:600;opacity:.85;margin-left:2px}

.logo.logo-lockup{display:flex;align-items:center;padding:4px 4px 12px;gap:0}
.logo-lockup-img{display:block;width:100%;max-width:280px;height:auto;min-height:56px;object-fit:contain;background:transparent;object-position:left center}

.account-chip{
  display:flex;align-items:center;gap:10px;padding:8px 10px;margin:0 0 10px;
  border:1px solid var(--border);border-radius:10px;background:#111;
}
.account-chip .av{
  width:28px;height:28px;border-radius:6px;background:#fff;display:grid;place-items:center;
  font-size:12px;font-weight:700;flex:none;color:#0a0a0a;
}
.account-chip .meta{flex:1;min-width:0}
.account-chip .meta b{display:block;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.account-chip .meta small{color:var(--mute);font-size:11px}
.account-chip .chev{color:var(--mute2);font-size:12px;display:inline-flex;align-items:center;flex:none;margin-left:4px}
.account-chip .chev svg{width:16px;height:16px;display:block}

.search{
  display:flex;align-items:center;gap:8px;margin:0 0 12px;padding:8px 10px;
  border:1px solid var(--border);border-radius:8px;background:#111;color:var(--mute);
  font-size:13px;
}
.search kbd{margin-left:auto;border:1px solid var(--border);border-radius:4px;padding:1px 5px;font-size:10px;color:var(--mute2)}

.nav-sec{margin:16px 0 6px;padding:0 12px;font-size:11px;font-weight:600;letter-spacing:.08em;color:var(--mute2);text-transform:uppercase}
.nav a{
  display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:8px;
  color:#a3a3a3;font-size:14px;font-weight:500;margin:0;letter-spacing:-0.01em;
  line-height:1.25;
}
.nav a .nav-ico{ width:16px; height:16px; display:block; }
.nav{ display:flex; flex-direction:column; gap:2px; }
.nav a:hover{background:#141414;color:#f5f5f5}
.nav a.active{background:#1a1a1a;color:#fff;font-weight:560}
.nav a .ico{width:18px;text-align:center;opacity:.92;font-size:14px;flex:none}
.sidebar-foot{margin-top:auto;padding:12px 10px 4px;display:flex;align-items:center;gap:8px;color:var(--mute);font-size:12px}
.sidebar-foot .dot{width:8px;height:8px;border-radius:999px;background:var(--ok);box-shadow:0 0 0 3px rgba(34,197,94,.15)}

.main{flex:1;min-width:0;overflow:auto;padding:0;max-width:none;width:auto;scrollbar-gutter:stable}

.main-shell{width:100%;max-width:1200px;margin:0 auto;padding:28px 32px 48px;box-sizing:border-box}
.page-hd{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}
.page-hd h1{font-size:28px;font-weight:650;letter-spacing:-.02em;line-height:1.2}
.page-hd .actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  border:1px solid var(--border);background:transparent;color:var(--ink);
  border-radius:8px;padding:8px 14px;font-size:13px;font-weight:560;
}
.btn:hover{background:#141414}
.btn.pri{background:var(--primary);color:var(--primary-fg);border-color:var(--primary)}
.btn.pri:hover{background:#e5e5e5}
.btn.pri:disabled{opacity:.45;cursor:not-allowed}
.btn.ghost{background:transparent}
.btn.sm{padding:6px 10px;font-size:12px;border-radius:7px}
.btn.icon{padding:8px 10px}

.card{
  background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px 18px;
}
.card.soft{background:#111}
.empty{color:var(--mute);font-size:13px;text-align:center;padding:28px 12px}
.muted{color:var(--mute);font-size:13px}
.muted2{color:var(--mute2);font-size:12px}

.home-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:16px}
@media(max-width:960px){.home-grid{grid-template-columns:1fr}.sidebar{display:none}.main{padding:16px}}
.hero-card{min-height:160px;display:flex;align-items:center;justify-content:center;color:var(--mute2);border-style:dashed}
.statgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}
.stat{background:#111;border:1px solid var(--border);border-radius:10px;padding:14px 16px}
.stat .lbl{color:var(--mute);font-size:12px;font-weight:500}
.stat .val{font-size:22px;font-weight:650;margin-top:6px;letter-spacing:-.02em}
.cta-card{text-align:center;padding:22px 18px}
.cta-card .qr{
  width:72px;height:72px;margin:0 auto 14px;border-radius:14px;background:#1a1a1a;
  display:grid;place-items:center;font-size:28px;border:1px solid var(--border);
}
.cta-card h2{font-size:16px;font-weight:600;margin-bottom:6px}
.cta-card p{color:var(--mute);font-size:13px;margin-bottom:14px}

.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.toolbar .grow{flex:1;min-width:180px}
.input,.select{
  width:100%;background:#111;border:1px solid var(--border);border-radius:8px;
  padding:8px 12px;color:var(--ink);outline:none;
}
.input:focus,.select:focus{border-color:#404040}
.input::placeholder{color:var(--mute2)}

.table-wrap{border:1px solid var(--border);border-radius:12px;overflow:auto;background:#0f0f0f}
table.data{width:100%;border-collapse:collapse;font-size:13px}
table.data th,table.data td{padding:12px 14px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}
table.data th{color:var(--mute2);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;background:#0c0c0c}
table.data.th-title th{text-transform:none;letter-spacing:0;font-size:12px;color:var(--mute)}
table.data tr:last-child td{border-bottom:0}
table.data tr:hover td{background:#121212}
.oid{font-family:ui-monospace,Menlo,monospace;font-size:12px}
.notes-link{display:inline-block;margin-top:4px;color:var(--mute);font-size:12px}
.notes-link:hover{color:var(--ink)}

.badge{
  display:inline-flex;align-items:center;border-radius:999px;padding:2px 8px;
  font-size:11px;font-weight:600;border:1px solid transparent;
}
.badge.active{background:rgba(34,197,94,.18);color:#86efac;border-color:rgba(34,197,94,.3)}
.badge.created{background:rgba(59,130,246,.16);color:#93c5fd;border-color:transparent}
.badge.fulfilled,.badge.ok{background:rgba(34,197,94,.12);color:#86efac;border-color:rgba(34,197,94,.25)}
.badge.expired,.badge.muted{background:#1a1a1a;color:var(--mute);border-color:var(--border)}
.badge.warn{background:rgba(245,158,11,.12);color:#fcd34d;border-color:rgba(245,158,11,.25)}

.settings-layout{display:block}
@media(max-width:860px){.settings-layout{grid-template-columns:1fr}}
.settings-nav a{
  display:block;padding:8px 10px;border-radius:8px;color:var(--mute);font-size:13px;margin:1px 0;
}
.settings-nav a.active,.settings-nav a:hover{background:var(--muted-bg);color:var(--ink)}
.settings-panel h2{font-size:15px;letter-spacing:0;text-transform:none;color:var(--text,#eee);margin:18px 0 10px;font-weight:600}
.dev-hd h2{font-size:15px;text-transform:none;letter-spacing:0;color:var(--text,#eee)}
.ck-preview-label{text-transform:none !important;letter-spacing:0;font-size:13px;color:var(--mute);font-weight:400}
.plans-compared-label{font-size:13px;font-weight:600;color:var(--text,#eee);text-transform:none;letter-spacing:0}
.settings-panel h2:first-child{margin-top:0}
.field{margin-bottom:14px}
.field label{display:block;font-size:12px;color:var(--mute);margin-bottom:6px;font-weight:500}
.field .hint{font-size:12px;color:var(--mute2);margin-top:6px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}

.modal-backdrop{
  position:fixed;inset:0;background:rgba(0,0,0,.55);display:none;align-items:center;justify-content:center;z-index:50;padding:16px;
}
.modal-backdrop.show{display:flex}
.modal{
  width:min(480px,100%);background:#141414;border:1px solid var(--border);border-radius:12px;padding:18px;
  box-shadow:0 24px 60px rgba(0,0,0,.5);
  box-sizing:border-box;
}
.modal.modal-wide{ width:min(900px,92vw); }
.modal h3{font-size:16px;margin-bottom:8px}
.modal .foot{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}

.toast{
  position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(12px);
  background:#1a1a1a;border:1px solid var(--border);color:var(--ink);
  padding:10px 16px;border-radius:10px;font-size:13px;opacity:0;pointer-events:none;transition:.2s;z-index:60;max-width:90vw;
}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

.pad-num{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:280px;margin:16px auto}
.pad-num button{padding:16px;border-radius:10px;border:1px solid var(--border);background:#111;font-size:18px;font-weight:600}
.pad-num button:hover{background:#1a1a1a}
.amount-xl{font-size:48px;font-weight:650;letter-spacing:-.03em;text-align:center;margin:8px 0 4px}
.scan-wrap{max-width:360px;margin:0 auto;text-align:center}

/* —— Checkout (live BESO SoT tokens; BESO branding) —— */
body.checkout{
  background:#f6f6f1;color:#0b0b0b;
  font-family:"Space Grotesk","Segoe UI",system-ui,sans-serif;
  min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px 48px;
}
.ck-shell{width:min(1000px,100%)}
.ck-card{
  display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid rgb(18,18,18);
  border-radius:20px;overflow:hidden;box-shadow:0 24px 60px rgba(10,10,10,.12);min-height:520px;
}
@media(max-width:760px){.ck-card{grid-template-columns:1fr}.ck-left{border-right:0;border-bottom:1px solid #eee}}
.ck-left{padding:28px 28px 24px;border-right:1px solid #eee;background:#fafafa}
.ck-right{padding:22px 28px 24px;display:flex;flex-direction:column}
.ck-merchant{font-weight:600;font-size:24px;margin-bottom:18px;letter-spacing:-.01em}
.ck-left h2{font-size:12px;letter-spacing:.08em;color:#5b5b5b;font-weight:600}
.ck-amount{font-size:32px;font-weight:600;letter-spacing:-.02em;margin:0 0 8px;color:#111}
.ck-lines{background:#fff;border:1px solid #eee;border-radius:10px;padding:10px 12px}
.ck-lines .ln{display:flex;justify-content:space-between;padding:8px 0;font-size:13px;border-bottom:1px solid #f3f3f3}
.ck-lines .ln:last-child{border-bottom:0;font-weight:600}
.ck-recovery{display:flex;flex-direction:column;gap:8px;margin:0 0 18px}
.ck-recovery-link{
  background:none;border:0;padding:4px 0;color:#0b0b0b;font:500 14px "Space Grotesk","Segoe UI",sans-serif;
  display:inline-flex;align-items:center;gap:8px;cursor:pointer;text-align:left;width:fit-content;
}
.ck-recovery-link:hover{text-decoration:underline}
.ck-top{display:flex;justify-content:flex-end;gap:14px;margin-bottom:10px}
.ck-top button{background:none;border:0;color:#5b5b5b;font-size:12px;display:inline-flex;align-items:center;gap:4px}
.ck-steps{display:flex;gap:0;align-items:flex-start;margin:0 0 28px;font-size:12px;color:#5b5b5b;width:100%}
.ck-steps .s{display:flex;flex-direction:column;align-items:flex-start;flex:1;min-width:0;gap:8px}
.ck-steps .s.active{color:#0b0b0b}
.ck-steps .s.active .ck-step-t,.ck-steps .s.active .ck-step-n{color:#0b0b0b;font-weight:600}
.ck-step-lbl{display:flex;flex-direction:column;gap:2px}
.ck-step-n{font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:#8a8a8a}
.ck-step-t{font-size:15px;font-weight:600;letter-spacing:.02em;color:#8a8a8a}
.ck-steps .dot{
  width:40px;height:40px;border-radius:999px;background:#fff;color:#8a8a8a;
  border:1.5px solid rgba(11,11,11,.18);display:grid;place-items:center;font-size:10px;
}
.ck-steps .dot:not(.off){background:#111;border-color:#111;color:#fff;box-shadow:0 6px 14px rgba(11,11,11,.18)}
.ck-steps .dot.off{background:#fff;color:#8a8a8a}
.ck-sec{font-size:11px;letter-spacing:.06em;color:#5b5b5b;font-weight:600;margin:0 0 8px}
.ck-select{
  width:100%;border:1px solid #e0e0e0;border-radius:10px;padding:14px 16px;background:#fff;margin-bottom:10px;
  font:500 15px "Space Grotesk","Segoe UI",sans-serif;color:#000;
}
.ck-select:focus{outline:none;border-color:#111}
.ck-methods{
  display:flex;flex-direction:column;border:1px solid #e0e0e0;border-radius:10px;overflow:hidden;margin-bottom:16px;
}
.ck-methods .ck-method{
  width:100%;border:0;border-bottom:1px solid #e0e0e0;border-radius:0;padding:14px 16px;background:#fff;margin:0;
  display:flex;align-items:center;gap:12px;cursor:pointer;transition:background .15s;
}
.ck-methods .ck-method:last-child{border-bottom:0}
.ck-methods .ck-method:hover{background:#f9f9f9}
.ck-methods .ck-method.sel{background:#f5f5f5}
.ck-method{display:flex;align-items:center;gap:10px;cursor:pointer}
.ck-method .ico{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;color:#fff;font-size:11px;font-weight:700;flex:none}
.ck-logo{width:24px;height:24px;flex:none;display:grid;place-items:center}
.ck-logo img{width:24px;height:24px;object-fit:contain}
.ck-method .amt{margin-left:auto;color:#737373;font-size:13px;font-weight:500}
.ck-radio{
  width:18px;height:18px;border-radius:999px;border:1.5px solid #bbb;flex:none;
  display:grid;place-items:center;
}
.ck-radio.on{border-color:#111;background:#111;box-shadow:inset 0 0 0 3px #fff}
.ck-start{
  margin-top:auto;width:100%;border:1px solid #111;border-radius:999px;padding:12px 18px;font-weight:500;font-size:14px;
  background:#111;color:#fff;height:44px;display:inline-flex;align-items:center;justify-content:center;
  font-family:"Space Grotesk","Segoe UI",sans-serif;
}
.ck-start:disabled{background:#cfcfcf;border-color:#cfcfcf;cursor:not-allowed}
.ck-powered{text-align:center;margin-top:14px;font-size:11px;color:#8a8a8a}
.ck-support{
  position:fixed;right:18px;bottom:18px;width:44px;height:44px;border-radius:999px;
  background:#111;color:#fff;border:0;font-weight:700;box-shadow:0 8px 24px rgba(0,0,0,.2);
}
.ck-modal[hidden]{display:none!important}
.ck-modal{
  position:fixed;inset:0;background:rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;
  z-index:80;padding:16px;
}
.ck-modal-card{
  width:min(420px,100%);background:#fff;border:1px solid #121212;border-radius:16px;padding:16px 18px;
  box-shadow:0 20px 50px rgba(0,0,0,.2);font-family:"Space Grotesk","Segoe UI",sans-serif;
}
.ck-modal-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.ck-modal-x{border:0;background:transparent;font-size:22px;line-height:1;cursor:pointer;color:#5b5b5b}
.ck-help-list{margin:10px 0 0 18px;font-size:13px;color:#333}
.ck-help-list li{margin:6px 0}
.ck-field{display:block;font-size:12px;color:#5b5b5b;margin:10px 0}
.ck-field input{
  display:block;width:100%;margin-top:4px;padding:10px 12px;border:1px solid #e0e0e0;border-radius:10px;font:inherit;color:#111;
}

.app.checkout-mode .sidebar{display:none}
.app.checkout-mode .main{padding:0;max-width:none}
.app.checkout-mode{background:#f6f6f1}
.app.checkout-mode .main{background:#f6f6f1;min-height:100vh;display:flex;align-items:center;justify-content:center}

/* Command palette + extras */
.cmd-list{max-height:320px;overflow:auto;margin:4px 0 8px;display:flex;flex-direction:column;gap:2px}
.cmd-item{text-align:left;padding:10px 12px;border-radius:8px;border:0;background:transparent;color:var(--ink)}
.cmd-item:hover,.cmd-item.on{background:var(--muted-bg)}
.qr-img{border-radius:8px;background:#fff;padding:8px}
.card.soft{background:var(--elev)}
textarea.input{resize:vertical}
@media(max-width:720px){
  .main{padding:16px}
  .page-hd h1{font-size:22px}
  .settings-layout{grid-template-columns:1fr}
  .home-grid{grid-template-columns:1fr}
}

/* Checkout multi-step extras */
.ck-method.ck-unavail{opacity:.45;cursor:default;pointer-events:none;background:#fafafa}
.ck-unavail-wrap{
  margin:12px 0 16px;padding:14px 16px 16px;border:1px solid #e0e0e0;border-radius:14px;background:#fafafa;
}
.ck-unavail-hd{
  font-size:12px;letter-spacing:.05em;color:#8a8a8a;font-weight:600;margin:0 0 10px;text-transform:uppercase;
}
.ck-unavail-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;
}
.ck-unavail-item{
  display:flex;align-items:center;gap:10px;min-width:0;padding:8px 10px;border:1px solid #ececec;
  border-radius:10px;background:#fff;font-size:14px;color:#8a8a8a;
}
.ck-unavail-item img{width:22px;height:22px;border-radius:6px;filter:grayscale(100%);opacity:.5;object-fit:contain}
.ck-unavail-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ck-unavail-dot{width:22px;height:22px;border-radius:6px;background:#ddd;flex:none}
.ck-unavail-list{display:flex;flex-direction:column;gap:0}
.ck-muted{color:#8a8a8a;font-size:13px}
.ck-h{font-size:20px;font-weight:700;margin:4px 0 12px;letter-spacing:-.02em}
.ck-center-pane{align-items:center;text-align:center;justify-content:center}
.ck-top-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.ck-timer{font-size:12px;color:#5b5b5b;font-variant-numeric:tabular-nums}
.ck-chip{border:1px solid #e5e5e5;background:#fff;border-radius:999px;padding:6px 12px;font-size:12px;color:#5b5b5b}
.ck-paybox{border:1px solid #eee;border-radius:12px;padding:12px 14px;background:#fafafa;margin-bottom:12px}
.ck-payrow{padding:10px 0;border-bottom:1px solid #f0f0f0;font-size:13px}
.ck-payrow:last-child{border-bottom:0}
.ck-payrow > span{display:block;color:#8a8a8a;font-size:11px;margin-bottom:4px}
.ck-payrow strong{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ck-copy{border:0;background:transparent;cursor:pointer;color:#5b5b5b;font-size:14px}
.ck-star{color:#c9a227;font-weight:600;font-size:12px}
.ck-verified{display:inline-block;margin-top:6px;background:#e8f8ef;color:#1a7f4b;font-size:11px;font-weight:650;padding:3px 8px;border-radius:6px}
.ck-warn-mini{margin-top:6px;font-size:11px;color:#a15c00}
.ck-sim-banner{margin-top:10px;padding:8px 10px;border-radius:8px;background:#fff8e6;border:1px solid #f0e0b2;font-size:11px;color:#6a5500;text-align:left}
.ck-checklist{list-style:none;padding:0;margin:0 0 14px;font-size:13px}
.ck-checklist li{padding:6px 0 6px 22px;position:relative}
.ck-checklist li.ok::before{content:"✓";position:absolute;left:0;color:#1a7f4b;font-weight:700}
.ck-checklist li.bad::before{content:"✕";position:absolute;left:0;color:#c62828;font-weight:700}
.ck-qr-row{display:flex;gap:14px;align-items:center;margin:8px 0 16px;padding:12px;border-radius:12px;background:#f6f6f1}
.ck-qr-box img,.ck-qr-box svg{display:block;border-radius:8px;background:#fff}
.ck-link{color:#2563eb;font-size:13px}
.ck-cancel{margin-top:10px;background:none;border:0;color:#c62828;font-size:13px;font-weight:600;width:100%;padding:8px}
.ck-alert{background:#fde8e8;border:1px solid #f5b5b5;color:#b71c1c;border-radius:10px;padding:12px 14px;font-size:12px;font-weight:750;letter-spacing:.02em;margin:8px 0 12px}
.ck-status-box{display:flex;gap:12px;align-items:flex-start;background:#f7f3ea;border-radius:10px;padding:12px;margin-bottom:14px;text-align:left}
.ck-secondary{width:100%;border:1px solid #e5e5e5;background:#f5f5f5;border-radius:10px;padding:12px;font-size:13px;font-weight:600;margin-bottom:8px;color:#0b0b0b}
.ck-secondary.soft{background:#eef5ff;border-color:#d6e4ff}
.ck-success{width:64px;height:64px;border-radius:999px;background:#e8f8ef;color:#1a7f4b;display:grid;place-items:center;font-size:28px;font-weight:700;margin:8px auto 12px}
.ck-spinner{width:18px;height:18px;border:2px solid #ddd;border-top-color:#111;border-radius:50%;display:inline-block;animation:ckspin .8s linear infinite;flex:none}
.ck-spinner.lg{width:36px;height:36px;border-width:3px;margin:18px auto}
.ck-spinner.inv{border-color:rgba(255,255,255,.35);border-top-color:#fff;width:14px;height:14px;vertical-align:-2px;margin-right:6px}
@keyframes ckspin{to{transform:rotate(360deg)}}
.ck-demo-hint{text-align:center;font-size:10px;color:#b0b0b0;margin-top:6px}
.ck-mname{font-size:14px;font-weight:500}

/* Dual-rail settings + crypto checkout */
.ck-check{display:flex;align-items:center;gap:8px;font-size:13px;margin:6px 0}
.ck-check-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:4px 12px;margin:8px 0 12px}
.ck-secondary{display:inline-flex;align-items:center;justify-content:center;border:1px solid #e5e5e5;background:#fff;border-radius:10px;padding:10px 14px;font-size:13px;cursor:pointer;width:100%;margin-top:8px}
.ck-secondary.soft{background:#fafafa;color:#5b5b5b}
.ck-cancel{display:block;width:100%;margin-top:8px;border:0;background:transparent;color:#5b5b5b;font-size:13px;padding:10px;cursor:pointer}
.ck-sim-banner{margin-top:10px;padding:8px 10px;background:#fff8e6;border:1px solid #f0e0a8;border-radius:8px;font-size:12px;color:#6a5a20}
.ck-checklist{list-style:none;padding:0;margin:10px 0;font-size:13px}
.ck-checklist li{padding:6px 0 6px 22px;position:relative}
.ck-checklist li.ok:before{content:"✓";position:absolute;left:0;color:#0a0}
.ck-checklist li.bad:before{content:"✕";position:absolute;left:0;color:#c00}
.ck-qr-row{display:flex;gap:14px;align-items:center;margin:12px 0}
.ck-qr-box{width:120px;height:120px;border:1px solid #eee;border-radius:10px;display:grid;place-items:center;background:#fff;flex:none}
.ck-alert{background:#111;color:#fff;padding:10px 12px;border-radius:10px;font-size:12px;font-weight:650;letter-spacing:.02em;margin-bottom:12px}
.ck-status-box{display:flex;gap:12px;align-items:flex-start;border:1px solid #eee;border-radius:12px;padding:14px;background:#fafafa}
.ck-spinner{width:18px;height:18px;border:2px solid #ddd;border-top-color:#111;border-radius:50%;animation:ckspin .8s linear infinite;display:inline-block;flex:none}
.ck-spinner.lg{width:36px;height:36px;border-width:3px;margin-bottom:12px}
.ck-spinner.inv{border-color:rgba(255,255,255,.3);border-top-color:#fff}
@keyframes ckspin{to{transform:rotate(360deg)}}
.ck-success{width:56px;height:56px;border-radius:999px;background:#e8f8e8;color:#0a0;display:grid;place-items:center;font-size:28px;margin-bottom:10px}
.ck-demo-hint{font-size:10px;color:#aaa;text-align:center;margin-top:8px}
.ck-copy{border:0;background:transparent;cursor:pointer;font-size:12px;opacity:.7}
.ck-verified{font-size:11px;color:#0a0;margin-top:4px}
.ck-warn-mini{font-size:11px;color:#a60;margin-top:4px}
.ck-star{color:#c9a227;font-size:11px}
.ck-link{font-size:13px;color:#0666EB}

/* === CHECKOUT LIGHT LOCK (fx2) === */
html:not(.dark) body,
body.checkout,
.app.checkout-mode{
  background:#f6f6f1 !important;
  color:#0b0b0b !important;
}
.app.checkout-mode,
.app.checkout-mode .main,
.ck-shell,
.ck-card,
.ck-left,
.ck-right{
  color:#0b0b0b !important;
}
.app.checkout-mode button,
.app.checkout-mode input,
.app.checkout-mode select,
.app.checkout-mode textarea,
.ck-shell button,
.ck-shell input,
.ck-shell select,
.ck-shell textarea{
  color:#0b0b0b !important;
  -webkit-text-fill-color:#0b0b0b;
}
.ck-merchant{color:#0b0b0b !important;font-weight:700;font-size:15px;margin-bottom:18px}
.ck-left h2,.ck-left .ck-paylbl{color:#5b5b5b !important;font-size:12px;letter-spacing:.08em;font-weight:600;text-transform:uppercase;margin:0}
.ck-amount{color:#0b0b0b !important;font-size:40px;font-weight:700;letter-spacing:-.03em;margin:8px 0 18px;line-height:1.1}
.ck-lines{background:#f3f3f0 !important;border:1px solid #e8e8e4;border-radius:10px;padding:10px 12px;color:#0b0b0b !important}
.ck-lines .ln{display:flex;justify-content:space-between;padding:8px 0;font-size:13px;border-bottom:1px solid #e8e8e4;color:#0b0b0b !important}
.ck-lines .ln span{color:#0b0b0b !important}
.ck-lines .ln:last-child{border-bottom:0;font-weight:700}
.ck-select{
  width:100%;border:1px solid #e5e5e5;border-radius:10px;padding:12px;background:#fff !important;
  color:#0b0b0b !important;-webkit-text-fill-color:#0b0b0b;margin-bottom:10px;appearance:auto;
}
.ck-method{
  width:100%;border:1px solid #e5e5e5;border-radius:10px;padding:12px;background:#fff !important;
  display:flex;align-items:center;gap:12px;cursor:pointer;margin-bottom:10px;color:#0b0b0b !important;
}
.ck-method:hover,.ck-method.sel{border-color:#111}
.ck-method .ico,.ck-method .ck-logo{
  width:32px;height:32px;border-radius:8px;flex:none;overflow:hidden;
  display:grid;place-items:center;background:#f3f3f3;
}
.ck-method .ck-logo img{width:100%;height:100%;object-fit:cover;display:block}
.ck-mname{color:#0b0b0b !important;font-size:14px;font-weight:600}
.ck-method .amt{margin-left:auto;color:#5b5b5b !important;font-size:13px;font-weight:500}
.ck-method.ck-unavail{opacity:.5;cursor:default;pointer-events:none;background:#fafafa !important}
.ck-method.ck-unavail .ck-mname,.ck-method.ck-unavail .amt{color:#8a8a8a !important}
.ck-unavail-hd{color:#8a8a8a !important;font-size:11px;letter-spacing:.04em;font-weight:650;margin:14px 0 8px;text-transform:uppercase}
.ck-steps{color:#5b5b5b !important}
.ck-steps .s{color:#5b5b5b !important}
.ck-steps .s.active{color:#0b0b0b !important;font-weight:600}
.ck-sec{color:#5b5b5b !important}
.ck-top button{color:#5b5b5b !important;-webkit-text-fill-color:#5b5b5b}

.app.checkout-mode .ck-start,
.ck-shell .ck-start,
button.ck-start{
  background:#111 !important;color:#fff !important;-webkit-text-fill-color:#fff !important;
  border:0 !important;border-radius:10px;padding:14px;font-weight:650;font-size:14px;width:100%;margin-top:auto;
}
.app.checkout-mode .ck-start:disabled,
button.ck-start:disabled{background:#cfcfcf !important;color:#fff !important;-webkit-text-fill-color:#fff !important}
.ck-logo{width:32px;height:32px;border-radius:8px;overflow:hidden;flex:none;background:#f0f0f0}
.ck-logo img{width:32px;height:32px;object-fit:cover;display:block}

.ck-powered{color:#8a8a8a !important;text-align:center;margin-top:14px;font-size:11px}
.ck-powered strong{color:#5b5b5b !important}
.ck-powered a{color:#5b5b5b !important}
.ck-muted{color:#8a8a8a !important}
.ck-h{color:#0b0b0b !important}
.ck-demo-hint{display:none !important}
.ck-debug{display:none !important}

/* === fx4 visual polish === */
.ck-method.ck-unavail{opacity:1 !important;background:#f7f7f5 !important;border-color:#ececec !important}
.ck-method.ck-unavail .ck-mname{color:#6b6b6b !important;-webkit-text-fill-color:#6b6b6b !important}
.ck-method.ck-unavail .amt{color:#9a9a9a !important;-webkit-text-fill-color:#9a9a9a !important}
.ck-method.ck-unavail .ck-logo{opacity:.7;filter:grayscale(.15)}
.ck-oid{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;overflow-wrap:anywhere;max-width:60%;text-align:right;color:#0b0b0b !important}
.app.checkout-mode .ck-h,
.app.checkout-mode .ck-paybox,
.app.checkout-mode .ck-payrow,
.app.checkout-mode .ck-payrow strong,
.app.checkout-mode .ck-checklist,
.app.checkout-mode .ck-checklist li,
.app.checkout-mode .ck-chip,
.app.checkout-mode .ck-timer,
.app.checkout-mode .ck-link,
.app.checkout-mode .ck-cancel,
.app.checkout-mode .ck-secondary{
  color:#0b0b0b !important;-webkit-text-fill-color:#0b0b0b;
}
.app.checkout-mode .ck-payrow > span,
.app.checkout-mode .ck-muted,
.app.checkout-mode .ck-warn-mini{color:#5b5b5b !important;-webkit-text-fill-color:#5b5b5b}
.app.checkout-mode .ck-paybox{background:#fafafa !important;border:1px solid #eee;color:#0b0b0b !important}
.app.checkout-mode .ck-start,
.app.checkout-mode button.ck-start{
  color:#fff !important;-webkit-text-fill-color:#fff !important;background:#111 !important;
}
.ck-steps .dot:not(.off){background:#111 !important;color:#fff !important;-webkit-text-fill-color:#fff !important}
.ck-steps .dot.off{background:#e5e5e5 !important;color:#5b5b5b !important;-webkit-text-fill-color:#5b5b5b !important}

/* fx5 line amounts */
.app.checkout-mode .ck-left,
.app.checkout-mode .ck-left *{color:#0b0b0b !important;-webkit-text-fill-color:#0b0b0b}
.app.checkout-mode .ck-left h2,
.app.checkout-mode .ck-left .ck-paylbl{color:#5b5b5b !important;-webkit-text-fill-color:#5b5b5b}
.app.checkout-mode .ck-left .ck-dash a{color:#5b5b5b !important;-webkit-text-fill-color:#5b5b5b}
.app.checkout-mode .ck-lines{background:#f3f3f0 !important}
.app.checkout-mode .ck-lines .ln span{color:#0b0b0b !important;-webkit-text-fill-color:#0b0b0b !important}


/* === fx6 video SoT polish === */
.ck-steps{display:flex;gap:28px;align-items:flex-start;margin:4px 0 22px;position:relative}
.ck-steps .s{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:64px;position:relative;z-index:1}
.ck-steps .s.active .ck-step-t{color:#0b0b0b !important;-webkit-text-fill-color:#0b0b0b;font-weight:700}
.ck-steps .dot{width:28px;height:28px;border-radius:999px;background:#111;color:#fff;display:grid;place-items:center}
.ck-steps .dot.off{background:#efefef;color:#9a9a9a;border:1px solid #e5e5e5}
.ck-step-lbl{display:flex;flex-direction:column;align-items:center;line-height:1.15;text-align:center}
.ck-step-n{font-size:9px;letter-spacing:.06em;color:#9a9a9a !important;-webkit-text-fill-color:#9a9a9a;font-weight:600;text-transform:uppercase}
.ck-step-t{font-size:12px;color:#9a9a9a !important;-webkit-text-fill-color:#9a9a9a;font-weight:600}
.ck-steps .s.active .ck-step-n{color:#5b5b5b !important;-webkit-text-fill-color:#5b5b5b}
.app.checkout-mode .ck-steps .s:not(.active) .ck-step-t,
.app.checkout-mode .ck-steps .s:not(.active) .ck-step-n{color:#9a9a9a !important;-webkit-text-fill-color:#9a9a9a}
.ck-radio{width:16px;height:16px;border-radius:999px;border:1.5px solid #c8c8c8;flex:none;display:inline-block;box-sizing:border-box;background:#fff}
.ck-radio.on{border-color:#111;border-width:5px}
.ck-method.ck-unavail .ck-radio{display:none}
.ck-issues{display:flex;justify-content:flex-end;align-items:center;gap:6px;margin-top:10px;font-size:12px;color:#5b5b5b}
.ck-linkish{background:none;border:0;color:#0666EB !important;-webkit-text-fill-color:#0666EB;font-size:12px;font-weight:600;cursor:pointer;padding:0;text-decoration:underline}
.ck-sim-banner{display:none !important}
.ck-dash{display:none !important}
.app.checkout-mode .ck-left .ck-dash{display:none !important}
.ck-checklist{list-style:none;padding:0;margin:12px 0;display:flex;flex-direction:column;gap:8px}
.ck-checklist li{font-size:13px;padding-left:22px;position:relative;color:#0b0b0b !important;-webkit-text-fill-color:#0b0b0b}
.ck-checklist li.ok::before{content:'✓';position:absolute;left:0;color:#16a34a;font-weight:700}
.ck-checklist li.bad::before{content:'✕';position:absolute;left:0;color:#dc2626;font-weight:700}
.ck-top-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 12px;padding:8px 12px;background:#f3f3f0;border-radius:10px}
.ck-chip{background:#fff !important;border:1px solid #111 !important;border-radius:999px;padding:4px 12px;font-size:12px;color:#0b0b0b !important;-webkit-text-fill-color:#0b0b0b;cursor:pointer}
.ck-timer{font-size:12px;color:#5b5b5b !important;-webkit-text-fill-color:#5b5b5b;font-weight:600}
.ck-spinner.lg{width:40px;height:40px;border:3px solid #e5e5e5;border-top-color:#111;border-radius:999px;animation:ckspin .8s linear infinite;margin:18px auto}
.ck-center-pane{align-items:stretch}


/* fx6b alert + status match video (pink warning, warm status) */
.app.checkout-mode .ck-alert,
.ck-shell .ck-alert,
.ck-alert{
  background:#fde8e8 !important;border:1px solid #f5b5b5 !important;color:#b71c1c !important;
  -webkit-text-fill-color:#b71c1c !important;border-radius:10px;padding:12px 14px;
  font-size:12px;font-weight:750;letter-spacing:.02em;margin:8px 0 12px;text-align:left;
}
.app.checkout-mode .ck-status-box,
.ck-status-box{
  background:#f7f3ea !important;border:1px solid #eee !important;border-radius:10px;padding:12px;margin-bottom:14px;
}


/* === fx7 live BESO SoT overrides === */
body.checkout,.app.checkout-mode{
  font-family:"Space Grotesk","Segoe UI",system-ui,sans-serif !important;
  width:100% !important;
  max-width:none !important;
}
body.checkout{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.app.checkout-mode{
  display:block !important;
  width:100% !important;
  min-height:100vh !important;
}
.app.checkout-mode .sidebar{display:none !important}
.app.checkout-mode .main{
  width:100% !important;
  max-width:none !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:100vh !important;
  background:#f6f6f1 !important;
}
.ck-shell{width:min(1000px,100%) !important; max-width:1000px !important; margin:0 auto;}
.ck-card{
  grid-template-columns:1fr 1fr !important;
  border:1px solid rgb(18,18,18) !important;
  border-radius:20px !important;
  width:100% !important;
}
.ck-merchant{font-size:24px !important;font-weight:600 !important;margin-bottom:18px !important}
.ck-amount{font-size:32px !important;font-weight:600 !important;margin:0 0 8px !important}
.ck-recovery{display:flex;flex-direction:column;gap:8px;margin:0 0 18px}
.ck-recovery-link{
  background:none;border:0;padding:4px 0;color:#0b0b0b !important;-webkit-text-fill-color:#0b0b0b;
  font:500 14px "Space Grotesk","Segoe UI",sans-serif;display:inline-flex;align-items:center;gap:8px;
  cursor:pointer;text-align:left;width:fit-content;
}
.ck-steps{display:flex;gap:0;align-items:flex-start;margin:0 0 28px;width:100% !important}
.ck-steps .s{display:flex;flex-direction:column;align-items:flex-start !important;flex:1;min-width:0;gap:8px}
.ck-step-lbl{align-items:flex-start !important;text-align:left !important}
.ck-step-n{font-size:10px !important;letter-spacing:.12em}
.ck-step-t{font-size:15px !important;font-weight:600 !important}
.ck-steps .dot{
  width:40px !important;height:40px !important;border-radius:999px !important;
  background:#fff !important;color:#8a8a8a !important;-webkit-text-fill-color:#8a8a8a;
  border:1.5px solid rgba(11,11,11,.18) !important;display:grid;place-items:center;
}
.ck-steps .dot:not(.off){
  background:#111 !important;border-color:#111 !important;color:#fff !important;-webkit-text-fill-color:#fff;
  box-shadow:0 6px 14px rgba(11,11,11,.18);
}
.ck-steps .dot.off{background:#fff !important;color:#8a8a8a !important;-webkit-text-fill-color:#8a8a8a;border:1.5px solid rgba(11,11,11,.18) !important}
.ck-methods{
  display:flex;flex-direction:column;border:1px solid #e0e0e0;border-radius:10px;overflow:hidden;margin-bottom:16px;
}
.ck-methods .ck-method{
  width:100%;border:0 !important;border-bottom:1px solid #e0e0e0 !important;border-radius:0 !important;
  padding:14px 16px;background:#fff;margin:0 !important;
  display:flex;align-items:center;gap:12px;cursor:pointer;
}
.ck-methods .ck-method:last-child{border-bottom:0 !important}
.ck-methods .ck-method:hover{background:#f9f9f9}
.ck-methods .ck-method.sel{background:#f5f5f5}
.ck-radio{
  width:18px !important;height:18px !important;border-radius:999px !important;border:1.5px solid #bbb !important;
  flex:none;display:grid !important;place-items:center;background:#fff !important;box-sizing:border-box;
}
.ck-radio.on{
  border-color:#111 !important;border-width:1.5px !important;background:#111 !important;
  box-shadow:inset 0 0 0 3px #fff;
}
.ck-start,.app.checkout-mode button.ck-start{
  border-radius:999px !important;height:44px;font-weight:500 !important;
  font-family:"Space Grotesk","Segoe UI",sans-serif !important;
}
.ck-unavail-wrap{
  margin:12px 0 16px;padding:14px 16px 16px;border:1px solid #e0e0e0;border-radius:14px;background:#fafafa;
}
.ck-unavail-hd{
  font-size:12px !important;letter-spacing:.05em;color:#8a8a8a !important;-webkit-text-fill-color:#8a8a8a;
  font-weight:600;margin:0 0 10px;text-transform:uppercase;
}
.ck-unavail-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;
}
.ck-unavail-item{
  display:flex;align-items:center;gap:10px;min-width:0;padding:8px 10px;border:1px solid #ececec;
  border-radius:10px;background:#fff;font-size:14px;color:#8a8a8a !important;-webkit-text-fill-color:#8a8a8a;
}
.ck-unavail-item img{width:22px;height:22px;border-radius:6px;filter:grayscale(100%);opacity:.5;object-fit:contain}
.ck-modal[hidden]{display:none!important}
.ck-modal{
  position:fixed;inset:0;background:rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;
  z-index:80;padding:16px;
}
.ck-modal-card{
  width:min(420px,100%);background:#fff;border:1px solid #121212;border-radius:16px;padding:16px 18px;
  box-shadow:0 20px 50px rgba(0,0,0,.2);
}


/* === fx8 BESO-parity recovery / support / important / pay === */
.ck-recovery{display:flex;flex-direction:row;align-items:center;gap:14px;margin:0 0 18px;flex-wrap:wrap}
.ck-recovery-div{width:1px;height:14px;background:#d0d0d0}
.ck-recovery-link{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;padding:0;font:inherit;font-size:13px;font-weight:600;color:#0b0b0b;text-decoration:underline;cursor:pointer}
.ck-rec-ico{display:inline-flex;width:16px;height:16px;align-items:center;justify-content:center;font-size:11px;border:1px solid #111;border-radius:50%;font-weight:700;text-decoration:none}
.ck-partner-note{font-size:12px;color:#5b5b5b;margin-top:4px}
.ck-qr-title{font-weight:700;font-size:14px;margin-bottom:4px;color:#0b0b0b}
.ck-link-btn{display:block;margin-top:8px;border:0;background:transparent;padding:0;font:inherit;font-size:13px;color:#0b0b0b;text-decoration:underline;cursor:pointer}
.ck-copy{width:22px;height:22px;border:0;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%235b5b5b' stroke-width='1.6'%3E%3Crect x='5' y='5' width='9' height='9' rx='1.5'/%3E%3Cpath d='M3 11V3h8'/%3E%3C/svg%3E") center/14px no-repeat;cursor:pointer;vertical-align:middle}
.ck-support-panel{position:fixed;top:24px;right:24px;width:min(380px,92vw);max-height:calc(100vh - 48px);overflow:auto;background:#fff;border:1px solid #121212;border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.18);z-index:10050;padding:16px 16px 20px}
.ck-support-panel[hidden]{display:none!important}
.ck-support-hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.ck-online{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#16a34a;font-weight:600}
.ck-online::before{content:'';width:8px;height:8px;border-radius:50%;background:#16a34a}
.ck-support-hero{text-align:center;padding:18px 0 8px}
.ck-support-mark{width:48px;height:48px;border-radius:12px;background:#111;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;margin-bottom:10px}
.ck-support-actions{display:flex;flex-direction:column;gap:8px;margin:12px 0}
.ck-support-action{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left;padding:12px 14px;border:1px solid #e5e5e5;border-radius:12px;background:#fff;font:inherit;font-size:13px;cursor:pointer}
.ck-support-action:hover{background:#f9f9f9}
.ck-support-email-row{display:flex;gap:8px;margin-top:6px}
.ck-support-email-row input{flex:1;border:1px solid #e5e5e5;border-radius:10px;padding:10px 12px;font:inherit}
.ck-support-msg textarea{width:100%;border:1px solid #e5e5e5;border-radius:10px;padding:10px 12px;font:inherit;resize:vertical}
.ck-already-list{border:1px solid #e5e5e5;border-radius:14px;overflow:hidden;margin:16px 0}
.ck-already-item{display:grid;grid-template-columns:28px 1fr 16px;gap:10px;align-items:center;width:100%;padding:14px 14px;border:0;border-bottom:1px solid #e5e5e5;background:#fff;text-align:left;font:inherit;cursor:pointer}
.ck-already-item:last-child{border-bottom:0}
.ck-already-item:hover{background:#f9f9f9}
.ck-already-item strong{display:block;font-size:14px;color:#0b0b0b}
.ck-already-item em{display:block;font-style:normal;font-size:12px;color:#5b5b5b;margin-top:2px}
.ck-already-ico{width:24px;height:24px;border-radius:50%;border:1px solid #111;display:inline-flex;align-items:center;justify-content:center;font-size:12px}
.ck-chev{color:#5b5b5b;font-size:18px}
.ck-important-visual{display:flex;justify-content:center;margin:16px 0}
.ck-important-phone{width:220px;border:1px solid #121212;border-radius:16px;padding:14px;background:#f6f6f1;position:relative}
.ck-important-banner{background:#c62828;color:#fff;font-size:11px;font-weight:700;padding:8px;border-radius:8px;line-height:1.3}
.ck-important-x{position:absolute;right:18px;bottom:28px;width:36px;height:36px;border-radius:50%;background:#c62828;color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700}
.ck-ff-check{display:flex;align-items:center;gap:10px;font-size:14px;margin:12px 0 16px;cursor:pointer}
.ck-important-actions{display:flex;gap:10px;align-items:center}
.ck-important-actions .ck-secondary{flex:0 0 auto}
.ck-important-actions .ck-start{flex:1}
.ck-issues{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;padding:10px 12px;background:#eef6ff;border-radius:10px;font-size:12px;color:#5b5b5b}


/* === fx9 layout lock: no wrap / no overlap (BESO SoT) === */
.ck-steps{
  display:flex !important;
  gap:0 !important;
  align-items:flex-start !important;
  margin:0 0 28px !important;
  width:100% !important;
}
.ck-steps .s{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  flex:1 1 0 !important;
  min-width:88px !important;
  gap:8px !important;
}
.ck-step-lbl{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:2px !important;
  line-height:1.2 !important;
  white-space:nowrap !important;
}
.ck-step-n{
  display:block !important;
  white-space:nowrap !important;
  font-size:10px !important;
  letter-spacing:.08em !important;
  line-height:1.2 !important;
  font-weight:600 !important;
  text-transform:uppercase !important;
}
.ck-step-t{
  display:block !important;
  white-space:nowrap !important;
  font-size:15px !important;
  font-weight:600 !important;
  line-height:1.2 !important;
  margin:0 !important;
}

.ck-recovery{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  gap:14px !important;
  margin:0 0 18px !important;
}
.ck-recovery-link{
  white-space:nowrap !important;
  flex:0 0 auto !important;
  font-size:13px !important;
  line-height:1.2 !important;
}
.ck-recovery-div{flex:0 0 auto}

.ck-top-row{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  margin:0 0 12px !important;
  flex-wrap:nowrap !important;
}
.ck-timer{
  white-space:nowrap !important;
  flex:0 0 auto !important;
  font-size:12px !important;
  font-weight:600 !important;
  line-height:1.2 !important;
}
.ck-top-row .ck-chip,
.ck-top-row #btnNeedHelp,
.ck-top-row button.ck-chip{
  white-space:nowrap !important;
  flex:0 0 auto !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
}

.ck-methods .ck-method,
.ck-method{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  flex-wrap:nowrap !important;
}
.ck-method .ck-mname,
.ck-method .ck-mname *{
  white-space:nowrap !important;
  overflow:visible !important;
  text-overflow:clip !important;
  flex:0 1 auto !important;
  min-width:max-content !important;
  max-width:none !important;
}
.ck-method .amt{
  margin-left:auto !important;
  white-space:nowrap !important;
  flex:0 0 auto !important;
  text-align:right !important;
  font-variant-numeric:tabular-nums;
  padding-left:12px !important;
}
.ck-recip{
  white-space:nowrap !important;
  display:inline-block !important;
}
.ck-payrow > strong{
  flex-wrap:nowrap !important;
}
.ck-step-lbl{gap:4px !important}


.ck-payrow{
  display:grid !important;
  grid-template-columns:110px minmax(0,1fr) !important;
  gap:8px 12px !important;
  align-items:start !important;
  padding:10px 0 !important;
}
.ck-payrow > span{white-space:nowrap !important;color:#5b5b5b}
.ck-payrow > strong{
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  gap:6px 8px !important;
  min-width:0 !important;
  font-weight:600 !important;
  word-break:normal !important;
}
.ck-payrow .ck-star{
  white-space:nowrap !important;
  flex:0 0 auto !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:2px !important;
}
.ck-verified{
  display:inline-flex !important;
  align-items:center !important;
  gap:4px !important;
  white-space:nowrap !important;
  width:fit-content !important;
  max-width:100% !important;
  margin-top:6px !important;
  background:#e8f8ef !important;
  color:#1a7f4b !important;
  font-size:11px !important;
  font-weight:650 !important;
  padding:4px 10px !important;
  border-radius:999px !important;
  grid-column:2 !important;
}
.ck-partner-note{
  grid-column:2 !important;
  white-space:normal !important;
  line-height:1.35 !important;
}
.ck-warn-mini{grid-column:2 !important}

.ck-issues{
  display:flex !important;
  flex-wrap:nowrap !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:10px !important;
  margin-top:10px !important;
  padding:10px 12px !important;
  background:#eef6ff !important;
  border-radius:10px !important;
  font-size:12px !important;
}
.ck-issues > span{white-space:nowrap !important;flex:0 1 auto}
.ck-issues .ck-linkish,
#btnNewRecipient{
  white-space:nowrap !important;
  flex:0 0 auto !important;
  font-size:12px !important;
}

.ck-qr-row{
  display:flex !important;
  align-items:flex-start !important;
  gap:16px !important;
  margin:16px 0 !important;
}
.ck-qr-box{flex:0 0 auto}
.ck-qr-row > div:last-child{
  flex:1 1 auto;
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:8px;
}
a.ck-pay-outline,
#payLink.ck-pay-outline{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  padding:8px 14px !important;
  border:1.5px solid #111 !important;
  border-radius:999px !important;
  background:#fff !important;
  color:#0b0b0b !important;
  -webkit-text-fill-color:#0b0b0b !important;
  text-decoration:none !important;
  font-size:13px !important;
  font-weight:600 !important;
  white-space:nowrap !important;
  width:fit-content !important;
  line-height:1.2 !important;
}
a.ck-pay-outline:hover{background:#f5f5f5 !important}
.ck-link-btn{
  white-space:nowrap !important;
}

.ck-checklist li{line-height:1.4}

/* Mobile 390 */
@media (max-width:520px){
  .ck-card{grid-template-columns:1fr !important}
  .ck-left,.ck-right{width:100% !important}
  .ck-left{border-right:0 !important;border-bottom:1px solid #eee !important}
  .ck-steps .s{min-width:72px !important}
  .ck-step-t{font-size:13px !important}
  .ck-issues{flex-wrap:wrap !important}
  .ck-payrow{grid-template-columns:90px minmax(0,1fr) !important}
}

/* fx9b method flex lock */
.ck-methods .ck-method,.ck-method{
  display:flex !important;
  align-items:center !important;
  flex-wrap:nowrap !important;
  gap:12px !important;
}
.ck-method .ck-radio,.ck-method .ck-logo,.ck-method .ico{flex:0 0 auto !important}
.ck-method .amt{margin-left:auto !important;flex:0 0 auto !important;white-space:nowrap !important}



/* fx9c: narrow card stack (for ~390 width even if viewport wider) */
.ck-card.ck-narrow{
  display:grid !important;
  grid-template-columns:1fr !important;
  min-width:0 !important;
  width:100% !important;
  max-width:390px !important;
}
.ck-card.ck-narrow .ck-left,
.ck-card.ck-narrow .ck-right{width:100% !important; max-width:100% !important; border-right:0 !important;}
.ck-card.ck-narrow .ck-left{border-bottom:1px solid #eee !important;}
.ck-card.ck-narrow .ck-steps .s{min-width:72px !important;}
.ck-card.ck-narrow .ck-step-t{font-size:13px !important;}
.ck-card.ck-narrow .ck-issues{flex-wrap:wrap !important;}
.ck-card.ck-narrow .ck-payrow{grid-template-columns:72px minmax(0,1fr) !important;}
.ck-card.ck-narrow .ck-qr-row{flex-wrap:wrap !important;}
.ck-card.ck-narrow .ck-verified{
  font-size:10px !important;
  padding:3px 8px !important;
  max-width:100% !important;
  overflow:visible !important;
}
.ck-card.ck-narrow .ck-payrow > strong{flex-wrap:wrap !important;}
.ck-card.ck-narrow .ck-recip,.ck-card.ck-narrow .ck-star{white-space:nowrap !important;}


/* Landing full-bleed: hide merchant chrome */
.app.landing-mode .sidebar{ display:none !important; }
.app.landing-mode .main{ margin:0; padding:0; max-width:none; width:100%; }
.app.landing-mode{ display:block; }
.logo .pay{ font-size:11px; opacity:.7; margin-left:2px; }


/* Account settings — settings rows */
.acct-sec{margin-bottom:28px}
.acct-sec-label{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--mute2);margin-bottom:10px;font-weight:600}
.acct-sec-label.plain{font-size:13px;letter-spacing:0;text-transform:none;color:var(--text,#eee);font-weight:600}
.acct-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.acct-row-main{min-width:0;flex:1}
.acct-k{font-size:13px;color:var(--muted,#aaa);margin-bottom:4px}
.acct-v{font-size:15px;font-weight:500}
.acct-v.mono,.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}
.acct-row-actions{display:flex;gap:8px;flex-shrink:0}
.btn.sm{padding:6px 10px;font-size:12px}


/* Help — two-column: FAQ + right rail */
.help-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:12px;align-items:start}
@media(max-width:960px){.help-layout{grid-template-columns:1fr}}
.help-faq .help-list{margin:0}
.help-list{display:flex;flex-direction:column;gap:0;border:1px solid var(--border,rgba(255,255,255,.08));border-radius:12px;overflow:hidden;background:var(--card,#111)}
.help-item{border-bottom:1px solid var(--border,rgba(255,255,255,.08));padding:0}
.help-item:last-child{border-bottom:0}
.help-item summary{cursor:pointer;padding:10px 16px;font-weight:500;font-size:13px;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px}
.help-item summary::-webkit-details-marker{display:none}
.help-item[open] summary{font-weight:600;border-bottom:1px solid var(--border,rgba(255,255,255,.06))}
.help-item p{padding:0 16px 14px;margin:0;font-size:13px;line-height:1.5}
.help-rail{display:flex;flex-direction:column;gap:12px}
.help-rail-card{border:1px solid var(--border,rgba(255,255,255,.08));border-radius:12px;padding:16px 20px;background:var(--card,#111)}
.help-rail-card h2{font-size:13px;font-weight:600;margin:0 0 6px;color:var(--ink)}
.help-rail-muted{font-size:12px;color:var(--mute);margin:0}
.help-rail-muted a{color:var(--mute);text-decoration:none}
.help-rail-muted a:hover{color:var(--ink);text-decoration:underline}
.help-ticket{display:flex;width:100%;justify-content:center;margin-top:10px;text-decoration:none;box-sizing:border-box}
.help-guide-list{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}
.help-guide-list a{font-size:12px;color:var(--mute);text-decoration:none}
.help-guide-list a:hover{color:var(--ink);text-decoration:underline}
.help-community{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.help-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:8px;padding:6px 12px;font-size:12px;font-weight:500;color:var(--ink);text-decoration:none}
.help-chip:hover{background:rgba(255,255,255,.04)}
.help-app-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.help-app-col{display:flex;flex-direction:column;align-items:center;gap:10px}
.help-app-qr{width:100%;max-width:11rem;border-radius:12px;border:1px solid var(--border);background:#fff;padding:10px;box-sizing:border-box}
.help-app-qr .qr-img{width:100%!important;height:auto!important;display:block;padding:0;border-radius:0;background:transparent}
.help-app-badge{font-size:11px;font-weight:600;color:var(--mute);border:1px solid var(--border);border-radius:8px;padding:6px 10px}
.dev-hd{display:flex;align-items:center;justify-content:space-between;gap:12px}
.seg{display:inline-flex;gap:4px;padding:4px;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid var(--border,rgba(255,255,255,.08))}
.seg-btn{border:0;background:transparent;color:inherit;padding:8px 14px;border-radius:8px;cursor:pointer;font:inherit}
.seg-btn.active{background:rgba(255,255,255,.12);font-weight:600}

.settings-tabs{display:flex;flex-wrap:wrap;gap:4px;border-bottom:1px solid var(--border,rgba(255,255,255,.08));margin:0 0 18px;padding:0 0 0}
.settings-tabs a{padding:10px 12px;color:var(--mute);text-decoration:none;font-size:13px;border-bottom:2px solid transparent;margin-bottom:-1px}
.settings-tabs a.active,.settings-tabs a:hover{color:var(--ink);border-bottom-color:var(--ink)}
.settings-panel{background:transparent;border:0;padding:0;box-shadow:none}
.home-grid.beso-home{grid-template-columns:1.1fr 1fr;align-items:stretch}
.home-cta{display:flex;align-items:center;gap:20px;text-align:left;padding:18px;overflow:hidden}
.home-cta .qr{margin:0;flex:0 0 auto;width:auto;height:auto;background:transparent;border:0;display:block;place-items:unset}
.home-cta .qr .qr-img{display:block;width:148px;height:148px;padding:6px;box-sizing:border-box}
.home-cta > div:last-child{min-width:0;flex:1 1 auto}
.home-cta h2{margin:0 0 4px}
.home-cta p{margin:0 0 10px}
.btn.ghost{background:transparent;border:0;color:var(--mute);text-decoration:underline;padding:0 4px}


/* Settings · Checkout — two-column */
.ck-settings-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:16px;align-items:start}
@media(max-width:960px){.ck-settings-layout{grid-template-columns:1fr}}
.ck-settings-left{display:flex;flex-direction:column;gap:16px}
.ck-theme-card{border:1px solid var(--border);border-radius:12px;background:var(--card,#111);padding:20px;display:flex;flex-direction:column;gap:12px}
.ck-theme-card h2{font-size:13px;font-weight:600;margin:0}
.ck-theme-pills{display:flex;flex-wrap:wrap;gap:6px}
.ck-pill{border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--ink);padding:4px 12px;font-size:13px;cursor:pointer}
.ck-pill.active{background:var(--ink,#fff);color:#0a0a0a;border-color:var(--ink,#fff)}
.ck-color-row{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px}
.ck-color-ctrl{display:flex;align-items:center;gap:8px}
.ck-swatch{position:relative;width:28px;height:28px;flex:none;display:block;cursor:pointer}
.ck-swatch input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.ck-swatch i{display:block;width:100%;height:100%;border-radius:6px;border:1px solid var(--border);pointer-events:none}
.ck-hex{width:5.5rem;height:32px;border-radius:6px;border:1px solid transparent;background:transparent;color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;text-align:right;padding:0 6px}
.ck-hex:hover,.ck-hex:focus{border-color:var(--border);outline:none}
.ck-theme-save{width:100%;margin-top:4px}
.ck-settings-right{display:flex;flex-direction:column;gap:6px;position:sticky;top:24px}
.ck-preview-label{font-size:12px;font-weight:400;color:var(--mute);margin:0}
.ck-live-preview{border-radius:12px;border:1px solid #e5e5e5;padding:24px;display:flex;flex-direction:column;gap:12px;color:#0b0b0b}
.ck-prev-brand{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:600}
.ck-prev-av{width:32px;height:32px;border-radius:6px;background:#e5e5e5;color:#0b0b0b;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}
.ck-prev-paylbl{font-size:12px;color:#5b5b5b}
.ck-prev-amt{font-size:20px;font-weight:700;color:#111;margin-top:-4px}
.ck-prev-rails{display:flex;flex-direction:column;gap:8px}
.ck-prev-rail{display:flex;align-items:center;gap:10px;border:1px solid #e5e5e5;border-radius:8px;padding:8px 10px;background:#fafafa;font-size:13px;color:#0b0b0b}
.ck-prev-ico{width:28px;height:28px;border-radius:6px;flex:none;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;background:#fff}
.ck-prev-ico img{width:28px;height:28px;display:block;object-fit:contain}
.ck-prev-continue{width:100%;border:0;border-radius:8px;padding:10px 12px;font-size:13px;font-weight:600;color:#fff;cursor:default}

/* cmdk + key menu (replica12) */
button.search{ width:100%; text-align:left; background:transparent; border:0; color:inherit; font:inherit; cursor:pointer; }
.cmdk .input{ width:100%; margin:0 0 8px; }
.cmdk-meta{ margin:0 0 6px; font-size:12px; }
.cmd-group{ font-size:11px; letter-spacing:.04em; color:var(--muted2,#888); margin:10px 0 4px; padding:0 4px; }
.cmd-item{ display:block; width:100%; text-align:left; padding:8px 10px; border:0; background:transparent; color:inherit; border-radius:8px; cursor:pointer; }
.cmd-item:hover, .cmd-item.on{ background:rgba(255,255,255,.06); }
.menu-pop{ min-width:160px; background:#161616; border:1px solid rgba(255,255,255,.12); border-radius:10px; padding:6px; box-shadow:0 12px 40px rgba(0,0,0,.45); }
.menu-pop [role=menuitem]{ display:block; width:100%; text-align:left; padding:8px 10px; border:0; background:transparent; color:inherit; border-radius:6px; cursor:pointer; font:inherit; }
.menu-pop [role=menuitem]:hover{ background:rgba(255,255,255,.08); }
a.qr{ display:inline-block; line-height:0; }
.key-actions{ display:flex; gap:6px; align-items:center; justify-content:flex-end; }


/* Auth-gate: logged-out landing is standalone (no dashboard sidebar) */
.app.landing-mode .sidebar{display:none!important}
.app.landing-mode .main{padding:0;max-width:none;margin:0;background:#f6f6f1;min-height:100vh}
.app.landing-mode{background:#f6f6f1}


/* Account menu (workspace dropdown) */
.account-chip{ cursor:pointer; position:relative; user-select:none; }
.account-chip[aria-expanded="true"]{ border-color:#3a3a3a; background:#161616; }
.account-chip .chev{ transition: transform .15s ease; }
.account-chip[aria-expanded="true"] .chev{ transform: rotate(180deg); }
.account-menu{
  position:absolute; left:12px; right:12px; z-index:80;
  margin-top:4px; padding:8px;
  background:#141414; border:1px solid #2a2a2a; border-radius:12px;
  box-shadow:0 12px 40px rgba(0,0,0,.55);
  display:flex; flex-direction:column; gap:2px;
  max-height:min(70vh, 420px); overflow:auto;
}
.sidebar{ position:relative; }
.am-sec-label{
  padding:8px 10px 6px; font-size:11px; font-weight:600;
  letter-spacing:.04em; color:#8a8a8a;
}
.am-row{
  display:flex; align-items:center; gap:10px; width:100%;
  padding:9px 10px; border:0; border-radius:8px;
  background:transparent; color:#f5f5f5; font:inherit; font-size:13px;
  text-align:left; cursor:pointer;
}
.am-row:hover{ background:#1f1f1f; }
.am-av{
  width:28px; height:28px; border-radius:8px; background:#2a2a2a;
  display:grid; place-items:center; font-size:12px; font-weight:700; flex:none;
}
.am-ws-meta{ flex:1; min-width:0; display:flex; flex-direction:column; }
.am-ws-name{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight:500; }
.am-owner{ color:#8a8a8a; font-size:12px; margin-left:auto; }
.am-check{ color:#fff; font-size:13px; margin-left:6px; }
.am-divider{ height:1px; background:#2a2a2a; margin:6px 4px; }
.am-toggle{ justify-content:space-between; }
.am-switch{
  width:36px; height:20px; border-radius:999px; background:#3a3a3a;
  position:relative; flex:none; transition: background .15s ease;
}
.am-switch.on{ background:#e8e8e8; }
.am-switch .am-knob{
  position:absolute; top:2px; left:2px; width:16px; height:16px;
  border-radius:999px; background:#111; transition: transform .15s ease;
}
.am-switch.on .am-knob{ transform: translateX(16px); background:#111; }
.am-theme{ justify-content:space-between; }
.am-theme-val{ color:#8a8a8a; display:inline-flex; align-items:center; gap:4px; }
.am-chev{ font-size:14px; }
.am-theme-sub{ padding:2px 0 4px; }
.am-theme-opt.active{ background:#1f1f1f; }
.am-signout{ color:#f5f5f5; }
.sidebar-foot .dot.sandbox{ background:#f59e0b; box-shadow:0 0 0 3px rgba(245,158,11,.18); }
html.light body, html.light .app{
  --bg:#f6f6f1; --panel:#fff; --card:#fff; --text:#111; --mute:#555; --mute2:#888; --border:#e5e5e5; --sidebar:#f0f0ea;
  /* Keep text readable if light ever sticks on merchant shell */
  --ink:#111; --sidebar-border:#e5e5e5; --muted:#555; --muted-bg:#ecece6;
}

/* replica-strict3 */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.amount-xl .amt-cur{margin-right:2px}
.pad-num .pad-bk{display:inline-flex;align-items:center;justify-content:center}
.pad-num .pad-bk svg{display:block}

.nav a .ico,.search .ico{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex:0 0 18px}
.nav-ico{display:block}

.pager-row{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}


/* Home: single CTA (no dashed placeholder) */
.home-cta-wrap{max-width:560px;margin:0}
.home-cta-wrap .home-cta{display:flex;gap:18px;align-items:center}
.status-menu{position:absolute;z-index:30;right:0;top:110%;min-width:220px;background:var(--panel,#111);border:1px solid var(--border,#333);border-radius:10px;padding:8px;box-shadow:0 12px 40px rgba(0,0,0,.45)}
.status-menu .menu-section-label{font-size:11px;color:var(--mute2);padding:8px 10px 4px;text-transform:uppercase;letter-spacing:.04em}
.status-menu .cmd-item{display:block;width:100%;text-align:left;background:transparent;border:0;color:inherit;padding:8px 10px;border-radius:6px;cursor:pointer}
.status-menu .cmd-item:hover{background:rgba(255,255,255,.06)}
.oid-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.oid-row .oid{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}
.icon-btn{background:transparent;border:0;color:var(--mute);cursor:pointer;padding:2px 4px;border-radius:4px}
.icon-btn:hover{color:#fff;background:rgba(255,255,255,.06)}
.notes-toggle{background:transparent;border:0;color:var(--mute);cursor:pointer;font-size:12px;padding:0}
.notes-toggle:hover{color:#fff}
.order-notes{display:none;margin-top:8px;padding:8px 10px;border-radius:8px;background:rgba(255,255,255,.03);border:1px solid var(--border,#2a2a2a);max-width:360px}
.order-notes.open{display:block}
.order-note-line{font-size:12px;color:var(--mute);line-height:1.45;word-break:break-word}


.beso-confirm{padding:4px 2px}.beso-confirm-msg{margin:0 0 14px;line-height:1.45;color:var(--text,#eee)}



.btn.ghost-plain{border:0!important;background:transparent!important;color:var(--mute);padding:8px 10px;text-decoration:none!important;box-shadow:none}
.btn.ghost-plain:hover{color:#fff;background:rgba(255,255,255,.04)!important}
.orders-toolbar{gap:10px;margin-bottom:16px;align-items:stretch}
.orders-toolbar .search-field{position:relative;display:flex;align-items:center}
.orders-toolbar .search-ico{position:absolute;left:14px;color:var(--mute2);display:inline-flex;pointer-events:none}
.orders-toolbar .search-input{padding:12px 14px 12px 38px;border-radius:10px;font-size:14px;height:44px;background:#111;border:1px solid var(--border)}
.orders-toolbar .btn{height:44px;border-radius:10px;padding:0 14px;font-weight:500}
.orders-table-wrap{border:0;border-radius:0;background:transparent;overflow:visible}
table.orders-table{font-size:13.5px}
table.orders-table th{background:transparent;border-bottom:1px solid var(--border);padding:10px 12px;font-size:11px;letter-spacing:.05em;color:#8a8a8a}
table.orders-table td{padding:16px 12px;border-bottom:1px solid #1f1f1f;vertical-align:top}
table.orders-table tr:hover td{background:transparent}
.col-order .oid-top{display:flex;align-items:center;gap:6px}
.col-order .oid{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;color:#fff;font-weight:500}
.col-amt{font-weight:600;color:#fff;font-size:14px;white-space:nowrap}
.col-mute{color:var(--mute)}
.col-date{color:#e8e8e8;white-space:nowrap}
.col-menu{width:40px;text-align:right}
.icon-btn{background:transparent;border:0;color:var(--mute);cursor:pointer;padding:2px 4px;border-radius:4px;display:inline-flex;align-items:center;line-height:0;text-decoration:none}
.icon-btn:hover{color:#fff;background:rgba(255,255,255,.06)}
.notes-toggle{display:inline-flex;align-items:center;gap:4px;background:transparent;border:0;color:var(--mute);cursor:pointer;font-size:12px;padding:6px 0 0;margin:0}
.notes-toggle:hover{color:#fff}
.notes-chev{font-size:10px}
.order-notes{display:none;margin-top:6px;padding:0;border:0;background:transparent;max-width:420px}
.order-notes.open{display:block}
.order-note-line{font-size:12.5px;color:var(--mute);line-height:1.55;word-break:break-word;font-family:ui-sans-serif,system-ui,-apple-system,sans-serif}
.account-chip .meta b{font-weight:650}
.account-chip .chev{color:var(--mute2);font-size:11px;margin-left:4px}


/* —— fullround: sandbox banner + home dash + order drawer + scan —— */
.sandbox-banner{
  display:flex; align-items:center; gap:10px;
  margin:0 0 16px; padding:10px 14px; border-radius:8px;
  background:#2a2108; border:1px solid #c9a227; color:#f0d78c;
  font-size:13px; line-height:1.4;
  width:100%; box-sizing:border-box;
}
.sandbox-banner[hidden]{ display:none !important; }
.sandbox-banner .sb-ico{ flex:0 0 auto; }
.sandbox-banner .sb-link{
  background:none; border:0; padding:0; margin:0; color:inherit;
  text-decoration:underline; cursor:pointer; font:inherit;
}
#accountPlan.sandbox-label{ color:#f0b429 !important; font-weight:600; }

.home-welcome .home-sub{ margin:6px 0 0; font-size:14px; }
.home-qr-ph{ width:120px; height:120px; flex:0 0 120px; border-radius:10px; overflow:hidden; background:#fff; display:flex; align-items:center; justify-content:center; }
.home-skel .skel-bar{ height:14px; width:56%; margin-top:14px; border-radius:6px; background:rgba(255,255,255,.08); }
.stat.skel .val{ display:none; }

.home-dash{ display:flex; flex-direction:column; gap:16px; max-width:100%; width:100%; }
.bal-card{ padding:18px 18px 14px; }
.bal-top{ display:flex; justify-content:space-between; align-items:flex-start; gap:12px; }
.bal-amt{ font-size:34px; font-weight:650; letter-spacing:-.02em; margin-top:4px; }
.bal-actions{ display:flex; gap:8px; align-items:center; }
.btn.icon-square{ width:36px; height:36px; padding:0; display:inline-flex; align-items:center; justify-content:center; border-radius:10px; }
.bal-row{ display:flex; justify-content:space-between; align-items:center; gap:12px; margin-top:16px; padding-top:14px; border-top:1px solid var(--border,#222); flex-wrap:wrap; }
.bal-left{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.bal-right{ display:flex; align-items:center; gap:10px; }
.chain-ico{ width:22px; height:22px; border-radius:6px; display:inline-block; }
.chain-ico.base{ background:linear-gradient(135deg,#0052ff,#3b82f6); }
.chain-name{ font-weight:600; }
.addr.mono,.mono{ font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:13px; color:var(--mute); }
.bal-tok strong{ color:#fff; }

.vol-card{ padding:16px 18px 12px; }
.vol-hd{ display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; }
.vol-title{ background:none; border:0; color:inherit; font:inherit; font-weight:600; cursor:pointer; padding:0; }
.vol-title .chev{ color:var(--mute2); font-size:11px; margin-left:4px; }
.seg{ display:inline-flex; background:#141414; border:1px solid var(--border); border-radius:10px; padding:2px; gap:2px; }
.seg-btn{ background:transparent; border:0; color:var(--mute); padding:6px 10px; border-radius:8px; cursor:pointer; font-size:12px; font-weight:600; }
.seg-btn.on{ background:#fff; color:#111; }
.vol-sum{ margin:10px 0 8px; display:flex; align-items:baseline; gap:10px; flex-wrap:wrap; }
.vol-big{ font-size:28px; font-weight:650; }
.vol-chart-wrap{ position:relative; width:100%; }
.vol-chart-wrap canvas{ width:100%; height:220px; display:block; }
.vol-tip{ position:absolute; z-index:5; background:#1a1a1a; border:1px solid #333; border-radius:8px; padding:8px 10px; font-size:12px; pointer-events:none; min-width:140px; box-shadow:0 8px 24px rgba(0,0,0,.4); }
.vol-legend{ display:flex; gap:16px; font-size:12px; color:var(--mute2); margin-top:6px; }
.lg-this{ color:#ddd; }

.life-grid{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.life-card{ padding:16px 18px; }
.life-val{ font-size:28px; font-weight:650; margin-top:8px; }
@media (max-width:720px){ .life-grid{ grid-template-columns:1fr; } }

.recent-card{ padding:8px 0 4px; }
.recent-hd{ display:flex; justify-content:space-between; align-items:center; padding:10px 16px 6px; }
.recent-hd h2{ font-size:15px; margin:0; font-weight:600; }
.recent-hd .link{ color:var(--mute); text-decoration:none; font-size:13px; }
.recent-hd .link:hover{ color:#fff; }
.recent-row{ width:100%; display:grid; grid-template-columns:1fr auto auto auto; gap:12px; align-items:center; background:transparent; border:0; border-top:1px solid #1f1f1f; color:inherit; padding:14px 16px; cursor:pointer; text-align:left; }
.recent-row:hover{ background:rgba(255,255,255,.03); }
.r-amt{ font-weight:600; }
.r-when{ color:var(--mute); font-size:13px; white-space:nowrap; }
.r-chev{ color:var(--mute2); }

.send-modal{ min-width:min(420px,92vw); }
.send-hd{ display:flex; justify-content:space-between; align-items:center; margin-bottom:12px; }
.send-hd h3{ margin:0; font-size:18px; }
.send-modal .field{ display:flex; flex-direction:column; gap:6px; margin:12px 0; font-size:13px; color:var(--mute); }
.select-like{ text-align:left; width:100%; padding:12px 14px; border-radius:10px; border:1px solid var(--border); background:#111; color:#fff; cursor:pointer; }
.amt-row{ display:flex; gap:8px; }
.amt-row .input{ flex:1; }
.send-menu{ max-height:220px; overflow:auto; border:1px solid var(--border); border-radius:10px; background:#111; margin-top:6px; padding:4px; }
.send-menu .cmd-item{ display:block; width:100%; text-align:left; background:transparent; border:0; color:inherit; padding:10px 12px; border-radius:6px; cursor:pointer; }
.send-menu .cmd-item:hover{ background:rgba(255,255,255,.06); }

.orders-layout{ position:relative; min-height:calc(100vh - 40px); }
.orders-main{ flex:1; min-width:0; width:100%; }

.order-drawer-dim{
  position:fixed; inset:0; left:var(--sidebar-w,256px); z-index:40;
  background:rgba(0,0,0,.45); border:0; padding:0; cursor:pointer;
}
.order-drawer-dim[hidden]{ display:none !important; }
.order-drawer{
  position:fixed; top:0; right:0; bottom:0; z-index:50;
  width:365px; max-width:min(365px,100vw);
  border-left:1px solid #2a2a2a; background:#0f0f0f;
  padding:0; display:flex; flex-direction:column;
  box-shadow:-12px 0 40px rgba(0,0,0,.35);
}
.order-drawer[hidden]{ display:none !important; }
.od-panel{ display:flex; flex-direction:column; height:100%; min-height:0; }
.od-scroll{ flex:1; min-height:0; overflow:auto; padding:14px 16px 12px; }
.od-hd{ display:flex; justify-content:space-between; align-items:center; gap:8px; }
.od-title{ font-size:12.5px; color:#a3a3a3; display:flex; align-items:center; gap:6px; min-width:0;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-weight:400; letter-spacing:-0.01em; }
.od-title-txt{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.od-id{ font-family:inherit; color:#d4d4d4; font-size:13px; }
.od-close{ font-size:16px; color:#a3a3a3; width:32px; height:32px; font-family:system-ui,sans-serif; }
.od-amt{ font-size:28px; font-weight:600; margin:12px 0 12px; display:flex; align-items:center; gap:8px; flex-wrap:wrap; letter-spacing:-.02em;
  font-family:system-ui,-apple-system,Segoe UI,sans-serif; }
.od-amt-num{ color:#fff; }
.od-note{
  background:#1a1a1a; border:1px solid #2a2a2a; border-radius:10px;
  padding:10px 12px 12px; font-size:13px; margin:2px 0 16px;
}
.od-note-hd{
  font-size:10px; font-weight:600; letter-spacing:.12em; text-transform:uppercase;
  color:#8a8a8a; margin:0 0 4px;
}
.od-note-row{ display:block; line-height:1.4; font-size:13px; white-space:normal; }
.od-note-k{ color:#8a8a8a; }
.od-note-v{ color:#fff; word-break:break-word; }
.od-timeline{ display:flex; flex-direction:column; gap:12px; margin:0 0 16px; }
.od-step{
  display:grid; grid-template-columns:18px 1fr auto; gap:8px; align-items:center;
  font-size:13.5px;
}
.od-ico{ width:18px; height:18px; display:inline-flex; align-items:center; justify-content:center; flex:none; }
.od-check{ display:block; }
.od-wait{ display:block; }
.od-step-label{ font-weight:500; color:#fff; }
.od-step-time{ font-size:13px; color:#8a8a8a; justify-self:end; white-space:nowrap; }
.od-meta{
  display:flex; flex-direction:column; gap:12px; font-size:13px; margin:2px 0 14px;
}

.od-kv{
  display:grid; grid-template-columns:52px 1fr; gap:8px; align-items:start;
}
.od-kv-top{ align-items:start; }
.od-k{ color:#8a8a8a; padding-top:1px; white-space:nowrap; font-size:13px; }
.od-v{ color:#fff; text-align:left; }
.od-settle{ display:flex; flex-direction:column; align-items:flex-start; gap:4px; }
.od-settle-line{ font-weight:500; color:#fff; }
.od-settle-addr{ display:inline-flex; align-items:center; gap:4px; color:#a3a3a3; }
.od-settle-addr .mono{ font-size:12.5px; color:#a3a3a3; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; }
.od-foot{
  flex:none; display:flex; gap:8px; align-items:center;
  padding:14px 16px 16px; border-top:1px solid #1f1f1f; background:#0f0f0f;
}
.od-foot .grow{ flex:1; }
.od-copy-link{
  background:#1e1e1e !important; color:#fff !important; border:1px solid #2e2e2e !important;
  height:40px; border-radius:10px; font-weight:500; font-size:13.5px;
}
.od-copy-link:hover{ background:#262626 !important; }
.od-copy-link:disabled{ opacity:.45; }
.od-more{
  width:40px; height:40px; padding:0; border-radius:10px;
  background:#1e1e1e; border:1px solid #2e2e2e; color:#fff; font-size:18px; line-height:1;
}
.od-more:hover{ background:#262626; }
.od-menu{
  position:absolute; right:16px; bottom:70px; z-index:2;
  min-width:240px; border:1px solid var(--border); border-radius:12px;
  background:#141414; padding:6px; box-shadow:0 12px 40px rgba(0,0,0,.45);
}
.od-menu button{ display:flex; width:100%; text-align:left; gap:8px; align-items:center; justify-content:space-between; background:transparent; border:0; color:inherit; padding:10px 12px; border-radius:8px; cursor:pointer; font-size:13px; }
.od-menu button:hover:not(:disabled){ background:rgba(255,255,255,.05); }
.od-menu button:disabled{ opacity:.45; cursor:not-allowed; }
.od-menu button.danger{ color:#f87171; }
body.od-open{ overflow:hidden; }

.scan-wrap{ max-width:420px; margin:0 auto; padding:12px 0 40px; }
.scan-h{ font-size:28px; margin:8px 0 18px; font-weight:650; }
.scan-pad-card{ padding:16px; }
.scan-amt-box{ position:relative; margin-bottom:12px; }
.scan-amt-box .amount-xl{ text-align:center; padding:18px 12px; }
.scan-cur{ position:absolute; top:10px; right:10px; width:88px; }
.scan-show{ width:100%; margin-top:16px; padding:14px; font-weight:650; }
.scan-top{ display:flex; justify-content:space-between; align-items:center; }
.scan-steps{ padding-left:18px; line-height:1.7; margin:14px 0; }
.scan-steps .ok{ color:#86efac; }
.scan-steps .prog{ color:#fde68a; }
.details-toggle{ background:none; border:0; color:var(--mute); cursor:pointer; padding:0; font-size:13px; }
.scan-details{ margin-top:10px; padding:12px; }
.btn.sm{ padding:8px 12px; font-size:13px; height:auto; }

#mainPane{ display:flex; flex-direction:column; min-width:0; flex:1; }
#mainPane #view{ flex:1; min-width:0; }
.main.checkout-mode #sandboxBanner, .app.checkout-mode #sandboxBanner{ display:none !important; }
.ck-sand-hint{border:1px dashed #c9a227;background:#2a2108;color:#f0d78c;border-radius:10px;padding:10px 12px;font-size:13px;margin:0 0 14px}
.ck-confirm-block{display:flex;gap:10px;align-items:flex-start;margin:12px 0 8px}
.ck-confirm-block strong{display:block;margin-bottom:4px}
.ck-confirm-ico{width:28px;height:28px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.ck-tx-row{display:flex;gap:8px;margin:8px 0 12px}
.ck-tx-row .ck-input{flex:1;padding:12px 14px;border-radius:10px;border:1px solid #ddd;background:#fff;color:#111}
.ck-or{text-align:center;color:#888;font-size:12px;font-weight:700;margin:10px 0;letter-spacing:.04em}
.ck-drop{display:block;border:1px dashed #ccc;border-radius:12px;padding:22px 16px;text-align:center;color:#666;font-size:13px;cursor:pointer;background:#fafafa;margin:8px 0 12px}
.ck-drop:hover{border-color:#999;background:#f3f3f3}
.ck-link{display:inline-block;margin:4px 0 14px;color:#555;font-size:13px}
.ck-sand-sim{border:1px dashed #c9a227;border-radius:12px;padding:12px;margin:16px 0 8px;background:#fffdf5}
.ck-sand-sim-t{font-size:12px;color:#8a6d1a;margin-bottom:8px;font-weight:600}
.ck-sand-sim-row{display:flex;gap:8px;flex-wrap:wrap}
.ck-sand-btn{flex:1;min-width:120px;padding:12px;border-radius:10px;border:1px solid #e5d7a3;background:#fff;cursor:pointer;font-weight:600}
.ck-sand-btn:hover{background:#fff8e1}



.status-menu{min-width:220px;padding:8px 0;max-height:min(70vh,420px);overflow:auto}
.status-menu .menu-section-label{
  font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  color:#8a8a8a;padding:8px 14px 4px;
}
.status-menu .status-radio{
  display:flex;align-items:center;gap:10px;
  padding:8px 14px;font-size:14px;cursor:pointer;color:#111;
}
.status-menu .status-radio:hover{background:#f5f5f5}
.status-menu .status-radio input{
  appearance:none;-webkit-appearance:none;
  width:16px;height:16px;border-radius:50%;border:1.5px solid #c4c4c4;
  display:inline-grid;place-items:center;margin:0;flex:none;
}
.status-menu .status-radio input:checked{
  border-color:currentColor;background:currentColor;
  box-shadow:inset 0 0 0 3px var(--panel, #1a1a1a);
}
html.dark .status-menu .status-radio input{
  border-color:#8a8a8a;
}
html.dark .status-menu .status-radio input:checked{
  border-color:#fff;background:#fff;
  box-shadow:inset 0 0 0 3px #1a1a1a;
}
html.light .status-menu .status-radio input:checked{
  border-color:#111;background:#111;
  box-shadow:inset 0 0 0 3px #fff;
}
.order-notes{display:none;margin-top:6px}
.order-notes.open{display:block}
.ck-success-icon{margin:8px 0 12px}
.ck-fail-icon{
  width:48px;height:48px;border-radius:50%;
  display:grid;place-items:center;
  background:#fee2e2;color:#b91c1c;font-size:22px;font-weight:700;
  margin:8px 0 12px;
}
.qr-img{display:block;background:#fff}


.page-hd-stack{ display:flex; flex-direction:column; align-items:stretch; gap:6px; }
.page-hd-stack .page-hd-row{ display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; }
.page-hd-stack h1{ margin:0; }
.page-sub{ margin:0; font-size:13.5px; line-height:1.45; max-width:720px; }
.inline-code{
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:12px; color:#d4d4d4; background:#1a1a1a;
  border:1px solid #2a2a2a; border-radius:4px; padding:1px 6px;
}
.po-toolbar .input, .po-toolbar .select{ height:36px; }
.po-table tbody tr.po-row:hover{ background:rgba(255,255,255,.03); }


.stp-page{ max-width:100%; margin:0; padding:0 0 32px; width:100%; }
.stp-new{ max-width:420px; }
.stp-step{ margin:0 0 4px; font-size:13px; }
.stp-h{ font-size:28px; font-weight:650; margin:4px 0 20px; letter-spacing:-0.02em; }
.stp-pad-card{ padding:16px 16px 18px; border-radius:14px; background:#171717; border:1px solid #262626; }
.stp-amt-head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:4px; }
.stp-amt-label{ font-size:13px; color:#a3a3a3; }
.stp-cur{ width:88px; height:32px; font-size:13px; }
.stp-amt-display{ text-align:center; padding:14px 8px 18px; color:#e5e5e5; }
.stp-amt-display .amt-cur{ margin-right:2px; }
.stp-show{ width:100%; margin-top:14px; padding:14px; font-weight:650; border-radius:10px; }
.stp-new .pad-num{ max-width:100%; }
.stp-new .pad-num button{ background:#262626; border-color:#333; border-radius:10px; }

.stp-cols.legacy-grid{ display:grid; grid-template-columns:minmax(280px,1fr) minmax(280px,360px); gap:28px; align-items:start; }
@media (max-width:900px){ .stp-cols{ grid-template-columns:1fr; } }

.stp-amt{ font-size:40px; font-weight:650; letter-spacing:-0.03em; margin:0 0 18px; }
.stp-tl{ display:flex; flex-direction:column; gap:10px; margin-bottom:18px; }
.stp-tl-row.legacy-grid-killed{
  display:grid; grid-template-columns:36px 1fr auto;
}
.stp-tl-row.pending-legacy{ opacity:0.55; }
.stp-tl-title{ font-size:14px; font-weight:560; }
.stp-tl-side{ font-size:13px; color:#a3a3a3; font-variant-numeric:tabular-nums; }
.stp-badge{
  display:inline-flex; align-items:center; justify-content:center;
  width:22px; height:22px; border-radius:999px; font-size:12px; font-weight:700; color:#052e16; background:#22c55e;
}
.stp-pulse{
  display:inline-block; width:14px; height:14px; border-radius:999px; background:#3b82f6;
  box-shadow:0 0 0 0 rgba(59,130,246,.55); animation:stpPulse 1.6s ease-out infinite;
}
@keyframes stpPulse{
  0%{ box-shadow:0 0 0 0 rgba(59,130,246,.55); }
  70%{ box-shadow:0 0 0 10px rgba(59,130,246,0); }
  100%{ box-shadow:0 0 0 0 rgba(59,130,246,0); }
}
.stp-ring{
  display:inline-block; width:18px; height:18px; border-radius:999px;
  border:2px dashed #525252; box-sizing:border-box;
}

.stp-details-tog{
  display:inline-flex; align-items:center; gap:6px; background:transparent; border:0;
  color:#e5e5e5; font-size:14px; font-weight:560; padding:6px 0; cursor:pointer;
}
.stp-chev{ color:#a3a3a3; }
.stp-details{
  margin:8px 0 16px; padding:14px; border-radius:12px; background:#141414; border:1px solid #262626;
}
.stp-drow{ display:flex; justify-content:space-between; gap:12px; align-items:flex-start; padding:8px 0; font-size:13px; }
.stp-drow.stack{ flex-direction:column; align-items:stretch; gap:6px; }
.stp-dk{ color:#a3a3a3; flex:none; min-width:110px; }
.stp-dv{ color:#f5f5f5; text-align:right; word-break:break-all; }
.stp-dv.mono, .stp-linkbox-url{ font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:12px; }
.stp-dv.trunc{ max-width:220px; }
.stp-linkbox{
  display:grid; grid-template-columns:1fr auto auto; gap:6px; align-items:center;
  background:#0a0a0a; border:1px solid #2a2a2a; border-radius:10px; padding:8px 8px 8px 10px;
}
.stp-linkbox-url{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#d4d4d4; }
.stp-refresh{ margin-top:10px; display:inline-flex; align-items:center; gap:8px; }
.stp-dot{ display:inline-block; width:8px; height:8px; border-radius:999px; margin-right:6px; vertical-align:middle; }
.stp-dot.blue{ background:#3b82f6; }
.stp-dot.green{ background:#22c55e; }
.stp-dot.mute{ background:#737373; }
.icon-btn.inline{ display:inline-flex; vertical-align:middle; margin-left:4px; }
.stp-actions{ display:flex; gap:10px; margin-top:8px; }
.stp-actions .btn{ flex:1; justify-content:center; padding:12px; }

.stp-qr-card{
  position:relative; background:#171717; border:1px solid #262626; border-radius:16px;
  padding:28px 18px 16px; text-align:center; min-height:0;
  display:flex; flex-direction:column; align-items:center; justify-content:flex-start;
}
.stp-fs-btn{
  position:absolute; top:10px; right:10px; display:inline-flex; align-items:center; gap:6px;
  font-size:12px; padding:6px 10px;
}
.stp-qr-center{ display:flex; justify-content:center; margin:4px 0 10px; }
.stp-qr-wrap{
  
  position:relative; background:#ffffff; border-radius:12px; padding:12px; box-sizing:content-box;
  display:flex; align-items:center; justify-content:center;
}
.stp-qr-wrap .qr-img{ display:block; width:100%; height:100%; background:#ffffff; }
.stp-qr-logo{
  
  position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
  width:56px; height:56px; border-radius:12px; background:#ffffff;
  border:1px solid #e5e5e5; padding:6px; box-sizing:border-box;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 1px 2px rgba(0,0,0,.06);
  overflow:hidden;
}
.stp-qr-logo img{ width:100%; height:100%; object-fit:contain; border-radius:8px; }
.stp-qr-amt{ font-size:20px; font-weight:650; margin-top:2px; }
.stp-qr-hint{ color:#a3a3a3; font-size:13px; margin:4px 0 10px; }
.stp-methods{ display:flex; justify-content:center; gap:10px; align-items:center; flex-shrink:0; }
.stp-method-ico{ width:28px; height:28px; border-radius:8px; object-fit:contain; background:#0a0a0a; padding:3px; box-sizing:border-box; }

@media (max-height: 700px){
  .stp-h{ font-size:24px; margin:2px 0 12px; }
  .stp-page{ padding:0 0 16px; }
  .stp-qr-card{ padding:22px 14px 12px; }
  .stp-qr-center{ margin:2px 0 6px; }
  .stp-qr-hint{ margin:2px 0 8px; }
}

/* Fullscreen overlay */
.stp-fs{
  position:fixed; inset:0; z-index:80; background:#000; color:#fff;
  display:flex; align-items:center; justify-content:center; padding:24px;
}
.stp-fs-close{
  position:absolute; top:16px; right:16px; width:40px; height:40px; border-radius:10px;
  border:1px solid #333; background:#171717; color:#fff; cursor:pointer;
  display:grid; place-items:center;
}
.stp-fs-inner{ text-align:center; max-width:480px; width:100%; }
.stp-fs-merchant{ display:inline-flex; align-items:center; gap:10px; margin-bottom:12px; }
.stp-fs-av{
  width:28px; height:28px; border-radius:8px; background:#262626; display:inline-flex;
  align-items:center; justify-content:center; font-size:13px; font-weight:650;
}
.stp-fs-name{ font-size:14px; font-weight:560; }
.stp-fs-amt{ font-size:36px; font-weight:700; margin:8px 0 20px; letter-spacing:-0.02em; }
.stp-fs-qr{ display:flex; justify-content:center; margin-bottom:18px; }
.stp-fs-cta{ font-size:18px; font-weight:600; margin-bottom:18px; }
.stp-method-pills{ display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin-bottom:28px; }
.stp-pill{
  display:inline-flex; align-items:center; gap:6px; padding:6px 12px; border-radius:999px;
  background:#171717; border:1px solid #333; font-size:12px; color:#e5e5e5;
}
.stp-pill img{ width:16px; height:16px; object-fit:contain; }
.stp-fs-powered{ color:#737373; font-size:12px; }


/* —— Settings 1:1 (unsaved, toggles, apps, accents, webhooks) —— */
.settings-unsaved{
  position:sticky; bottom:16px; margin-top:24px; z-index:20;
  display:none; align-items:center; justify-content:space-between; gap:12px;
  padding:10px 14px; border-radius:10px;
  background:#1a1a1a; border:1px solid #333;
  box-shadow:0 8px 28px rgba(0,0,0,.45);
}
.settings-unsaved.show{ display:flex; }
.settings-unsaved-actions{ display:flex; gap:8px; align-items:center; }
.set-toggle-row{
  display:flex; align-items:flex-start; justify-content:space-between; gap:16px;
  padding:12px 0; border-bottom:1px solid var(--border,#262626);
}
.set-toggle-main{ flex:1; min-width:0; }
.locked-pill{
  display:inline-block; margin-left:8px; padding:2px 8px; border-radius:999px;
  font-size:11px; font-weight:500; color:#a3a3a3; background:#262626; border:1px solid #333;
}
.link-reveal{
  background:none; border:0; color:#a3a3a3; text-decoration:underline; cursor:pointer;
  font-size:12px; margin-left:8px; padding:0;
}
.link-reveal:hover{ color:#fff; }
.menu-pop .danger-item{ color:#ef4444 !important; }
.pay-app-row{ display:flex; flex-wrap:wrap; gap:6px; }
.pay-app-ico{
  width:28px; height:28px; border-radius:8px; display:inline-flex; align-items:center; justify-content:center;
  font-size:12px; font-weight:700; color:#fff;
}
.pay-apps-dialog{ max-width:560px; }
.pay-apps-grid{
  display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; margin:16px 0;
}
.pay-app-card{
  position:relative; display:flex; flex-direction:column; align-items:flex-start; gap:6px;
  padding:12px 10px; border-radius:12px; border:1px solid #333; background:#141414;
  text-align:left; min-height:96px;
}
.pay-app-card.on{ border-color:#555; }
.pay-app-check{
  position:absolute; top:8px; right:8px; width:18px; height:18px; border-radius:50%;
  background:#fff; color:#111; font-size:11px; font-weight:700;
  display:inline-flex; align-items:center; justify-content:center;
}
.pay-app-card:not(.on) .pay-app-check{ background:transparent; border:1px solid #444; color:transparent; }
.pay-app-badge{
  width:32px; height:32px; border-radius:10px; display:inline-flex; align-items:center; justify-content:center;
  color:#fff; font-weight:700; font-size:14px;
}
.pay-app-name{ font-size:13px; font-weight:600; }
.pay-app-region{ font-size:11px; color:#737373; }
.split-hd{ display:flex; justify-content:space-between; align-items:baseline; gap:12px; margin-bottom:8px; }
.split-row{ display:flex; align-items:center; gap:12px; }
.split-row input[type=range]{ flex:1; accent-color:#e8e8e8; }
.split-hints{ display:flex; justify-content:space-between; font-size:11px; color:#737373; margin-top:4px; }
.accent-row{ display:flex; flex-wrap:wrap; gap:10px; margin-top:8px; }
.accent-dot{
  width:28px; height:28px; border-radius:50%; border:2px solid transparent; padding:0; cursor:pointer;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);
  position:relative;
}
.accent-dot.on{
  border-color:transparent;
  box-shadow:0 0 0 2px #fff; 
  outline:2px solid transparent;
}
.accent-dot.on::after{ content:none !important; display:none !important; }
.accent-dot::after{ content:none; }
.btn.accent-save{
  display:flex; width:100%; margin-top:18px; height:44px; border-radius:10px;
  border:0; font-weight:600; font-size:14px; color:#fff;
  background:var(--accent-ui,#3b82f6);
  align-items:center; justify-content:center;
}
html.light .accent-dot.on{ box-shadow:0 0 0 2px #111; }
html.light .btn.accent-save{ color:#fff; }
.wh-dialog{ max-width:900px; }
.wh-dialog-grid{ display:grid; grid-template-columns:1fr 1.4fr; gap:20px; }
.wh-group{ margin-bottom:14px; }
.wh-group-label{ font-size:11px; letter-spacing:.04em; color:#737373; margin-bottom:6px; text-transform:uppercase; }
.wh-ev-count{ font-weight:600; margin-bottom:8px; }
.wh-tip{ display:inline-flex; width:14px; height:14px; border-radius:50%; border:1px solid #555; color:#aaa; font-size:10px; align-items:center; justify-content:center; }

/* Appearance Light: dark text on light surfaces */
html.light body, html.light .app{
  color:#111;
}
html.light .settings-tabs a{ color:#555; }
html.light .settings-tabs a.active{ color:#111; border-bottom-color:#111; }
html.light .acct-k, html.light .acct-sec-label, html.light h1, html.light h2{ color:#111; }
html.light .muted, html.light .muted2{ color:#666; }
html.light .settings-unsaved{ background:#fff; border-color:#e5e5e5; color:#111; box-shadow:0 8px 28px rgba(0,0,0,.12); }
html.light .am-switch{ background:#ccc; }
html.light .am-switch.on{ background:#111; }
html.light .am-switch.on .am-knob{ background:#fff; }
html.light .seg-btn.active{ background:#111; color:#fff; }
html.light .btn.pri{ background:#111; color:#fff; }
html.light .pay-app-card{ background:#fff; border-color:#e5e5e5; color:#111; }
html.light .menu-pop{ background:#fff; border-color:#e5e5e5; color:#111; }


/* Team manage dialog */
.team-dialog{ min-width:min(520px,92vw); }
.team-invite{ display:grid; grid-template-columns:1fr 140px auto; gap:8px; margin:0 0 16px; }
.team-sec-label{ font-size:11px; letter-spacing:.06em; text-transform:uppercase; color:#737373; margin:12px 0 8px; }
.team-list{ display:flex; flex-direction:column; gap:2px; }
.team-row{ display:flex; align-items:center; gap:10px; padding:10px 4px; border-bottom:1px solid rgba(255,255,255,.06); }
.team-row.pending{ opacity:.9; }
.team-meta{ flex:1; min-width:0; }
.team-meta b{ display:block; font-size:13px; font-weight:600; }
.team-role{ font-size:12px; color:#a3a3a3; min-width:72px; text-align:right; }
.account-chip .av.has-logo, .account-chip .av img{ padding:0; overflow:hidden; }
.acct-logo .av{ width:40px; height:40px; border-radius:10px; background:#2a2a2a; }
.ck-prev-brand{ display:flex; align-items:center; gap:8px; font-weight:600; margin-bottom:10px; }
.ck-prev-av{ width:28px; height:28px; border-radius:8px; background:#111; color:#fff; display:inline-flex; align-items:center; justify-content:center; font-size:12px; font-weight:700; overflow:hidden; flex:none; }
.ck-merchant{ display:flex; align-items:center; gap:10px; }
.ck-merchant-logo{ width:28px; height:28px; border-radius:8px; object-fit:cover; flex:none; }
html.light .team-row{ border-bottom-color:#eee; }
html.light .team-role{ color:#666; }
@media (max-width:560px){ .team-invite{ grid-template-columns:1fr; } }



.modal.modal-wide, #modalBody.modal-wide{
  width:min(900px,92vw) !important;
  max-width:92vw !important;
  max-height:min(860px,92vh);
  display:flex;
  flex-direction:column;
  padding:20px 22px 16px;
  overflow:hidden;
}
.modal.modal-apps, #modalBody.modal-apps{ width:min(560px,92vw) !important; max-width:560px !important; }
.modal.modal-team, #modalBody.modal-team{ width:min(560px,92vw) !important; }
.wh-dialog{ max-width:none; width:100%; display:flex; flex-direction:column; min-height:0; flex:1; }
.wh-dialog-grid{
  display:grid;
  grid-template-columns:minmax(200px,240px) minmax(0,1fr);
  gap:20px 24px;
  min-height:0;
  flex:1;
  align-items:stretch;
}
.wh-dialog-grid > div:first-child{ min-width:0; }
.wh-dialog-grid > div:last-child{ min-width:0; display:flex; flex-direction:column; min-height:0; }
.wh-groups{ max-height:min(420px,56vh); overflow:auto; padding-right:4px; flex:1; }
.wh-events, .wh-events-3{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:6px 10px;
}
.wh-ev{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  grid-template-rows:auto auto;
  column-gap:8px; row-gap:2px;
  align-items:start;
  font-size:12px; padding:4px 0; cursor:pointer;
  min-width:0;
}
.wh-ev input{ grid-row:1 / span 2; margin-top:2px; }
.wh-ev-label{ min-width:0; overflow-wrap:anywhere; line-height:1.25; }
.wh-ev-code{ grid-column:2; font-size:10px; color:#737373; margin-left:0; overflow-wrap:anywhere; }
.wh-dialog .foot{ flex-shrink:0; margin-top:14px; padding-top:10px; border-top:1px solid rgba(255,255,255,.08); }
@media (max-width:720px){
  .wh-dialog-grid{ grid-template-columns:1fr; }
  .wh-events, .wh-events-3{ grid-template-columns:repeat(2, minmax(0,1fr)); }
}
/* Payment app real logos */
.pay-app-ico.has-img, .pay-app-badge.has-img{
  background:#fff !important; padding:0; overflow:hidden;
}
.pay-app-ico.has-img img, .pay-app-badge.has-img img{
  width:100%; height:100%; object-fit:contain; display:block;
}
.pay-app-ico{ width:28px; height:28px; border-radius:8px; }
.pay-app-badge.has-img{ width:32px; height:32px; border-radius:10px; }



.stp-amt-card{
  background:#171717; border:1px solid #262626; border-radius:16px;
  padding:16px 18px 14px; margin-bottom:12px;
}
.stp-amt-card .stp-amt-label{
  font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:#a3a3a3; font-weight:600; margin-bottom:6px;
}
.stp-amt-card .stp-amt{ margin:0; font-size:36px; }
.stp-tl-row{ background:#171717; }
.stp-details-tog{
  display:inline-flex; align-items:center; gap:6px;
  margin:8px 0 4px; padding:4px 0; border:0; border-radius:0;
  background:transparent; color:#e5e5e5; font-size:14px; font-weight:560; cursor:pointer;
}
.stp-details-tog.open{ background:transparent; border:0; }
.stp-details-tog .stp-chev{ color:#a3a3a3; font-size:12px; }
.stp-left-card.legacy-unused{ background:#171717; } /* neutralized sandfix9 */



.pay-set-card{
  background:#171717; border:1px solid #262626; border-radius:14px; padding:6px 16px;
}
.pay-set-row{
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  padding:14px 0; border-bottom:1px solid rgba(255,255,255,.06);
}
.pay-set-card > .pay-set-row:last-child,
.pay-set-card > .set-toggle-row:last-of-type{ border-bottom:0; }
.pay-set-row-toggle{ display:block; padding:0; border-bottom:0; }
.pay-set-row-toggle .set-toggle-row{ border-bottom:0; padding:14px 0; }
.pay-set-label{ min-width:0; flex:1; }
.pay-set-ctrl{ display:flex; align-items:center; gap:10px; flex-shrink:0; }
.pay-set-apps{ max-width:60%; justify-content:flex-end; flex-wrap:wrap; }
.pay-set-cur .select{ min-width:220px; max-width:320px; }
.pay-split{ padding:4px 0 14px; border-bottom:1px solid rgba(255,255,255,.06); }
.pay-advanced{
  width:100%; display:flex; align-items:center; justify-content:space-between;
  background:transparent; border:0; border-top:1px solid rgba(255,255,255,.06);
  color:#e5e5e5; font:inherit; font-size:13px; font-weight:560; padding:14px 0; cursor:pointer; text-align:left;
}
.pay-set-card .set-toggle-row{ border-bottom-color:rgba(255,255,255,.06); }

.wh-dialog-hd{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px; }
.wh-ev-hint{ margin:4px 0 10px; font-size:12px; line-height:1.35; }
.account-chip .av{
  background:#fff !important; color:#0a0a0a !important; font-weight:700;
  display:inline-flex; align-items:center; justify-content:center;
}
.account-chip .av.has-logo, .account-chip .av img{
  /* workspace chip stays letter tile — never dark logo block */
  display:none !important;
}
.am-av, #acctAv{
  background:#262626; color:#fff; font-weight:700; display:inline-flex; align-items:center; justify-content:center;
}


.stp-page{ max-width:100%; margin:0; padding:0 0 24px; width:100%; } /* recenter: fill main-shell */
.stp-head{ margin:0 0 20px; }
.stp-step{ margin:0 0 4px; font-size:13px; line-height:1.25; color:#a3a3a3; font-weight:400; }
.stp-h{
  margin:0; font-size:24px; font-weight:700; letter-spacing:-0.025em; color:#fafafa;
  line-height:1.2;
}
@media (min-width:640px){
  .stp-h{ font-size:30px; } /* sm:text-3xl */
}


.stp-cols{
  display:flex; flex-direction:column; align-items:stretch; gap:24px; 
}
@media (min-width:1280px){
  .stp-cols{ flex-direction:row-reverse; }
}

@media (min-width:900px){
  .stp-cols{ flex-direction:row-reverse; }
}

/* Card = rounded-lg border bg-card shadow-sm → 8px, #262626, #141414 */
.stp-card{
  border:1px solid #262626; /* border-border dark */
  background:#141414;       /* bg-card hsl(0 0% 8%) */
  color:#fafafa;
  border-radius:8px;        /* rounded-lg / --radius .5rem */
  box-shadow:0 1px 2px rgba(0,0,0,.05);
  box-sizing:border-box;
}

/* Right QR card: relative flex min-w-0 flex-1 flex-col items-center gap-4 p-5 sm:p-6 text-center */
.stp-qr-card{
  position:relative; flex:1 1 0; min-width:0;
  display:flex; flex-direction:column; align-items:center; justify-content:flex-start; gap:16px;
  padding:20px; text-align:center;
  /* sandfix10: pack from top — do NOT vertically center QR when card stretches */
}
@media (min-width:640px){
  .stp-qr-card{ padding:24px; }
}


.stp-left-card{
  display:flex; flex-direction:column; gap:20px;
  padding:20px;
  width:100%;
  max-width:none;
  flex:1 1 0; /* share width with QR card below xl */
  min-width:0;
  margin:0 !important;
  border-radius:8px !important;
  border:1px solid #262626 !important;
  background:#141414 !important;
  box-sizing:border-box;
}
@media (min-width:640px){
  .stp-left-card{ padding:24px; }
}
@media (min-width:1280px){
  .stp-left-card{ flex:0 0 400px; width:400px; max-width:400px; }
}

.stp-amt-block{ display:flex; flex-direction:column; gap:4px; } /* space-y-1 */
.stp-amt-label{
  margin:0; font-size:11px; /* 0.6875rem */ font-weight:600;
  letter-spacing:0.09em; text-transform:uppercase; color:#a3a3a3;
}
.stp-amt{
  margin:0; font-size:36px; /* text-4xl */ font-weight:500;
  font-variant-numeric:tabular-nums; letter-spacing:-0.025em; color:#fafafa;
  line-height:1.1;
}

/* ol space-y-2.5 */
.stp-tl{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:10px; }
.stp-tl-row{
  display:block !important; 
  grid-template-columns:none !important;
  margin:0; border-radius:8px; border:1px solid #262626; background:#0a0a0a;
  padding:12px 16px;
}
.stp-tl-row.is-active,
.stp-tl-row[data-highlighted="true"]{
  border-color:rgba(250,250,250,.8); /* border-foreground/80 */
  background:rgba(38,38,38,.5); /* bg-muted/50 */
}
.stp-tl-row.is-pending{ opacity:1; }
.stp-tl-inner{ display:flex; align-items:center; justify-content:space-between; gap:12px; }
.stp-tl-main{ display:flex; align-items:center; gap:10px; min-width:0; flex:1; }
.stp-tl-ico{
  display:flex; width:16px; flex:none; justify-content:center; align-items:center;
}
.stp-tl-title{ margin:0; font-size:14px; font-weight:400; color:#fafafa; min-width:0; text-align:left; }
.stp-tl-title.is-mute{ color:#a3a3a3; }
.stp-tl-side{
  flex:none; font-size:12px; color:#a3a3a3; font-variant-numeric:tabular-nums; text-align:right;
}

/* Cr DONE: plain green number — NO filled circle */
.stp-num{
  display:block; width:16px; text-align:center;
  font-size:14px; font-weight:700; font-variant-numeric:tabular-nums;
  color:#34d399; /* dark:text-emerald-400 */
  line-height:1;
  background:none; border-radius:0;
}
/* CURRENT: h-2.5 w-2.5 rounded-full bg-blue-300 */
.stp-dot-blue{
  display:block; width:10px; height:10px; border-radius:999px; background:#93c5fd;
}
/* PENDING: h-4 w-4 rounded-full border-[1.5px] border-dashed */
.stp-ring{
  display:block; width:16px; height:16px; border-radius:999px;
  border:1.5px dashed rgba(163,163,163,.6); box-sizing:border-box;
  background:transparent; animation:none;
}

/* kill old badge circle if any remnant */
.stp-badge{ display:none !important; }
.stp-pulse{ display:none !important; }

.stp-details-wrap{ display:flex; flex-direction:column; align-items:flex-start; gap:8px; margin-top:4px; }
.stp-details-tog{
  display:inline-flex; align-items:center; gap:4px;
  margin:0; padding:4px 12px; border-radius:999px;
  border:1px solid #262626; background:transparent;
  color:#a3a3a3; font-size:12px; font-weight:400; cursor:pointer;
  line-height:1.25;
}
.stp-details-tog:hover{ background:#262626; color:#fafafa; }
.stp-details-tog .stp-chev{ font-size:11px; transition:transform .15s; display:inline-block; }
.stp-details-tog.open .stp-chev{ transform:rotate(180deg); }

.stp-details-box{
  width:100%; border-radius:8px; border:1px solid #262626;
  padding:12px 16px; box-sizing:border-box;
}
.stp-dl{
  display:grid; grid-template-columns:auto minmax(0,1fr);
  column-gap:16px; row-gap:8px; align-items:center;
  margin:0; font-size:12px;
}
.stp-dl dt{ margin:0; color:#a3a3a3; }
.stp-dl dd{ margin:0; color:#fafafa; font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; text-align:left; display:flex; align-items:center; gap:6px; min-width:0; }
.stp-dl dd.trunc{ overflow:hidden; }
.stp-dl dd.trunc a{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#fafafa; text-decoration:none; }
.stp-dl dd.break{ word-break:break-all; white-space:normal; }
.stp-dl .span2{ grid-column:1 / -1; }
.stp-ext{ display:inline-flex; color:#a3a3a3; }
.stp-ext svg{ width:14px; height:14px; }

.stp-details-more{ margin-top:12px; padding-top:12px; border-top:1px solid #262626; }
.stp-dl-more{ row-gap:10px; align-items:start; }
.stp-dl-more dd{ font-family:inherit; }
.stp-dl-more dd.mono{ font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; }
.stp-linkrow{ display:flex; align-items:flex-start; gap:6px; }
.stp-linkcode{
  flex:1; min-width:0; word-break:break-all; border-radius:6px; background:#262626;
  padding:4px 8px; font-size:12px; color:#a3a3a3;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
.stp-icon-btn{
  flex:none; width:32px; height:32px; border-radius:8px; border:1px solid #262626;
  background:transparent; color:#fafafa; display:inline-flex; align-items:center; justify-content:center;
  cursor:pointer; padding:0;
}
.stp-refresh{
  margin-top:12px; height:32px; padding:0 12px; border-radius:8px; border:1px solid #262626;
  background:transparent; color:#fafafa; font-size:13px; cursor:pointer;
  display:inline-flex; align-items:center; gap:8px;
}

/* mt-auto actions pinned to card bottom */
.stp-actions{
  margin-top:auto; display:flex; gap:12px; padding-top:4px;
}
.stp-btn{
  flex:1; height:40px; border-radius:8px; border:1px solid #262626;
  background:transparent; color:#fafafa; font-size:14px; font-weight:500;
  cursor:pointer;
}
.stp-btn:hover{ background:#1a1a1a; }
.stp-btn:disabled{ opacity:.45; cursor:default; }

/* Full screen: outline sm bordered */
/* sandfix9d fs clearance */
.stp-qr-hit{ margin-top:28px; }
.stp-fs-btn{
  position:absolute; top:16px; right:16px; z-index:2;
  display:inline-flex; align-items:center; gap:6px;
  height:36px; padding:0 12px; border-radius:8px;
  border:1px solid #262626; background:#141414; color:#fafafa;
  font-size:13px; font-weight:500; cursor:pointer;
}
.stp-fs-btn:hover{ background:#1f1f1f; }
.stp-fs-btn svg{ width:16px; height:16px; }

.stp-qr-hit{
  width:100%; max-width:384px; /* max-w-[24rem] */
  margin:0; padding:0; border:0; background:transparent; cursor:pointer;
  border-radius:12px;
}
.stp-qr-pad{
  
  width:276px; height:276px; aspect-ratio:1 / 1;
  max-width:min(276px, 100%);
  max-height:276px;
  margin:0 auto; box-sizing:border-box;
  background:#fff; border-radius:12px; padding:12px; /* p-3 */
  position:relative; flex:none;
}
.stp-qr-pad .stp-qr-wrap{
  width:100% !important; height:100% !important; padding:0 !important;
  background:transparent; border-radius:0; position:relative;
  display:block;
}
.stp-qr-pad .stp-qr-wrap svg,
.stp-qr-pad .stp-qr-wrap canvas,
.stp-qr-pad .stp-qr-wrap .qr-img{
  width:100% !important; height:100% !important; display:block;
}
.stp-qr-logo{
  position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
  width:56px; height:56px; border-radius:12px; background:#fff;
  border:1px solid #e5e5e5; padding:6px; box-sizing:border-box;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 1px 2px rgba(0,0,0,.06); overflow:hidden;
}
.stp-qr-logo img{ width:100%; height:100%; object-fit:contain; border-radius:8px; }

.stp-qr-amt{
  margin:0; font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:18px; /* text-lg */ font-weight:400; font-variant-numeric:tabular-nums; color:#fafafa;
}
.stp-qr-hint{ margin:0; font-size:12px; /* text-xs */ color:#a3a3a3; }

.stp-methods{
  list-style:none; margin:4px 0 0; padding:0;
  display:flex; flex-wrap:wrap; justify-content:center; gap:10px; /* gap-2.5 */
}
.stp-method-ico{
  width:32px; height:32px; /* h-8 w-8 */ border-radius:8px; object-fit:contain;
  background:#262626; padding:0; box-sizing:border-box;
}

/* Prefer equal card heights */
.stp-cols > .stp-card{ min-height:0; } /* sandfix10b: avoid inflating QR vertical center */

/* sandfix9c viewport fit: keep STP step2 actions/icons inside 1004x570 */
@media (max-height: 640px){
  .stp-page{ padding:0 0 12px; }
  .stp-head{ margin:0 0 12px; }
  .stp-qr-card{ gap:12px; padding:16px !important; }
  .stp-left-card{ gap:14px; padding:16px !important; }
  .stp-tl{ gap:8px; }
  .stp-tl-row{ padding:10px 14px; }
  .stp-amt{ font-size:30px; }
  .stp-qr-pad{ width:276px; height:276px; max-height:276px; }
}


/* ===== sandfix10 leftovers (QR tile kept; main flush REVERTED — user wants centered) ===== */
:root{ --sidebar-w: 224px; }
/* .main flush removed — see .main-shell */
.stp-page{ max-width:100% !important; margin:0 !important; width:100% !important; }
.account-chip .av{
  background:#fff !important; color:#0a0a0a !important;
  width:28px; height:28px; border-radius:6px;
  font-size:13px; font-weight:700;
}
.account-chip .av.has-logo{ background:#fff !important; }
.account-chip .av.has-logo img{ display:none !important; }
.stp-qr-pad{
  width:276px !important; height:276px !important;
  max-width:276px !important; max-height:276px !important;
}
.nav a .ico{ width:16px; height:16px; display:inline-flex; align-items:center; justify-content:center; opacity:.92; }


/* sandfix10b: QR top-packed (main padding owned by .main-shell) */
.stp-qr-card{ justify-content:flex-start !important; align-items:center; }
.stp-qr-hit{ margin-top:8px !important; } /* small clearance under absolute Full screen */
.stp-cols{ align-items:stretch; }
.stp-cols > .stp-card{ min-height:0; height:auto; align-self:stretch; }


/* sandfix10c residuals */
.stp-qr-card, .stp-left-card, .stp-card{
  border-radius:8px !important;
  background:#141414 !important;
  border:1px solid #262626 !important;
}
.stp-num{
  background:none !important; border-radius:0 !important;
  width:16px !important; height:auto !important;
  color:#34d399 !important; font-weight:700 !important;
  box-shadow:none !important;
}


.stp-cols{
  display:flex !important;
  flex-direction:row-reverse !important; /* QR first in DOM = visual right */
  align-items:stretch !important;
  gap:16px !important; 
}
.stp-left-card{
  flex:0 0 281px !important; 
  width:281px !important;
  max-width:281px !important;
  min-width:0 !important;
}
.stp-qr-card{
  flex:1 1 0 !important; 
  min-width:0 !important;
  justify-content:flex-start !important;
}
/* QR at top; $ / hint / methods near bottom — no dark slack */
.stp-qr-card > .stp-qr-amt{ margin-top:auto !important; }

@media (min-width:1280px){
  .stp-cols{ gap:24px !important; } 
  .stp-left-card{
    flex:0 0 400px !important; /* xl:w-[25rem] */
    width:400px !important;
    max-width:400px !important;
  }
}
@media (max-width:720px){
  .stp-cols{ flex-direction:column !important; gap:24px !important; }
  .stp-left-card{ flex:1 1 auto !important; width:100% !important; max-width:none !important; }
}

/* sandfix11 main asymmetric pad REMOVED — restore centered .main-shell */


.sandbox-banner{
  display:flex !important;
  align-items:flex-start !important;
  gap:8px !important;
  margin:0 0 16px !important;
  padding:10px 16px !important; /* ~py-2.5/3 px-4 */
  border-radius:8px !important; /* rounded-lg */
  background:rgba(69,26,3,.45) !important; 
  border:1px solid #92400e !important; /* amber-800, more visible brown edge */
  color:#fde68a !important; /* amber-200 */
  font-size:14px !important; /* text-sm */
  line-height:1.45 !important;
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
}
.sandbox-banner .sb-ico{
  flex:0 0 auto;
  margin-top:2px;
  color:#fbbf24; /* amber-400 */
  font-size:14px;
  line-height:1;
}
.sandbox-banner .sb-link{
  color:inherit !important;
  text-decoration:underline;
}


.stp-dot.red{ background:#f43f5e; }
.stp-stat-cancelled{ color:#fb7185; font-weight:500; }
.stp-x{ color:#f43f5e; display:block; }
.stp-tl-row.is-failed{
  border-color:rgba(244,63,94,.35);
}
.stp-qr-card--cancelled{
  display:flex; align-items:center; justify-content:center;
  min-height:320px;
}
.stp-cancel-empty{
  margin:auto; width:100%; max-width:24rem;
  border-radius:12px; border:1px dashed #404040;
  padding:48px 24px; text-align:center;
  font-size:14px; color:#a3a3a3; line-height:1.45;
  box-sizing:border-box;
}
.stp-refund-wrap{ flex:1; display:flex; }
.stp-btn-refund{
  width:100%;
  border-color:rgba(252,165,165,.45) !important;
  color:#f87171 !important;
  background:transparent !important;
}
.stp-btn-refund:disabled{
  opacity:.55; cursor:not-allowed;
}
.stp-methods{ list-style:none; margin:8px 0 0; padding:0; display:flex; flex-wrap:wrap; justify-content:center; gap:10px; }
.stp-methods li{ margin:0; padding:0; }
.stp-methods-empty{ font-size:12px; color:#a3a3a3; margin:8px 0 0; }
.stp-cur{
  height:28px; min-width:72px; width:auto; padding:0 8px;
  border-radius:6px; border:1px solid #333; background:#0a0a0a;
  color:#fafafa; font-size:12px; font-weight:500;
}


/* ===== RECENTER_MAIN_SHELL: restore pre-sandfix10 centered container ===== */
.main{
  flex:1 1 auto !important;
  min-width:0 !important;
  max-width:none !important;
  width:auto !important;
  padding:0 !important;
  overflow:auto !important;
}
.main-shell{
  width:100% !important;
  max-width:1200px !important;
  margin:0 auto !important;
  padding:28px 32px 48px !important;
  box-sizing:border-box !important;
}
.app.checkout-mode .main-shell,
.app.landing-mode .main-shell{
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
}
@media (max-width:960px){
  .main-shell{ padding:16px !important; }
}



#sidebar.cashier-mode .cashier-hide,
html.cashier-mode #sidebar .cashier-hide{ display:none !important; }
#sidebar.cashier-mode #btnSearch{ display:none !important; }
#sidebar.cashier-mode #sideNav{
  display:flex; flex-direction:column; gap:8px;
}
#sidebar.cashier-mode #sideNav a[data-route="scan"]{ order:1; }
#sidebar.cashier-mode #sideNav a[data-route="orders"]{ order:2; }
#sidebar.cashier-mode #sideNav a[data-route="settings"]{ order:3; }
#sidebar.cashier-mode #sideNav a{
  gap:16px; padding:10px 12px; border-radius:10px;
  font-size:1.0625rem; font-weight:560; line-height:1.25;
}
#sidebar.cashier-mode #sideNav a .nav-ico,
#sidebar.cashier-mode #sideNav a .ico svg.nav-ico{
  width:24px; height:24px;
}
#sidebar.cashier-mode #sideNav a .ico{ width:24px; }
.sidebar-foot{
  margin-top:auto; padding:12px 12px 14px;
  display:flex; flex-direction:column; align-items:stretch; gap:10px;
  color:var(--mute); font-size:13px;
}
.sidebar-foot .sf-row{ display:flex; align-items:center; gap:8px; padding:0 4px; }
.sidebar-foot .cashier-exit{
  display:flex; align-items:center; justify-content:center; gap:8px;
  width:100%; height:44px; padding:0 12px;
  border-radius:10px; border:1px solid var(--border,#333);
  background:transparent; color:var(--ink,#f5f5f5);
  font-size:14px; font-weight:540; cursor:pointer;
}
.sidebar-foot .cashier-exit:hover{ background:#141414; }
.set-sec{ margin:0 0 8px; }
.set-sec-hd{ margin-bottom:8px; }
.set-sec-desc{ margin:4px 0 0; font-size:13px; }
.set-card .set-toggle-row{ border-bottom:1px solid rgba(255,255,255,.06); }
.set-card .set-toggle-row:last-child{ border-bottom:0; }
.set-save-row{ display:flex; justify-content:flex-end; gap:12px; padding:12px 0 4px; }
.cashier-biz{ display:flex; align-items:center; gap:10px; }
.cashier-biz-logo{ width:32px; height:32px; border-radius:8px; object-fit:cover; border:1px solid #333; }
.cashier-biz-av{
  width:32px; height:32px; border-radius:8px; display:inline-flex; align-items:center; justify-content:center;
  background:#262626; color:#a3a3a3; font-size:13px; font-weight:600;
}
.cashier-biz-name{ font-size:13px; font-weight:540; color:var(--ink,#eee); max-width:220px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.set-card .set-save-row{ padding: 4px 16px 16px; margin:0; }
.set-card .set-toggle-row + .set-save-row{ border-top:1px solid rgba(255,255,255,.06); padding-top:12px; }


.set-card{
  background:#171717; border:1px solid #262626; border-radius:14px; padding:6px 16px;
}
.set-card > .set-toggle-row:last-child{ border-bottom:0; }


.qa-expand[hidden], .qa-save-row[hidden]{ display:none !important; }
.qa-row{ border-top:1px solid rgba(255,255,255,.06); }
.qa-seg{
  display:inline-flex; flex-wrap:wrap; align-items:center; gap:2px;
  border:1px solid #333; border-radius:10px; background:#0f0f0f; padding:2px;
}
.qa-seg-btn{
  appearance:none; border:0; background:transparent; color:#a3a3a3;
  border-radius:8px; padding:4px 12px; font-size:13px; font-weight:540; cursor:pointer;
  line-height:1.4; min-width:36px;
}
.qa-seg-btn:hover{ color:#eee; }
.qa-seg-btn.on{ background:#e8e8e8; color:#111; font-weight:600; }
.qa-amounts-block{ padding:14px 0; border-top:1px solid rgba(255,255,255,.06); }
.qa-amounts-label{ font-size:13px; font-weight:560; color:#eee; margin:0; }
.qa-amounts-grid{ display:grid; gap:12px; margin-top:12px; }
.qa-amounts-grid.qa-cols-2{ grid-template-columns:repeat(2,minmax(0,1fr)); }
.qa-amounts-grid.qa-cols-3{ grid-template-columns:repeat(2,minmax(0,1fr)); }
.qa-amounts-grid.qa-cols-4{ grid-template-columns:repeat(2,minmax(0,1fr)); }
@media (min-width:640px){
  .qa-amounts-grid.qa-cols-3{ grid-template-columns:repeat(3,minmax(0,1fr)); }
  .qa-amounts-grid.qa-cols-4{ grid-template-columns:repeat(4,minmax(0,1fr)); }
}
.qa-amt-wrap{ position:relative; }
.qa-amt-prefix{
  position:absolute; left:12px; top:50%; transform:translateY(-50%);
  font-size:13px; color:#8a8a8a; pointer-events:none;
}
.qa-amt-input{
  padding-left:28px !important; font-size:15px !important;
  -moz-appearance:textfield; appearance:textfield;
}
.qa-amt-input::-webkit-outer-spin-button,
.qa-amt-input::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }
.qa-active-badge{
  display:inline-flex; align-items:center; height:22px; padding:0 8px;
  border-radius:999px; background:#262626; color:#d4d4d4;
  font-size:11px; font-weight:560; white-space:nowrap; border:1px solid #333;
}
.set-card .qa-save-row{
  display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:12px;
  border-top:1px solid rgba(255,255,255,.06);
  padding:12px 0 10px; margin:0;
}


.stp-qa-grid{
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px;
  margin:10px 0 12px;
}
.stp-qa-btn{
  height:44px; min-width:0; padding:0 8px;
  border-radius:10px; border:1px solid #333; background:#111; color:#eee;
  font-size:15px; font-weight:540; cursor:pointer; tabular-nums;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.stp-qa-btn:hover{ background:#1a1a1a; }
.stp-qa-btn.on{ background:#e8e8e8; color:#111; font-weight:650; border-color:#e8e8e8; }

/* cashier4: stable settings shell — avoid blank/layout jump on tab switch */
.settings-panel{min-height:280px}
.settings-tabs{min-height:42px}
#sidebar,#sideNav,.sidebar-foot{contain:layout style}
.logo-lockup-img{content-visibility:auto}


/* ===== cashier5: QR center logo — full circular BESOFINANCE mark ===== */
.stp-qr-logo{
  width:56px !important; height:56px !important;
  padding:6px !important; box-sizing:border-box !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
  overflow:visible !important; /* do not clip the circle */
  background:#ffffff !important;
  border-radius:12px !important;
}
.stp-qr-logo img{
  width:100% !important; height:100% !important;
  max-width:100% !important; max-height:100% !important;
  object-fit:contain !important; object-position:center !important;
  border-radius:0 !important; /* avoid squishing corners of the mark */
  display:block !important;
}
.stp-fs-qr .stp-qr-logo,
.stp-fs-wrap .stp-qr-logo,
#stpFsRoot .stp-qr-logo{
  width:56px !important; height:56px !important; padding:6px !important;
}
/* /pay checkout QR center logo if shared class */
.ck-qr-logo, .pay-qr-logo{
  width:56px; height:56px; padding:6px; box-sizing:border-box;
  display:flex; align-items:center; justify-content:center;
  overflow:visible; background:#fff; border-radius:12px;
}
.ck-qr-logo img, .pay-qr-logo img{
  width:100%; height:100%; object-fit:contain; object-position:center; display:block;
}



.stake-page-hd{ margin-bottom:16px; }
.stake-hero{
  display:grid;
  grid-template-columns:1.15fr 0.85fr;
  gap:28px;
  padding:28px 28px 24px;
  align-items:start;
}
@media(max-width:900px){ .stake-hero{ grid-template-columns:1fr; gap:20px; } }
.stake-rail-icons{ display:flex; gap:8px; margin-bottom:14px; }
.stake-rail-ico{
  width:36px; height:36px; border-radius:10px;
  background:#111; border:1px solid var(--border,#2a2a2a);
  object-fit:contain; padding:4px; display:block;
}
.stake-hero-title{ font-size:22px; font-weight:600; letter-spacing:-0.02em; margin:0 0 10px; color:var(--text,#fff); }
.stake-hero-desc{ font-size:14px; line-height:1.5; max-width:42em; margin:0 0 18px; }
.stake-hero-actions{ display:flex; flex-wrap:wrap; align-items:center; gap:10px; }
.btn.linkish{
  background:transparent; border:0; color:var(--mute,#a3a3a3);
  padding:8px 4px; font-size:13px; cursor:pointer; text-decoration:underline; text-underline-offset:3px;
}
.btn.linkish:hover{ color:var(--text,#fff); }
.stake-hero-right{ display:flex; flex-direction:column; gap:10px; padding-top:4px; }
.stake-if-label{ font-size:13px; }
.stake-calc-box{
  display:flex; align-items:center; gap:10px;
  background:var(--bg,#0a0a0a); border:1px solid var(--border,#2a2a2a);
  border-radius:12px; padding:10px 14px; min-height:52px;
}
.stake-calc-input{
  flex:1; border:0 !important; background:transparent !important;
  box-shadow:none !important; font-size:28px; font-weight:600;
  padding:0 !important; min-width:0; color:var(--text,#fff);
}
.stake-calc-unit{ color:var(--mute,#a3a3a3); font-size:14px; white-space:nowrap; }
.stake-calc-result{ margin-top:4px; }
.stake-calc-line{ font-size:14px; color:var(--text,#fff); }
.stake-calc-line strong{ font-weight:600; }
.stake-calc-sub{ font-size:13px; margin-top:4px; }
.stake-empty{ text-align:center; padding:48px 16px; color:var(--mute2,#737373); font-size:13px; }
.stake-hist-grid{ display:flex; flex-direction:column; gap:14px; margin-top:8px; }
.stake-hist-h{ font-size:14px; font-weight:600; margin:0 0 10px; }
.stake-hist-empty{ font-size:13px; margin:0; }
.stake-table{ width:100%; font-size:13px; }
.stake-modal{ min-width:min(420px,92vw); position:relative; }
.stake-modal-hd{ display:flex; align-items:center; justify-content:space-between; margin-bottom:14px; }
.stake-modal-hd h3{ margin:0; font-size:16px; }
.stake-modal .ck-modal-x{ border:0; background:transparent; font-size:22px; line-height:1; cursor:pointer; color:#8a8a8a; padding:0 2px; }
.stake-modal .ck-modal-x:hover{ color:#fff; }
.stake-row{ display:flex; justify-content:space-between; align-items:center; gap:12px; font-size:13px; }
.stake-vault{
  margin:14px 0 4px; padding:12px 14px; border-radius:12px;
  background:rgba(255,255,255,.03); border:1px solid var(--border,#2a2a2a);
}
.stake-vault-label{ margin-bottom:8px; font-size:12px; }
.stake-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:8px; font-size:13px; }
.stake-amt-row{ display:flex; align-items:center; gap:8px; }
.stake-amt-row .input{ flex:1; }
.stake-pct{ display:flex; gap:6px; margin-top:8px; }
.stake-pct .btn.sm{ flex:1; justify-content:center; }
.stake-how-list{ margin:8px 0 0; padding-left:18px; font-size:13px; line-height:1.55; color:var(--mute,#a3a3a3); }
.stake-how-list li{ margin-bottom:8px; }
.stake-how-list strong{ color:var(--text,#fff); }


.stake-records{margin-top:8px;overflow:auto}
.stake-records .stake-table th{font-weight:500;color:var(--mute2,#737373);text-align:left;padding:10px 12px;border-bottom:1px solid var(--line,#eaeaea)}
.stake-records .stake-table td{padding:12px;border-bottom:1px solid var(--line,#f0f0f0);vertical-align:middle}
.stake-records .stake-table tr:last-child td{border-bottom:0}
.sidebar-foot{display:flex;flex-direction:column;gap:8px;padding:12px 16px}
.sidebar-foot .sf-row{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--mute,#888)}

/* build staking2 */


.ck-support{
  position:fixed;right:18px;bottom:18px;height:44px;min-width:44px;padding:0 14px;
  border-radius:999px;background:#111;color:#fff;border:0;font-weight:600;
  box-shadow:0 8px 24px rgba(0,0,0,.2);display:inline-flex;align-items:center;gap:8px;
  font-size:13px;z-index:90;cursor:pointer;width:auto;
}
.ck-support-q{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:999px;background:rgba(255,255,255,.15);font-size:12px}
.ck-timer-bar{
  background:#f3efe6;border-radius:12px;padding:10px 12px;margin:0 0 16px !important;
}
.ck-steps{position:relative}
.ck-steps::before{
  content:"";position:absolute;left:14px;right:14px;top:14px;height:2px;background:#e5e5e5;z-index:0;
}
.ck-steps .s{position:relative;z-index:1}
.ck-steps .dot{position:relative;z-index:1}
.ck-verified{
  display:inline-flex;align-items:center;gap:6px;margin-top:6px;padding:4px 10px;border-radius:999px;
  background:#e8f8ef;color:#157a45;font-size:12px;font-weight:600;
}
.ck-issues{margin-top:10px;padding:10px 12px;background:#eef6ff;border-radius:0 0 12px 12px}
.ck-issues .ck-linkish{color:#1a5fb4;text-decoration:underline;background:none;border:0;font:inherit;cursor:pointer;padding:0}
.ck-qr-title{font-size:14px;font-weight:600;color:#111;margin:0 0 8px}
.ck-return-outline{
  display:inline-flex;align-items:center;justify-content:center;margin-top:14px;
  padding:12px 18px;border-radius:999px;border:1.5px solid #111;background:#fff;color:#111;
  font:inherit;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:3px;
}
.ck-info-box{margin:18px 0 0;padding:12px 14px;background:#eaf3ff;border-radius:12px;color:#1a3a66;font-size:13px;text-align:left;width:100%;max-width:360px}
.ck-verify-clock{font-size:42px;line-height:1;margin:8px 0 10px}
.ck-center-note{text-align:center;margin:4px 0 8px !important}
.ck-unavail-hd{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#8a8a8a;font-weight:700;margin:14px 0 8px}


/* === qr-support1: pay-step QR vertical stack + support feedback === */
.ck-shell[data-ck-phase="pay"] .ck-qr-row.ck-qr-stack{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:14px !important;
  margin:16px 0 !important;
  padding:16px 14px 18px !important;
  border-radius:14px !important;
  background:#f6f6f1 !important;
  text-align:center !important;
}
.ck-shell[data-ck-phase="pay"] .ck-qr-row.ck-qr-stack .ck-qr-box{
  width:220px !important;
  height:220px !important;
  flex:0 0 auto !important;
  border:1px solid #eee !important;
  border-radius:14px !important;
  display:grid !important;
  place-items:center !important;
  background:#fff !important;
  position:relative !important;
  overflow:visible !important;
  margin:0 auto !important;
}
.ck-shell[data-ck-phase="pay"] .ck-qr-row.ck-qr-stack .ck-qr-box .ck-qr-wrap{
  position:relative;
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  border-radius:12px;
  padding:10px;
  box-sizing:border-box;
}
.ck-shell[data-ck-phase="pay"] .ck-qr-row.ck-qr-stack .ck-qr-box .ck-qr-wrap .qr-img,
.ck-shell[data-ck-phase="pay"] .ck-qr-row.ck-qr-stack .ck-qr-box .ck-qr-wrap svg{
  width:100% !important;
  height:100% !important;
  display:block;
}
.ck-shell[data-ck-phase="pay"] .ck-qr-row.ck-qr-stack .ck-qr-logo{
  position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
  width:56px; height:56px; border-radius:50%;
  background:#fff; border:1px solid #e5e5e5; padding:5px; box-sizing:border-box;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 1px 2px rgba(0,0,0,.06); overflow:hidden; z-index:2;
}
.ck-shell[data-ck-phase="pay"] .ck-qr-row.ck-qr-stack .ck-qr-logo img{
  width:100%; height:100%; object-fit:contain; object-position:center; display:block;
  border-radius:50%;
}
.ck-shell[data-ck-phase="pay"] .ck-qr-row.ck-qr-stack .ck-qr-meta{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  width:100% !important;
  min-width:0 !important;
  text-align:center !important;
}
.ck-shell[data-ck-phase="pay"] .ck-qr-row.ck-qr-stack .ck-qr-title{
  margin:0 !important;
  text-align:center !important;
  font-weight:700 !important;
  font-size:14px !important;
  color:#0b0b0b !important;
}
.ck-shell[data-ck-phase="pay"] .ck-qr-row.ck-qr-stack a.ck-pay-outline,
.ck-shell[data-ck-phase="pay"] .ck-qr-row.ck-qr-stack #payLink.ck-pay-outline{
  margin:0 auto !important;
}
.ck-support-status{
  margin-top:10px; padding:10px 12px; border-radius:10px; font-size:13px; line-height:1.4;
}
.ck-support-status.ok{ background:#ecfdf5; border:1px solid #a7f3d0; color:#065f46; }
.ck-support-status.err{ background:#fef2f2; border:1px solid #fecaca; color:#991b1b; }
.ck-support-status.warn{ background:#fff7ed; border:1px solid #fed7aa; color:#9a3412; }


.ck-cancel-card{width:min(400px,100%)}
.ck-cancel-desc{margin:0 0 18px;font-size:13px;line-height:1.45;color:#5b5b5b}
.ck-cancel-actions{display:flex;flex-direction:column;gap:8px}
.ck-cancel-actions .ck-secondary{
  width:100%;margin:0;border:1px solid #e5e5e5;background:#f5f5f5;border-radius:10px;
  padding:12px;font-size:13px;font-weight:600;color:#0b0b0b;cursor:pointer
}
.ck-cancel-actions .ck-cancel-confirm{
  width:100%;margin:0;background:#111;border:1px solid #111;color:#fff;border-radius:10px;
  padding:12px;font-size:13px;font-weight:700;cursor:pointer
}
.ck-cancel-actions .ck-cancel-confirm:hover{background:#000}
.ck-standalone-body .modal-backdrop{
  position:fixed;inset:0;background:rgba(0,0,0,.35);display:none;align-items:center;justify-content:center;z-index:90;padding:16px
}
.ck-standalone-body .modal-backdrop.show{display:flex}
.ck-standalone-body .modal-backdrop .modal{
  width:min(420px,100%);background:#fff;border:1px solid #121212;border-radius:16px;padding:16px 18px;
  box-shadow:0 20px 50px rgba(0,0,0,.2);color:#111
}
.ck-standalone-body .beso-confirm-msg{color:#111}


/* Platform-owner Support inbox */
a.admin-only[hidden], .admin-only[hidden]{ display:none !important; }
.support-layout{ max-width:1100px; margin:0 auto; }
.support-toolbar{ display:flex; gap:10px; flex-wrap:wrap; align-items:center; margin-bottom:14px; }
.support-toolbar .grow{ flex:1; min-width:180px; }
.support-table td.msg-cell{ max-width:360px; white-space:pre-wrap; word-break:break-word; font-size:13px; line-height:1.45; }
.support-table .sup-status{ display:inline-block; padding:2px 8px; border-radius:999px; font-size:11px; font-weight:600; letter-spacing:.02em; }
.support-table .sup-status.open{ background:#3a2a0a; color:#f5c84b; }
.support-table .sup-status.read{ background:#1a2a3a; color:#7eb6ff; }
.support-table .sup-status.handled{ background:#14301f; color:#6ddea0; }
.support-actions{ display:flex; gap:6px; flex-wrap:wrap; }
.support-empty{ padding:28px; text-align:center; color:var(--mute2); }
.support-meta{ font-size:12px; color:var(--mute2); }

/* Sensitive Developer lock gate */
.beso-lock-gate{display:flex;justify-content:center;padding:36px 12px 56px;min-height:420px;align-items:flex-start}
.beso-lock-card{width:min(420px,100%);border:1px solid var(--border,rgba(255,255,255,.12));border-radius:16px;padding:28px 24px;background:var(--elev,#161616);box-shadow:0 10px 40px rgba(0,0,0,.25)}
.beso-lock-brand{font-weight:800;letter-spacing:.12em;font-size:12px;opacity:.85;margin-bottom:10px}
.beso-lock-card h1,.beso-lock-card h2{font-size:20px;margin:0 0 8px}
.beso-lock-card .lead{font-size:13px;color:var(--muted2,#999);margin:0 0 18px;line-height:1.5}
.beso-lock-label{display:block;font-size:12px;font-weight:600;margin-bottom:6px}
.beso-lock-input{width:100%;box-sizing:border-box;padding:12px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.14);font-size:15px;background:rgba(0,0,0,.25);color:inherit}
.beso-lock-input:focus{outline:2px solid #fff;outline-offset:1px}
.beso-lock-btn{margin-top:14px;width:100%;padding:12px 14px;border:0;border-radius:10px;background:#fff;color:#111;font-weight:700;cursor:pointer;font-size:14px}
.beso-lock-btn:disabled{opacity:.5;cursor:wait}
.beso-lock-err{color:#f87171;font-size:13px;margin:10px 0 0;font-weight:600}
html.light .beso-lock-card{background:#fff;border-color:#e5e5e5;box-shadow:0 10px 40px rgba(0,0,0,.06);color:#111}
html.light .beso-lock-input{background:#fafafa;border-color:#d4d4d4;color:#111}
html.light .beso-lock-btn{background:#111;color:#fff}