/* Shalvata Platform 6.1 — premium verification experience.
   Pure presentation layer: it does not change authentication, KYC, device or approval rules. */
:root{
  --vx-ink:#121a20;
  --vx-muted:#667780;
  --vx-soft:#f5f7f8;
  --vx-line:#e4e9ec;
  --vx-card:#fff;
  --vx-accent:#00a5bf;
  --vx-accent-2:#35c5d7;
  --vx-success:#0d8a5b;
  --vx-warning:#b87700;
  --vx-danger:#c9423b;
  --vx-radius-xl:30px;
  --vx-radius-lg:22px;
  --vx-radius-md:16px;
  --vx-shadow:0 26px 70px rgba(21,43,54,.12),0 2px 10px rgba(21,43,54,.06);
  --vx-shadow-soft:0 14px 34px rgba(21,43,54,.08);
  --vx-ease:cubic-bezier(.2,.8,.2,1);
}

html{background:#edf2f4}
body.vx-verification{
  min-height:100dvh;
  color:var(--vx-ink);
  background:
    radial-gradient(circle at 15% 0%,rgba(0,165,191,.10),transparent 33rem),
    radial-gradient(circle at 85% 10%,rgba(74,211,223,.08),transparent 26rem),
    linear-gradient(180deg,#fbfcfc 0%,#f4f7f8 48%,#eef3f5 100%);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body.vx-verification::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;
  background-image:linear-gradient(rgba(11,37,48,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(11,37,48,.025) 1px,transparent 1px);
  background-size:40px 40px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.4),transparent 72%);
}
body.vx-verification *{box-sizing:border-box}
body.vx-verification button,body.vx-verification input,body.vx-verification select{font:inherit}
body.vx-verification button,body.vx-verification a{touch-action:manipulation}

/* Shared premium top rail */
.vx-stage-dock{
  position:fixed;top:max(10px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);
  z-index:1000;width:min(620px,calc(100% - 26px));
  display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;
  padding:9px 11px;border:1px solid rgba(255,255,255,.75);border-radius:18px;
  background:rgba(255,255,255,.82);backdrop-filter:blur(24px) saturate(150%);
  box-shadow:0 14px 44px rgba(22,50,61,.10);
  transition:opacity .25s var(--vx-ease),transform .25s var(--vx-ease);
}
.vx-stage-dock[hidden]{display:none}
.vx-stage-dock__mark{width:32px;height:32px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#0e2630,#173d4a);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.vx-stage-dock__mark::before{content:"";width:13px;height:16px;border:2px solid currentColor;border-radius:8px 8px 6px 6px;clip-path:polygon(0 26%,100% 26%,100% 100%,0 100%)}
.vx-stage-dock__copy{min-width:0;display:grid;gap:4px}
.vx-stage-dock__copy b{font-size:12px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vx-stage-dock__meter{height:4px;border-radius:999px;background:#e9eef0;overflow:hidden}
.vx-stage-dock__meter i{display:block;width:var(--vx-progress,12%);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--vx-accent),var(--vx-accent-2));transition:width .5s var(--vx-ease)}
.vx-stage-dock__step{font-size:11px;font-weight:800;color:#59707b;background:#f0f4f5;border:1px solid #e1e8eb;padding:6px 9px;border-radius:10px;white-space:nowrap}

/* customer gate / onboarding */
body.vx-verification .gate-brand-header{
  border:0;background:transparent;box-shadow:none;padding-top:max(74px,calc(env(safe-area-inset-top) + 66px));
}
body.vx-verification .gate-brand-header .gate-brand-mark{box-shadow:var(--vx-shadow-soft);background:#fff;border:1px solid var(--vx-line)}
body.vx-verification .gate-brand-secure{border:1px solid #dce9e6;background:#f2faf7;color:#126947;border-radius:999px;padding:7px 10px;font-weight:800}
body.vx-verification .ambient{opacity:.22;filter:saturate(.55)}

body.vx-verification .gate-screen,body.vx-verification .screen.splash{
  min-height:calc(100dvh - 78px);padding:22px 14px max(34px,env(safe-area-inset-bottom));align-items:center;
}
body.vx-verification .gate-card,body.vx-verification .splash-shell{
  width:min(620px,100%);border-radius:var(--vx-radius-xl);background:rgba(255,255,255,.96);
  border:1px solid rgba(217,228,233,.9);box-shadow:var(--vx-shadow);padding:clamp(22px,5vw,42px);
  position:relative;overflow:hidden;
}
body.vx-verification .gate-card::before,body.vx-verification .splash-shell::before{
  content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--vx-accent),#42d7dc 58%,#9be7e7);opacity:.95
}
body.vx-verification .gate-card::after,body.vx-verification .splash-shell::after{
  content:"";position:absolute;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(0,165,191,.09),transparent 68%);inset:-110px -90px auto auto;pointer-events:none
}
body.vx-verification .gate-eyebrow,body.vx-verification .upgrade-kicker{
  display:inline-flex;align-items:center;gap:7px;width:max-content;max-width:100%;font-size:11px;font-weight:900;letter-spacing:.03em;color:#08758b;background:#eaf8fa;border:1px solid #cfedf1;border-radius:999px;padding:6px 9px;text-transform:none
}
body.vx-verification .gate-eyebrow::before,body.vx-verification .upgrade-kicker::before{content:"";width:6px;height:6px;border-radius:50%;background:#10a7ba;box-shadow:0 0 0 4px rgba(16,167,186,.10)}
body.vx-verification h1{letter-spacing:-.035em;line-height:1.04;color:#13222a}
body.vx-verification .gate-card>h1,body.vx-verification .verification-intro h1,body.vx-verification .splash-shell h1{font-size:clamp(30px,7vw,48px);margin:16px 0 10px}
body.vx-verification .gate-card>p,body.vx-verification .verification-intro>p,body.vx-verification .splash-shell>p{color:var(--vx-muted);font-size:15px;line-height:1.75;max-width:48ch}

/* step header becomes compact financial-app style */
body.vx-verification .premium-step-header{
  display:grid;grid-template-columns:1fr auto;gap:14px;align-items:end;padding:0 0 22px;margin:0 0 24px;border-bottom:1px solid #e9eef0
}
body.vx-verification .premium-step-header>div:first-child{display:grid;gap:4px}
body.vx-verification .premium-step-header span{font-size:12px;font-weight:700;color:#74858d}
body.vx-verification .premium-step-header b{font-size:14px;color:#1e333c}
body.vx-verification .step-meter{grid-column:1/-1;height:6px;border-radius:999px;background:#edf1f2;overflow:hidden}
body.vx-verification .step-meter i{display:block;width:var(--p);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--vx-accent),#4bd9d9);box-shadow:0 0 0 1px rgba(255,255,255,.3) inset;transition:width .45s var(--vx-ease)}

/* journey */
body.vx-verification .verification-journey{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:24px 0}
body.vx-verification .journey-card{min-height:94px;border:1px solid #e3e9eb;border-radius:18px;background:#f8fafb;padding:14px;position:relative;overflow:hidden;transition:.3s var(--vx-ease)}
body.vx-verification .journey-card div{display:grid;gap:2px}
body.vx-verification .journey-card span{font-size:10px;font-weight:900;color:#98a5aa}
body.vx-verification .journey-card b{font-size:13px;color:#243a44}
body.vx-verification .journey-card small{font-size:11px;color:#7b8b92}
body.vx-verification .journey-card[data-state="active"]{background:#effbfc;border-color:#9ddfe6;box-shadow:0 10px 24px rgba(0,150,174,.09);transform:translateY(-2px)}
body.vx-verification .journey-card[data-state="done"],body.vx-verification .journey-card[data-state="approved"]{background:#f0faf5;border-color:#b9e4cf}
body.vx-verification .journey-card[data-state="done"]::after,body.vx-verification .journey-card[data-state="approved"]::after{content:"✓";position:absolute;left:10px;top:10px;width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#118d5d;color:#fff;font-size:12px;font-weight:900}

/* action panels */
body.vx-verification .verification-action{
  border:1px solid #e0e7ea;border-radius:22px;background:#fff;padding:22px;box-shadow:0 12px 30px rgba(23,51,63,.06);animation:vx-rise .35s var(--vx-ease) both
}
body.vx-verification .verification-action h2{font-size:24px;letter-spacing:-.025em;margin:12px 0 6px;color:#172830}
body.vx-verification .verification-action>p{color:#6d7f87;line-height:1.65}
body.vx-verification .premium-form{gap:13px;margin-top:20px}
body.vx-verification label{font-weight:750;color:#253b45}
body.vx-verification input,body.vx-verification select{
  min-height:54px;border-radius:15px!important;border:1px solid #dce4e7!important;background:#f9fbfb!important;color:#182a33!important;padding:0 15px!important;outline:0;transition:border-color .2s,box-shadow .2s,background .2s
}
body.vx-verification input:focus,body.vx-verification select:focus{border-color:#6ecdd9!important;background:#fff!important;box-shadow:0 0 0 4px rgba(0,165,191,.10)!important}
body.vx-verification .premium-file{border:1.5px dashed #c7d8de;border-radius:18px!important;background:#f7fafb!important;min-height:112px;padding:16px!important;display:grid!important;place-items:center;text-align:center;gap:4px;transition:.2s}
body.vx-verification .premium-file:has(input:focus),body.vx-verification .premium-file.vx-file-ready{border-color:#48bac9;background:#effafc!important;box-shadow:0 0 0 4px rgba(0,165,191,.08)}
body.vx-verification .premium-file input{min-height:0;border:0!important;background:transparent!important;padding:4px!important;max-width:100%}
body.vx-verification .premium-file b{font-size:11px;color:#84939a}
body.vx-verification .vx-file-meta{font-size:12px;color:#08758b;font-weight:800;margin-top:3px}

body.vx-verification button.primary,body.vx-verification .upgrade-button.primary,body.vx-verification a.primary{
  min-height:54px;border:0;border-radius:16px!important;background:linear-gradient(135deg,#0f9eb6,#20b8c7)!important;color:#fff!important;font-weight:850!important;box-shadow:0 12px 26px rgba(0,150,174,.23);position:relative;overflow:hidden;transition:transform .18s var(--vx-ease),box-shadow .18s var(--vx-ease),filter .18s
}
body.vx-verification button.primary:hover,body.vx-verification .upgrade-button.primary:hover{filter:brightness(1.02);box-shadow:0 16px 32px rgba(0,150,174,.28);transform:translateY(-1px)}
body.vx-verification button.primary:active,body.vx-verification .upgrade-button.primary:active{transform:scale(.985)}
body.vx-verification button.primary::after{content:"";position:absolute;inset:-50% auto -50% -35%;width:32%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transform:skewX(-18deg);transition:left .5s}
body.vx-verification button.primary:hover::after{left:115%}
body.vx-verification button.secondary,body.vx-verification .upgrade-button:not(.primary),body.vx-verification a.secondary{
  min-height:50px;border-radius:15px!important;background:#f3f6f7!important;color:#23404c!important;border:1px solid #dee7ea!important;font-weight:800!important;box-shadow:none!important
}
body.vx-verification button:disabled{opacity:.58;cursor:wait;filter:saturate(.55)}

/* camera / biometric experience */
body.vx-verification .camera-frame,body.vx-verification .liveness-capture .camera-frame{
  width:min(330px,78vw);aspect-ratio:1;border-radius:50%;margin:24px auto;background:#07161c;border:8px solid #fff;box-shadow:0 0 0 1px #d6e4e8,0 20px 55px rgba(21,47,58,.18);position:relative;overflow:hidden
}
body.vx-verification .camera-frame::before,body.vx-verification .liveness-capture .camera-frame::before{content:"";position:absolute;inset:7%;border:2px solid rgba(95,224,224,.68);border-radius:45% 45% 48% 48%;z-index:4;pointer-events:none;filter:drop-shadow(0 0 8px rgba(65,217,222,.35))}
body.vx-verification .camera-frame::after,body.vx-verification .liveness-capture .camera-frame::after{content:"";position:absolute;left:14%;right:14%;top:18%;height:2px;z-index:5;background:linear-gradient(90deg,transparent,#71eef0,transparent);box-shadow:0 0 14px #44dfe5;animation:vx-scan 2.6s ease-in-out infinite;pointer-events:none}
body.vx-verification .face-ring{border:2px solid rgba(112,235,236,.8)!important;box-shadow:0 0 0 999px rgba(0,8,11,.22),0 0 26px rgba(83,230,230,.25)!important}
body.vx-verification #camera-placeholder,body.vx-verification #lv-overlay{background:radial-gradient(circle at 50% 38%,#143844,#07161c 62%)!important}
body.vx-verification #camera-placeholder b,body.vx-verification #lv-overlay b{color:#fff;font-size:14px}
body.vx-verification #camera-placeholder small{color:#a7c0c8}
body.vx-verification .liveness-capture{gap:15px;color:var(--vx-ink)}
body.vx-verification .liveness-capture h2{font-size:25px;letter-spacing:-.025em}
body.vx-verification .liveness-capture p{color:#6b7e87;font-size:14px}
body.vx-verification .liveness-quality{min-height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:13px}
body.vx-verification .liveness-quality[data-level="good"]{animation:vx-good .4s var(--vx-ease)}

/* waiting / approval */
body.vx-verification .waiting-step{text-align:center;background:linear-gradient(180deg,#fff,#fbfcfc)}
body.vx-verification .waiting-orbit{width:110px;height:110px;margin:4px auto 20px;border-radius:50%;display:grid;place-items:center;background:#f0fafb;border:1px solid #d4edf0;position:relative}
body.vx-verification .waiting-orbit img{width:58px;height:58px;object-fit:contain;z-index:2}
body.vx-verification .waiting-orbit i{position:absolute;inset:8px;border-radius:50%;border:2px solid transparent;border-top-color:#22b4c5;border-right-color:#94e2e5;animation:vx-spin 2.2s linear infinite}
body.vx-verification .manager-queue-card{display:grid;grid-template-columns:auto 1fr;gap:3px 12px;text-align:start;margin:20px auto 12px;max-width:360px;padding:16px;border-radius:16px;background:#f5f8f9;border:1px solid #e2e9ec}
body.vx-verification .manager-queue-card span{font-size:11px;color:#7c8e96}
body.vx-verification .manager-queue-card b{grid-row:1/3;grid-column:2;font-size:14px;align-self:center}
body.vx-verification .manager-queue-card small{font-size:11px;color:#819098}
body.vx-verification .live-status{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:800;color:#0c7951;background:#eefaf4;border-radius:999px;padding:7px 10px;margin-bottom:14px}
body.vx-verification .live-status span{width:7px;height:7px;border-radius:50%;background:#1eb477;box-shadow:0 0 0 4px rgba(30,180,119,.10);animation:vx-pulse 1.7s infinite}
body.vx-verification .correction-notice{border-radius:18px!important;background:#fff7e8!important;border:1px solid #efd6a1!important;padding:14px 16px!important;box-shadow:none!important}
body.vx-verification .privacy-note{margin-top:18px!important;padding:14px!important;border-radius:16px!important;background:#f6f8f9!important;border:1px solid #e5ebed!important;color:#65777f!important;font-size:11.5px!important;line-height:1.65!important}

/* device step */
body.vx-verification .dp-emblem-device{margin:6px auto 18px;transform:scale(.9)}
body.vx-verification .device-security-note{border:1px solid #dce7ea!important;background:#f8fafb!important;border-radius:18px!important;padding:15px!important}
body.vx-verification .secure-list{display:grid!important;grid-template-columns:repeat(3,1fr);gap:8px!important;margin:18px 0!important}
body.vx-verification .secure-list span{border-radius:13px!important;padding:11px 8px!important;background:#f3f7f8!important;border:1px solid #e3e9ec!important;color:#46616c!important;font-size:11px!important;text-align:center}

/* secure entry + device link + merchant verification */
body.vx-verification.upgrade-page .upgrade-top{background:rgba(255,255,255,.86)!important;border-bottom:1px solid #e5ebed!important;backdrop-filter:blur(22px);box-shadow:none!important}
body.vx-verification.upgrade-page .upgrade-shell{padding-top:24px!important}
body.vx-verification .upgrade-panel.vx-auth-panel,body.vx-verification .upgrade-panel:has(#entry-actions),body.vx-verification .upgrade-panel:has(#pair-start){max-width:680px!important;margin:34px auto!important;border-radius:30px!important;border:1px solid #e0e8eb!important;background:#fff!important;box-shadow:var(--vx-shadow)!important;padding:clamp(24px,5vw,42px)!important}
body.vx-verification .upgrade-panel h1{font-size:clamp(31px,7vw,47px);letter-spacing:-.045em;margin:12px 0}
body.vx-verification .upgrade-panel>p{color:#687b84;line-height:1.7}
body.vx-verification .upgrade-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:10px!important;margin-top:20px!important}
body.vx-verification .upgrade-actions>*{display:flex;align-items:center;justify-content:center;text-align:center;min-height:52px!important;border-radius:15px!important}
body.vx-verification .upgrade-pair-code{display:block!important;font-variant-numeric:tabular-nums;font-size:clamp(34px,11vw,56px)!important;letter-spacing:.12em!important;font-weight:900!important;color:#12313d!important;background:#f1f7f8!important;border:1px solid #d9e8ec!important;border-radius:20px!important;padding:18px!important;text-align:center!important;box-shadow:inset 0 1px 0 #fff}
body.vx-verification .upgrade-status{border-radius:15px!important;border:1px solid #e0e7ea!important;background:#f6f8f9!important;padding:12px 14px!important;color:#526972!important}
body.vx-verification .upgrade-live{border-radius:14px!important;background:#eefaf4!important;color:#106e4c!important;border:1px solid #ccebdc!important;padding:12px!important;font-weight:800!important}

/* merchant verification: turns generic legacy page into guided fintech onboarding */
body.vx-verification.vx-merchant{padding:0}
body.vx-verification.vx-merchant>header{position:sticky;top:0;z-index:20;padding:max(12px,env(safe-area-inset-top)) 18px 12px;background:rgba(255,255,255,.88);backdrop-filter:blur(20px);border-bottom:1px solid #e6ecee}
body.vx-verification.vx-merchant>header a{display:flex;align-items:center;gap:10px;text-decoration:none;color:#172b34;font-weight:900}
body.vx-verification.vx-merchant>header img{width:38px;height:38px;object-fit:contain;background:#fff;border:1px solid #e2eaec;border-radius:12px;padding:4px}
body.vx-verification.vx-merchant main{width:min(720px,calc(100% - 24px));margin:26px auto 56px}
body.vx-verification.vx-merchant main>section,body.vx-verification.vx-merchant #app-panel>section{background:#fff;border:1px solid #e1e9eb;border-radius:24px;padding:22px;box-shadow:var(--vx-shadow-soft);margin-bottom:14px}
body.vx-verification.vx-merchant #app-panel>a{display:inline-flex;margin-bottom:13px;color:#167d91;text-decoration:none;font-weight:800;font-size:13px}
body.vx-verification.vx-merchant #app-panel>h1{font-size:38px;margin:6px 0 8px}
body.vx-verification.vx-merchant #app-panel>p{color:#667a84;line-height:1.65;margin-bottom:20px}
body.vx-verification.vx-merchant #verification-status{font-size:21px;margin:0 0 8px}
body.vx-verification.vx-merchant #requirements,body.vx-verification.vx-merchant #correction{color:#667a84;line-height:1.6}
body.vx-verification.vx-merchant form{display:grid;gap:13px}
body.vx-verification.vx-merchant label{display:grid;gap:6px}
body.vx-verification.vx-merchant button{min-height:52px;border-radius:15px;border:1px solid #dce5e8;background:#f3f7f8;color:#1e3a45;font-weight:850;padding:0 16px}
body.vx-verification.vx-merchant form button{background:linear-gradient(135deg,#0f9eb6,#20b8c7);color:#fff;border:0;box-shadow:0 12px 26px rgba(0,150,174,.2)}
body.vx-verification.vx-merchant #notice{position:sticky;top:76px;z-index:10;border-radius:14px;padding:10px 13px;background:#f5f8f9;color:#536b75;font-size:12px}
body.vx-verification.vx-merchant #notice:empty{display:none}
body.vx-verification.vx-merchant #notice.error{background:#fff0ee;color:#a23d33}

/* manager approval polish */
body.vx-verification.vx-manager .topbar{background:rgba(255,255,255,.9)!important;backdrop-filter:blur(20px);border-bottom:1px solid #e4eaec!important;box-shadow:none!important}
body.vx-verification.vx-manager .hero,body.vx-verification.vx-manager .vault-strip,body.vx-verification.vx-manager .panel{border-radius:24px!important;border:1px solid #e1e8eb!important;box-shadow:var(--vx-shadow-soft)!important;background:#fff!important}
body.vx-verification.vx-manager .stats{gap:10px!important}
body.vx-verification.vx-manager .stat{border-radius:18px!important;border:1px solid #e4eaec!important;background:#fff!important;box-shadow:none!important}
body.vx-verification.vx-manager .tabs{padding:5px!important;background:#eaf0f2!important;border-radius:15px!important;gap:4px!important}
body.vx-verification.vx-manager .tabs button{border-radius:11px!important;font-weight:800!important}
body.vx-verification.vx-manager .tabs button.active{background:#fff!important;box-shadow:0 4px 12px rgba(18,45,56,.08)!important}

/* motion states */
body.vx-verification .vx-enter{animation:vx-rise .38s var(--vx-ease) both}
body.vx-verification .vx-success-pop{animation:vx-success .52s var(--vx-ease) both}
body.vx-verification .vx-press{transform:scale(.985)!important}
@keyframes vx-rise{from{opacity:0;transform:translateY(12px) scale(.992)}to{opacity:1;transform:none}}
@keyframes vx-spin{to{transform:rotate(360deg)}}
@keyframes vx-scan{0%,100%{top:18%;opacity:.35}50%{top:78%;opacity:1}}
@keyframes vx-pulse{0%,100%{opacity:.65;transform:scale(.9)}50%{opacity:1;transform:scale(1.15)}}
@keyframes vx-good{0%{transform:scale(.98)}60%{transform:scale(1.015)}100%{transform:none}}
@keyframes vx-success{0%{transform:scale(.94);opacity:.4}65%{transform:scale(1.035)}100%{transform:none;opacity:1}}

@media (max-width:640px){
  .vx-stage-dock{top:max(7px,env(safe-area-inset-top));width:calc(100% - 18px);border-radius:16px}
  body.vx-verification .gate-brand-header{padding-top:max(68px,calc(env(safe-area-inset-top) + 62px));padding-inline:14px}
  body.vx-verification .gate-brand-copy span{display:none}
  body.vx-verification .gate-card,body.vx-verification .splash-shell{border-radius:25px;padding:22px 18px}
  body.vx-verification .verification-journey{gap:6px}
  body.vx-verification .journey-card{min-height:84px;padding:11px 9px;border-radius:15px}
  body.vx-verification .journey-card b{font-size:11.5px}
  body.vx-verification .journey-card small{font-size:10px}
  body.vx-verification .verification-action{padding:18px;border-radius:19px}
  body.vx-verification .premium-step-header{margin-bottom:18px;padding-bottom:17px}
  body.vx-verification .secure-list{grid-template-columns:1fr!important}
  body.vx-verification .upgrade-actions{grid-template-columns:1fr!important}
  body.vx-verification .upgrade-panel.vx-auth-panel,body.vx-verification .upgrade-panel:has(#entry-actions),body.vx-verification .upgrade-panel:has(#pair-start){margin:16px 10px!important;border-radius:25px!important;padding:22px 17px!important}
  body.vx-verification.vx-merchant main{margin-top:16px;width:calc(100% - 20px)}
  body.vx-verification.vx-merchant #app-panel>h1{font-size:31px}
}

@media (prefers-reduced-motion:reduce){
  body.vx-verification *,body.vx-verification *::before,body.vx-verification *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}
}

/* first-login / staff onboarding */
body.vx-verification .onboarding-card{
  width:min(620px,calc(100% - 24px))!important;margin:clamp(76px,10vh,120px) auto 40px!important;
  padding:clamp(22px,5vw,40px)!important;border-radius:30px!important;background:#fff!important;
  border:1px solid #e0e8eb!important;box-shadow:var(--vx-shadow)!important;color:#162a33!important
}
body.vx-verification .onboarding-card .brand{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-bottom:18px!important}
body.vx-verification .onboarding-card .brand b{font-size:14px!important}.onboarding-card .brand span{font-size:11px!important;color:#70828a!important}
body.vx-verification .onboarding-card h1{font-size:clamp(30px,7vw,44px)!important;margin:8px 0!important}.onboarding-card>p{color:#687c85!important;line-height:1.7!important}
body.vx-verification .onboarding-card form{display:grid!important;gap:13px!important;margin-top:24px!important}.onboarding-card label{display:grid!important;gap:6px!important}
body.vx-verification .onboarding-card small{color:#798b92!important;line-height:1.5!important}.onboarding-card button[type="submit"]{min-height:54px!important;border:0!important;border-radius:16px!important;background:linear-gradient(135deg,#0f9eb6,#20b8c7)!important;color:#fff!important;font-weight:850!important;box-shadow:0 12px 26px rgba(0,150,174,.23)!important}