/* Wonspay Pro UI overlay: normalizes existing pages without rewriting workflows */
:root{
  --pro-bg:#f5f7fb;
  --pro-ink:#101828;
  --pro-muted:#667085;
  --pro-line:#d9e2ef;
  --pro-card:#ffffff;
  --pro-primary:#1458e6;
  --pro-primary-2:#0ea5e9;
  --pro-success:#0f9f6e;
  --pro-danger:#d92d20;
  --pro-warning:#d97706;
  --pro-radius:10px;
  --pro-shadow:0 14px 34px rgba(16,24,40,.08);
}
html{letter-spacing:0!important;-webkit-text-size-adjust:100%}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif!important;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
a{text-underline-offset:3px}.container,.container-narrow{width:min(1180px,calc(100% - 28px))!important;margin-left:auto!important;margin-right:auto!important}
img{max-width:100%;height:auto}.muted,.text-muted{color:var(--pro-muted)!important}
button,.btn,a.btn,input,select,textarea{font:inherit}.btn,button[type="submit"],.wns-btn{border-radius:9px!important;font-weight:750!important;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1.1;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease!important}
.btn:hover,button[type="submit"]:hover,.wns-btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(16,24,40,.12)}
.btn-primary,.btn.btn-primary{background:linear-gradient(135deg,var(--pro-primary),var(--pro-primary-2))!important;border-color:transparent!important;color:#fff!important}.btn-success,.btn.btn-success{background:var(--pro-success)!important;border-color:transparent!important;color:#fff!important}.btn-danger,.btn.btn-danger{background:var(--pro-danger)!important;border-color:transparent!important;color:#fff!important}
.form-control,.form-select,input[type="text"],input[type="email"],input[type="password"],input[type="number"],input[type="date"],select,textarea{border-radius:9px!important;border:1px solid var(--pro-line)!important;min-height:42px;box-shadow:none!important}.form-control:focus,.form-select:focus,input:focus,select:focus,textarea:focus{border-color:var(--pro-primary)!important;box-shadow:0 0 0 3px rgba(20,88,230,.14)!important;outline:none!important}
.card,.card-dark,.svc-card,.visual-card,.security-card,.preview-card,.login-card,.error-card{border-radius:12px!important;box-shadow:var(--pro-shadow)!important}.card-dark{border-color:rgba(255,255,255,.12)!important}.card-header{border-top-left-radius:12px!important;border-top-right-radius:12px!important}
table{font-size:14px}th{font-size:12px;letter-spacing:.02em;text-transform:uppercase}td,th{vertical-align:middle!important}.table-wrap{border-radius:12px}
.navbar-top,.topbar{backdrop-filter:blur(14px);box-shadow:0 8px 28px rgba(16,24,40,.12)!important}.navbar-bottom{backdrop-filter:blur(14px);box-shadow:0 -8px 28px rgba(16,24,40,.14)!important}.navbar-bottom .nav-link{font-weight:700!important}
.alert,.message,.ok,.pending,.tips{border-radius:10px!important;line-height:1.45}.message{background:#fef2f2!important;border-color:#fecaca!important;color:#991b1b!important}.ok{background:#ecfdf5!important;border-color:#bbf7d0!important;color:#065f46!important}.pending{background:#eff6ff!important;border-color:#bfdbfe!important;color:#1e3a8a!important}.tips{background:#fffbeb!important;border-color:#fde68a!important;color:#92400e!important}
.vcard{border-radius:18px!important;box-shadow:0 18px 40px rgba(16,24,40,.20)!important}.tx-list{box-shadow:0 10px 24px rgba(16,24,40,.08)}
@media(max-width:760px){
  body{overflow-x:hidden}.container,.container-narrow{width:min(100% - 20px,1180px)!important;padding-left:0!important;padding-right:0!important}
  h1{font-size:clamp(2rem,9vw,3.1rem)!important}h2{font-size:clamp(1.5rem,6vw,2.2rem)!important}h3{font-size:clamp(1.2rem,5vw,1.65rem)!important}
  .btn,button[type="submit"],.wns-btn{min-height:44px}.grid,.grid-3,.row,.balances{gap:12px!important}
  table{min-width:680px}.table-wrap{overflow:auto;-webkit-overflow-scrolling:touch}
  .navbar-top h4{font-size:16px!important}.brand-text span{display:none!important}
  .vcard{height:210px!important;padding:16px!important}.vcard .num{font-size:18px!important;word-break:break-word}.vcard .meta{font-size:12px!important}.vcard .logo{width:48px!important}
  .navbar-bottom .nav-link{font-size:11px!important}.navbar-bottom .nav-link i{font-size:18px!important}
}
@media(min-width:761px){.mobile-only{display:none!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}