/* Shared paper shapes for member pages — loaded last */
body.member-portal,
body.member-portal.sea-trade-ui,
body.vipro-dash.sea-trade-ui,
body.vipro-band.member-portal.sea-trade-ui{
  background-color:#f6f1e6!important;
  background-image:
    radial-gradient(520px 300px at 0% 0%, rgba(200,146,42,.22), transparent 60%),
    radial-gradient(380px 240px at 100% 0%, rgba(42,33,24,.05), transparent 55%)!important;
  color:#2a2118!important;
  font-family:"Noto Naskh Arabic","Noto Nastaliq Urdu",serif!important;
}
html:has(body.member-portal),
html:has(body.vipro-dash),
html:has(body.vipro-band){background:#f6f1e6!important}
body.member-portal.sea-trade-ui:after,
body.vipro-dash.sea-trade-ui:after{display:none!important}
body.member-portal h1,
body.member-portal h2,
body.member-portal h3,
body.vipro-dash h1,
body.vipro-dash h2{
  font-family:"Noto Naskh Arabic","Noto Nastaliq Urdu",serif!important;
  color:#2a2118;
  line-height:1.45;
}
body.member-portal .member-nav,
body.vipro-dash .vd-topbar{
  background:#fffdf8!important;
  color:#2a2118!important;
  border-color:rgba(42,33,24,.08)!important;
}
.vd-topbar-logo,.vd-topbar-logo span,.vd-brand,.vd-brand strong{color:#2a2118!important}
.vd-brand small,.vp-hero-brand small{color:#8a7352!important;letter-spacing:0!important;text-transform:none!important}
.vd-topbar-back,.vp-dashback,.vp-back{
  background:#fffdf8!important;color:#2a2118!important;
  border:1.5px solid #2a2118!important;box-shadow:none!important;border-radius:999px!important;
}
.vd-crown,.vd-topbar-logo img,.vp-hero-brand img{border-radius:18px!important;background:#1a1208!important}
.vd-icon-btn{
  background:#fffdf8!important;color:#2a2118!important;
  border:1px solid rgba(42,33,24,.12)!important;border-radius:50%!important;
}

body.vipro-dash .vd-welcome,
body.vipro-dash .vd-balance,
body.vipro-dash .vd-ref,
body.vipro-dash .vd-plan,
body.vipro-dash .vd-appcard,
body.vipro-dash .vd-banner,
body.vipro-dash .vd-activity,
body.vipro-dash .vd-glance,
body.vipro-dash .vd-connect,
body.vipro-dash .vd-info,
body.vipro-dash .vd-scratch{
  background:#fffdf8!important;
  color:#2a2118!important;
  border:1px solid rgba(42,33,24,.08)!important;
  border-radius:36px 12px 36px 12px!important;
  box-shadow:0 12px 26px rgba(42,33,24,.06)!important;
}
body.vipro-dash .vd-welcome p,
body.vipro-dash .vd-welcome h1,
body.vipro-dash .vd-welcome em,
body.vipro-dash .vd-balance-label,
body.vipro-dash .vd-person,
body.vipro-dash .vd-person small,
body.vipro-dash .vd-person strong,
body.vipro-dash .vd-ref small,
body.vipro-dash .vd-ref strong,
body.vipro-dash .vd-plan header h2,
body.vipro-dash .vd-plan header a,
body.vipro-dash .vd-plan-body,
body.vipro-dash .vd-plan-body strong,
body.vipro-dash .vd-plan-body span,
body.vipro-dash .vd-app-copy small,
body.vipro-dash .vd-app-copy strong,
body.vipro-dash .vd-app-copy em,
body.vipro-dash .vd-banner small,
body.vipro-dash .vd-banner strong,
body.vipro-dash .vd-banner em,
body.vipro-dash .vd-activity h2,
body.vipro-dash .vd-activity a,
body.vipro-dash .vd-activity li,
body.vipro-dash .vd-activity strong,
body.vipro-dash .vd-activity small,
body.vipro-dash .vd-glance small,
body.vipro-dash .vd-glance h2,
body.vipro-dash .vd-stats span,
body.vipro-dash .vd-stats strong,
body.vipro-dash .vd-commission,
body.vipro-dash .vd-commission span,
body.vipro-dash .vd-connect h2,
body.vipro-dash .vd-connect a,
body.vipro-dash .vd-connect button,
body.vipro-dash .vd-info h2,
body.vipro-dash .vd-info a,
body.vipro-dash .vd-info button,
body.vipro-dash .vd-empty,
body.vipro-dash .vd-scratch,
body.vipro-dash .vd-scratch strong,
body.vipro-dash .vd-scratch small,
body.vipro-dash .vd-scratch em{
  color:#2a2118!important;
}
body.vipro-dash .vd-amount,
body.vipro-dash .vd-amount small,
body.vipro-dash .vd-amount b{color:#2a2118!important}
body.vipro-dash .vd-amount b{font-family:Fraunces,Georgia,serif!important;font-style:italic;color:#2a2118!important}
body.vipro-dash .vd-grid i{
  width:58px!important;height:58px!important;border-radius:50%!important;clip-path:none!important;
}
body.vipro-dash .vd-grid span{color:#2a2118!important;font-family:"Noto Naskh Arabic",serif!important;font-size:.84rem!important}
body.vipro-dash .vd-stats a,
body.vipro-dash .vd-connect a,
body.vipro-dash .vd-info a,
body.vipro-dash .vd-connect button,
body.vipro-dash .vd-info button{
  background:#fbf7ef!important;
  border-radius:22px 8px 22px 8px!important;
  border:1px solid rgba(42,33,24,.08)!important;
}
.vd-tabs{
  background:#fffdf8!important;
  border-radius:28px 28px 0 0!important;
  box-shadow:0 -8px 24px rgba(42,33,24,.08)!important;
}
.vd-tabs a{color:#8a7352!important}
.vd-tabs a.is-on{color:#2a2118!important}
.vd-ref button,.vd-appcard .is-dl,.db-drawer-out{
  background:linear-gradient(180deg,#ffe7a3,#e0a425)!important;
  color:#1a1208!important;border-radius:999px!important;
}

.vp-script,.vp-sub,.vp-hero-brand,.vp-dep-hero,.vp-dep-hero h1,.vp-dep-hero p,
.vp-method-head h2,.vp-method-head span,.dep-empty{color:#2a2118!important}
.vp-card,.dep-method,.vp-selected,.vp-paybar,.vp-box,.vp-note,.vp-steps,.vp-drop.dep-file,label.vp-drop{
  background:#fffdf8!important;
  color:#2a2118!important;
  border:1px solid rgba(42,33,24,.1)!important;
  box-shadow:0 12px 24px rgba(42,33,24,.06)!important;
}
.vp-card{border-radius:42px 14px 42px 14px!important}
.dep-method{border-radius:28px 28px 8px 28px!important}
.vp-paybar,.vp-selected,.vp-steps,.vp-note{border-radius:28px 10px 28px 10px!important}
.vp-box{border-radius:18px!important}
.vp-card h3,.vp-tagline,.vp-pricebox small,.vp-pricebox strong,
.vp-stats small,.vp-stats b,.dep-method-name,.dep-method-tap,
.vp-pay-who small,.vp-pay-who strong,.vp-pay-amt small,.vp-pay-amt b,
.vp-box small,.vp-box strong,.vp-box input,.vp-steps h2,.vp-steps li,.vp-drop strong,.vp-drop small{
  color:#2a2118!important;
}
.vp-pricebox,.vp-stats{background:#fbf7ef!important;border-radius:18px!important;border:0!important;box-shadow:none!important}
.vp-tab,.vp-invest,.dep-submit,.dep-method-go,.dep-copy,.vp-drop-ico,.vp-steps b{
  background:linear-gradient(180deg,#ffe7a3,#e0a425)!important;
  color:#1a1208!important;box-shadow:none!important;
}
.vp-invest,.dep-submit{border-radius:999px!important}
.dep-method.is-active{border-color:#c8922a!important;box-shadow:0 0 0 2px rgba(200,146,42,.35)!important}
.vp-file-name,.dep-method-chips em{background:#f6f1e6!important;color:#2a2118!important}
.vp-drop.dep-file,label.vp-drop{border-style:dashed!important;border-radius:28px!important}

.wd-page,.mt-page,.mp-page,.tx-history-page,.rc-page,.sw-page,.dr-page,.sx-page,.ts-page,.pf-page,
.wd-intro,.wd-panel,.wd-lock,.wd-empty,.mt-intro,.mt-rate-card,.mp-intro,.mp-empty,.mp-section,
.hx-mast,.tx-empty-state,.rc-hero,.rc-mission,.rc-stats,.sw-card,.dr-intro,.dr-claim-card,.dr-cal,.dr-history,
.sx-hero,.sx-freq,.pf-card,.pf-hero,.ts-hero,.ts-panel,.vb-hero{
  background:#fffdf8!important;
  color:#2a2118!important;
  border:1px solid rgba(42,33,24,.08)!important;
  border-radius:32px 12px 32px 12px!important;
  box-shadow:0 12px 24px rgba(42,33,24,.05)!important;
}
.wd-intro h2,.wd-panel h3,.wd-panel p,.mt-intro h2,.mt-intro p,.mt-intro small,
.mp-intro h2,.mp-intro p,.hx-mast h2,.hx-mast p,.hx-mast small,
.rc-hero h1,.rc-hero p,.rc-hero small,.rc-hero em,.sw-page h1,.sw-lead,.dr-intro h2,.dr-intro p,
.sx-hero h1,.sx-hero p,.pf-card h2,.ts-hero h1,.ts-hero p,.vb-hero h1,.vb-hero p,.vb-hero small{
  color:#2a2118!important;
}
.wd-btn.submit,.wd-btn.next,.wd-lock-cta,.mp-cta,.dr-claim-btn,.ts-btn-primary,.rc-go{
  background:linear-gradient(180deg,#ffe7a3,#e0a425)!important;
  color:#1a1208!important;border:0!important;border-radius:999px!important;box-shadow:none!important;
}
.wd-btn.ghost{background:#fffdf8!important;color:#2a2118!important;border:1.5px solid #2a2118!important;border-radius:999px!important}
.hx-chip,.mt-tab,.mt-stat,.pf-item,.pf-stats > div{
  background:#fbf7ef!important;color:#2a2118!important;border-radius:16px!important;
}

/* Arch balance + stamp buttons */
body.vipro-dash .vd-balance{
  align-items:center!important;
  text-align:center!important;
  padding:26px 18px 30px!important;
  border:0!important;
  border-radius:18px 18px 78px 78px!important;
  background:
    radial-gradient(90% 70% at 50% 0%, rgba(255,231,163,.4), transparent 46%),
    linear-gradient(180deg,#3a2812 0%,#1a1208 58%,#6b4e16 100%)!important;
  box-shadow:0 22px 36px rgba(26,18,8,.28)!important;
  color:#fff8ea!important;
}
body.vipro-dash .vd-balance .vd-balance-top{justify-content:center}
body.vipro-dash .vd-balance .vd-balance-label,
body.vipro-dash .vd-balance .vd-amount,
body.vipro-dash .vd-balance .vd-amount small,
body.vipro-dash .vd-balance .vd-amount b,
body.vipro-dash .vd-balance .vd-coin{color:#fff8ea!important}
body.vipro-dash .vd-balance .vd-coin,
body.vipro-dash .vd-balance .vd-balance-label button{
  background:rgba(255,248,234,.14)!important;
  color:#fff8ea!important;
  border-radius:12px 12px 4px 12px!important;
}
body.vipro-dash .vd-amount b{font-family:Fraunces,Georgia,serif!important;font-style:italic}

body.vipro-dash .vd-grid{gap:10px!important}
body.vipro-dash .vd-grid a{
  min-height:112px!important;
  padding:12px 8px 10px!important;
  background:#fffdf8!important;
  border:1px solid rgba(26,18,8,.08)!important;
  border-radius:30px 30px 8px 30px!important;
  box-shadow:0 10px 18px rgba(26,18,8,.06)!important;
}
body.vipro-dash .vd-grid a:nth-child(3n){border-radius:30px 8px 30px 30px!important}
body.vipro-dash .vd-grid i{
  width:46px!important;height:46px!important;
  border-radius:16px 16px 4px 16px!important;
}
body.vipro-dash .vd-grid span,
.vd-tabs a span,
.vd-topbar-back,
.vp-invest span,
.dep-submit span,
.wd-btn,
.wd-lock-cta,
.mp-cta,
.dr-claim-btn,
.ts-btn,
.rc-go,
.hx-chip span,
.mt-tab,
.vb-hero h1,
body.vipro-dash .vd-plan header h2,
body.vipro-dash .vd-scratch strong,
body.vipro-dash .vd-banner strong{
  font-family:"Noto Naskh Arabic",serif!important;
  font-weight:700!important;
  letter-spacing:0!important;
  text-transform:none!important;
  line-height:1.4!important;
}
body.vipro-dash .vd-grid span{font-size:1.05rem!important;color:#1a1208!important}

.vd-tabs{
  border-radius:26px 26px 0 0!important;
  padding-top:8px!important;
}
.vd-tabs a{
  margin:0 2px!important;
  padding-top:6px!important;
  border-radius:18px 18px 6px 6px!important;
  font-size:.95rem!important;
}
.vd-tabs a.is-on{
  background:#1a1208!important;
  color:#f4c15a!important;
}
.vd-tabs a.is-on i{
  background:transparent!important;
  color:#f4c15a!important;
  box-shadow:none!important;
  border-radius:10px!important;
}
.vd-tabs a.vd-tabs-star{
  border-radius:50% 50% 18px 18px!important;
}

.vd-topbar-back,.vp-dashback,.vp-back,
.vd-ref button,.vd-appcard .is-dl,.db-drawer-out,
.vp-invest,.dep-submit,.wd-btn.submit,.wd-btn.next,.wd-btn.ghost,.wd-lock-cta,.mp-cta,.dr-claim-btn,.ts-btn-primary,.rc-go{
  border-radius:18px 18px 6px 18px!important;
}
.hx-chip,.mt-tab{
  border-radius:16px 16px 6px 16px!important;
}
body.vipro-dash .vd-stats a,
body.vipro-dash .vd-connect a,
body.vipro-dash .vd-info a,
body.vipro-dash .vd-connect button,
body.vipro-dash .vd-info button{
  border-radius:20px 20px 6px 20px!important;
}
body.vipro-dash .vd-welcome{border-radius:40px 40px 16px 16px!important}
body.vipro-dash .vd-plan,
body.vipro-dash .vd-activity,
body.vipro-dash .vd-glance{border-radius:16px 16px 36px 36px!important}
body.vipro-dash .vd-scratch,
body.vipro-dash .vd-banner,
body.vipro-dash .vd-appcard{border-radius:22px 8px 22px 22px!important}

/* Logo + readable section text */
body.vipro-dash .vd-crown{
  width:172px!important;height:58px!important;
  background:#071428!important;border-radius:12px!important;
}
body.vipro-dash .vd-crown img,
.vd-topbar-logo img{
  width:100%!important;height:100%!important;
  object-fit:contain!important;background:#071428!important;
}
.vd-topbar-logo img{width:128px!important;height:44px!important;border-radius:10px!important}
body.vipro-dash .vd-brand strong{display:none!important}
body.vipro-dash .vd-brand small{
  color:#3a2a16!important;font-size:.95rem!important;line-height:1.4!important;
}

body.vipro-dash,
body.vipro-dash button,
body.vipro-dash a,
body.vipro-dash p,
body.vipro-dash span,
body.vipro-dash small,
body.vipro-dash strong,
body.vipro-dash h1,
body.vipro-dash h2,
body.vipro-dash h3,
body.vipro-dash em,
body.vipro-dash li,
body.vipro-dash label{
  font-family:"Noto Naskh Arabic",serif!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
body.vipro-dash .vd-amount b{
  font-family:Fraunces,Georgia,serif!important;
  font-style:italic!important;
  font-size:2rem!important;
  letter-spacing:-.03em!important;
}
body.vipro-dash .vd-balance .vd-balance-label{
  color:#fff8ea!important;font-size:1.05rem!important;
}
body.vipro-dash .vd-balance .vd-amount,
body.vipro-dash .vd-balance .vd-amount small,
body.vipro-dash .vd-balance .vd-amount b{color:#fff8ea!important}

body.vipro-dash .vd-welcome p,
body.vipro-dash .vd-welcome em,
body.vipro-dash .vd-welcome h1,
body.vipro-dash .vd-person small,
body.vipro-dash .vd-person strong,
body.vipro-dash .vd-ref small,
body.vipro-dash .vd-ref strong,
body.vipro-dash .vd-plan header h2,
body.vipro-dash .vd-plan header a,
body.vipro-dash .vd-plan-body,
body.vipro-dash .vd-plan-body strong,
body.vipro-dash .vd-plan-body span,
body.vipro-dash .vd-app-copy small,
body.vipro-dash .vd-app-copy strong,
body.vipro-dash .vd-app-copy em,
body.vipro-dash .vd-scratch small,
body.vipro-dash .vd-scratch strong,
body.vipro-dash .vd-scratch em,
body.vipro-dash .vd-banner small,
body.vipro-dash .vd-banner strong,
body.vipro-dash .vd-banner em,
body.vipro-dash .vd-activity h2,
body.vipro-dash .vd-activity a,
body.vipro-dash .vd-activity li,
body.vipro-dash .vd-activity strong,
body.vipro-dash .vd-activity small,
body.vipro-dash .vd-activity b,
body.vipro-dash .vd-glance small,
body.vipro-dash .vd-glance h2,
body.vipro-dash .vd-stats span,
body.vipro-dash .vd-stats strong,
body.vipro-dash .vd-commission,
body.vipro-dash .vd-commission span,
body.vipro-dash .vd-commission strong,
body.vipro-dash .vd-connect h2,
body.vipro-dash .vd-connect a,
body.vipro-dash .vd-connect button,
body.vipro-dash .vd-connect span,
body.vipro-dash .vd-info h2,
body.vipro-dash .vd-info a,
body.vipro-dash .vd-info button,
body.vipro-dash .vd-info span,
body.vipro-dash .vd-empty,
body.vipro-dash .vd-grid span{
  color:#1a1208!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
body.vipro-dash .vd-welcome p,
body.vipro-dash .vd-person small,
body.vipro-dash .vd-ref small,
body.vipro-dash .vd-app-copy small,
body.vipro-dash .vd-activity small,
body.vipro-dash .vd-glance small,
body.vipro-dash .vd-stats span,
body.vipro-dash .vd-commission span{
  color:#5c4a32!important;font-size:.92rem!important;
}
body.vipro-dash .vd-welcome h1,
body.vipro-dash .vd-plan header h2,
body.vipro-dash .vd-activity h2,
body.vipro-dash .vd-glance h2{font-size:1.35rem!important;line-height:1.45!important}
body.vipro-dash .vd-welcome em,
body.vipro-dash .vd-plan-body span,
body.vipro-dash .vd-app-copy em,
body.vipro-dash .vd-empty{font-size:.98rem!important;line-height:1.6!important;color:#3d3124!important}

body.vipro-dash .vd-activity ul,
body.vipro-dash .vd-empty,
body.vipro-dash .vd-commission,
body.vipro-dash .vd-stats a{
  background:#fffdf8!important;
  color:#1a1208!important;
  border-color:rgba(26,18,8,.08)!important;
}
body.vipro-dash .vd-activity li{border-bottom-color:rgba(26,18,8,.08)!important}
body.vipro-dash .vd-activity li i,
body.vipro-dash .vd-commission > i:first-child{
  background:#fff3d0!important;color:#8a5a12!important;
}
body.vipro-dash .vd-grid span{font-size:1.05rem!important;line-height:1.45!important;color:#1a1208!important}
body.vipro-dash .vd-tabs a{color:#5c4a32!important;font-size:.95rem!important}
body.vipro-dash .vd-tabs a.is-on,
body.vipro-dash .vd-tabs a.is-on span{color:#f4c15a!important}

/* Designed desk background + filled arch buttons */
html:has(body.vipro-dash){background:#071428!important}
body.vipro-dash.sea-trade-ui{
  background-color:#071428!important;
  background-image:
    radial-gradient(520px 280px at 8% 0%, rgba(244,193,90,.42), transparent 58%),
    radial-gradient(460px 260px at 100% 12%, rgba(70,150,255,.32), transparent 55%),
    radial-gradient(380px 240px at 70% 100%, rgba(244,193,90,.18), transparent 50%),
    linear-gradient(165deg,#12315c 0%,#071428 46%,#0a1830 100%)!important;
  color:#f6f1e8!important;
}
body.vipro-dash .vd-topbar,
body.member-portal.vipro-dash .member-nav{
  background:rgba(7,20,40,.72)!important;
  color:#fff8ea!important;
  border-color:rgba(244,193,90,.28)!important;
}
body.vipro-dash .vd-icon-btn{
  background:linear-gradient(180deg,#ffe7a3,#e0a425)!important;
  color:#1a1208!important;
  border:0!important;
  border-radius:16px 16px 28px 28px!important;
  box-shadow:0 8px 16px rgba(0,0,0,.25)!important;
}
body.vipro-dash .vd-grid a{
  border:0!important;
  min-height:108px!important;
  border-radius:20px 20px 42px 42px!important;
  box-shadow:0 12px 22px rgba(0,0,0,.28)!important;
}
body.vipro-dash .vd-grid a:nth-child(3n){border-radius:42px 20px 20px 42px!important}
body.vipro-dash .vd-grid a:nth-child(1),
body.vipro-dash .vd-grid a:nth-child(5),
body.vipro-dash .vd-grid a:nth-child(7){
  background:linear-gradient(180deg,#ffe7a3,#d4a017)!important;
}
body.vipro-dash .vd-grid a:nth-child(2),
body.vipro-dash .vd-grid a:nth-child(4){
  background:linear-gradient(180deg,#5eead4,#0f766e)!important;
}
body.vipro-dash .vd-grid a:nth-child(3),
body.vipro-dash .vd-grid a:nth-child(8){
  background:linear-gradient(180deg,#93c5fd,#1d4ed8)!important;
}
body.vipro-dash .vd-grid a:nth-child(6){
  background:linear-gradient(180deg,#d9f99d,#3f6212)!important;
}
body.vipro-dash .vd-grid a:nth-child(9){
  background:linear-gradient(180deg,#fda4af,#9f1239)!important;
}
body.vipro-dash .vd-grid i{
  width:40px!important;height:40px!important;border-radius:50%!important;
  background:rgba(255,255,255,.28)!important;
  color:#1a1208!important;
  box-shadow:none!important;
}
body.vipro-dash .vd-grid a:nth-child(1) span,
body.vipro-dash .vd-grid a:nth-child(5) span,
body.vipro-dash .vd-grid a:nth-child(7) span{color:#1a1208!important}
body.vipro-dash .vd-grid a:nth-child(2) span,
body.vipro-dash .vd-grid a:nth-child(3) span,
body.vipro-dash .vd-grid a:nth-child(4) span,
body.vipro-dash .vd-grid a:nth-child(6) span,
body.vipro-dash .vd-grid a:nth-child(8) span,
body.vipro-dash .vd-grid a:nth-child(9) span,
body.vipro-dash .vd-grid a:nth-child(2) i,
body.vipro-dash .vd-grid a:nth-child(3) i,
body.vipro-dash .vd-grid a:nth-child(4) i,
body.vipro-dash .vd-grid a:nth-child(6) i,
body.vipro-dash .vd-grid a:nth-child(8) i,
body.vipro-dash .vd-grid a:nth-child(9) i{color:#fff8ea!important}

.vd-topbar-back,.vp-dashback,.vp-back,
.vd-ref button,.vd-appcard .is-dl,.db-drawer-out,
.vp-invest,.dep-submit,.vp-tab,.dep-method-go,.dep-copy,
.wd-btn.submit,.wd-btn.next,.wd-lock-cta,.mp-cta,.dr-claim-btn,.ts-btn-primary,.rc-go{
  background:linear-gradient(180deg,#ffe7a3,#d4a017)!important;
  color:#1a1208!important;
  border:0!important;
  border-radius:16px 16px 32px 32px!important;
  box-shadow:0 10px 18px rgba(0,0,0,.22)!important;
}
.wd-btn.ghost{
  background:#12315c!important;
  color:#fff8ea!important;
  border:0!important;
  border-radius:16px 16px 32px 32px!important;
}
body.vipro-dash .vd-tabs{
  background:rgba(7,20,40,.92)!important;
  border-top:1px solid rgba(244,193,90,.28)!important;
}
body.vipro-dash .vd-tabs a{
  background:rgba(255,248,234,.08)!important;
  color:#f6e7c2!important;
  border-radius:14px 14px 26px 26px!important;
}
body.vipro-dash .vd-tabs a.is-on{
  background:linear-gradient(180deg,#ffe7a3,#d4a017)!important;
}
body.vipro-dash .vd-tabs a.is-on,
body.vipro-dash .vd-tabs a.is-on span,
body.vipro-dash .vd-tabs a.is-on i{
  color:#1a1208!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.vipro-dash .vd-tabs a.is-on{
  background:linear-gradient(180deg,#ffe7a3,#d4a017)!important;
}
body.vipro-dash .vd-stats a,
body.vipro-dash .vd-connect a,
body.vipro-dash .vd-info a,
body.vipro-dash .vd-connect button,
body.vipro-dash .vd-info button{
  background:linear-gradient(180deg,#16325c,#0d2244)!important;
  border:1px solid rgba(244,193,90,.28)!important;
  border-radius:16px 16px 30px 30px!important;
  color:#fff8ea!important;
}
body.vipro-dash .vd-stats a span,
body.vipro-dash .vd-stats a strong,
body.vipro-dash .vd-connect a span,
body.vipro-dash .vd-info a span,
body.vipro-dash .vd-connect button span,
body.vipro-dash .vd-info button span{color:#fff8ea!important}
body.vipro-dash .vd-stats i{background:rgba(255,231,163,.2)!important;color:#ffe7a3!important}

/* Keep icon labels inside their tiles */
body.vipro-dash .vd{overflow-x:clip}
body.vipro-dash .vd-grid a,
body.vipro-dash .vd-stats a,
body.vipro-dash .vd-connect a,
body.vipro-dash .vd-connect button,
body.vipro-dash .vd-info a,
body.vipro-dash .vd-info button,
body.vipro-dash .vd-plan-body,
body.vipro-dash .vd-banner,
body.vipro-dash .vd-scratch,
body.vipro-dash .vd-appcard{
  box-sizing:border-box!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
}
body.vipro-dash .vd-grid{gap:8px!important}
body.vipro-dash .vd-grid a{
  padding:10px 6px 12px!important;
  border-radius:18px!important;
  min-height:96px!important;
}
body.vipro-dash .vd-grid a:nth-child(3n){border-radius:18px!important}
body.vipro-dash .vd-grid i{width:32px!important;height:32px!important;font-size:.9rem!important}
body.vipro-dash .vd-grid span{
  display:block!important;
  width:100%!important;
  font-size:.9rem!important;
  line-height:1.25!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
body.vipro-dash .vd-stats{grid-template-columns:1fr 1fr!important}
body.vipro-dash .vd-stats a{align-items:center!important;padding:10px!important}
body.vipro-dash .vd-stats span,
body.vipro-dash .vd-stats strong,
body.vipro-dash .vd-commission strong{
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  min-width:0!important;
}
body.vipro-dash .vd-stats strong{font-size:.92rem!important}
body.vipro-dash .vd-connect a span,
body.vipro-dash .vd-info a span,
body.vipro-dash .vd-connect button span,
body.vipro-dash .vd-info button span{
  display:block!important;
  width:100%!important;
  overflow-wrap:anywhere!important;
  font-size:.9rem!important;
  line-height:1.3!important;
}

body.vipro-dash .vd-scratch{
  background:linear-gradient(135deg,#4c1d95 0%,#7c3aed 48%,#db2777 100%)!important;
  border:0!important;
  border-radius:26px!important;
  padding:16px!important;
  box-shadow:0 16px 28px rgba(76,29,149,.35)!important;
}
body.vipro-dash .vd-scratch:before{display:none!important}
body.vipro-dash .vd-scratch-mark{
  background:#fff!important;color:#6d28d9!important;border-radius:16px!important;
}
body.vipro-dash .vd-scratch small,
body.vipro-dash .vd-scratch strong{color:#fff!important}
body.vipro-dash .vd-scratch em{
  background:#fff!important;color:#6d28d9!important;
  border-radius:14px!important;flex:0 0 auto!important;
}

body.vipro-dash .vd-appcard{
  display:grid!important;
  grid-template-columns:56px minmax(0,1fr)!important;
  gap:8px 12px!important;
  align-items:center!important;
  padding:16px!important;
  border:0!important;
  border-radius:26px!important;
  background:linear-gradient(155deg,#042f2e 0%,#0f766e 55%,#115e59 100%)!important;
  box-shadow:0 16px 28px rgba(4,47,46,.35)!important;
  color:#fff!important;
}
body.vipro-dash .vd-app-logo{grid-column:1;grid-row:1}
body.vipro-dash .vd-app-copy{grid-column:2;grid-row:1;min-width:0!important}
body.vipro-dash .vd-app-copy small,
body.vipro-dash .vd-app-copy strong,
body.vipro-dash .vd-app-copy em{color:#fff!important}
body.vipro-dash .vd-app-copy em{font-size:.9rem!important;line-height:1.45!important}
body.vipro-dash .vd-appcard .is-dl{
  grid-column:1 / -1;
  grid-row:2;
  width:100%!important;
  height:46px!important;
  justify-content:center!important;
  background:#ecfeff!important;
  color:#115e59!important;
  border-radius:14px!important;
  box-shadow:none!important;
}

/* Each section gets its own light color so Urdu stays clear */
body.member-portal.sea-trade-ui{
  background-color:#071428!important;
  background-image:
    radial-gradient(520px 280px at 8% 0%, rgba(244,193,90,.28), transparent 58%),
    radial-gradient(460px 260px at 100% 8%, rgba(70,150,255,.22), transparent 55%),
    linear-gradient(180deg,#10284a 0%,#071428 100%)!important;
}
body.vipro-dash .vd{overflow:visible!important}
body.vipro-dash .vd-plan,
body.vipro-dash .vd-glance,
body.vipro-dash .vd-activity,
body.vipro-dash .vd-connect,
body.vipro-dash .vd-info{
  padding:14px!important;
  overflow:visible!important;
  border:0!important;
  border-radius:22px!important;
}
body.vipro-dash .vd-plan{background:#fff4e4!important}
body.vipro-dash .vd-glance{background:#e7f0ff!important}
body.vipro-dash .vd-activity{background:#fff!important}
body.vipro-dash .vd-connect{background:#e5f8ee!important}
body.vipro-dash .vd-info{background:#f3eeff!important}
body.vipro-dash .vd-plan header,
body.vipro-dash .vd-activity header,
body.vipro-dash .vd-glance header{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:4px!important;
  margin-bottom:10px!important;
}
body.vipro-dash .vd-plan h2,
body.vipro-dash .vd-activity h2,
body.vipro-dash .vd-glance h2,
body.vipro-dash .vd-glance small,
body.vipro-dash .vd-connect h2,
body.vipro-dash .vd-connect h2 small,
body.vipro-dash .vd-connect h2 span,
body.vipro-dash .vd-info h2,
body.vipro-dash .vd-info h2 small,
body.vipro-dash .vd-info h2 span{
  color:#142033!important;
  line-height:1.65!important;
  overflow:visible!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
body.vipro-dash .vd-plan header a,
body.vipro-dash .vd-activity header a{
  align-self:flex-start!important;
  color:#8a5a12!important;
  font-size:.95rem!important;
}
body.vipro-dash .vd-plan-body{
  background:#fff!important;
  color:#142033!important;
  border-radius:16px!important;
  overflow:visible!important;
}
body.vipro-dash .vd-plan-body strong,
body.vipro-dash .vd-plan-body span{color:#142033!important;line-height:1.5!important}
body.vipro-dash .vd-plan-body i{background:#1a1208!important;color:#ffe7a3!important;flex:0 0 auto}

body.vipro-dash .vd-stats a{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  align-items:center!important;
  column-gap:8px!important;
  row-gap:2px!important;
  background:#fff!important;
  color:#142033!important;
  overflow:visible!important;
  border:0!important;
  border-radius:16px!important;
  padding:10px!important;
}
body.vipro-dash .vd-stats i{grid-row:1 / span 2;background:#e7f0ff!important;color:#1d4ed8!important}
body.vipro-dash .vd-stats a span,
body.vipro-dash .vd-stats a strong{
  display:block!important;
  width:auto!important;
  min-width:0!important;
  color:#142033!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  line-height:1.4!important;
  font-size:.92rem!important;
}
body.vipro-dash .vd-stats a strong{font-size:1rem!important}
body.vipro-dash .vd-commission{
  background:#fff!important;
  color:#142033!important;
  border-radius:16px!important;
}
body.vipro-dash .vd-commission span,
body.vipro-dash .vd-commission strong{color:#142033!important}

body.vipro-dash .vd-connect h2,
body.vipro-dash .vd-info h2{align-items:center!important;gap:10px!important}
body.vipro-dash .vd-connect h2 > i,
body.vipro-dash .vd-info h2 > i{
  width:36px!important;height:36px!important;
  display:grid!important;place-items:center!important;
  border-radius:12px!important;flex:0 0 auto!important;color:#fff!important;
}
body.vipro-dash .vd-connect h2 > i{background:#128c7e!important}
body.vipro-dash .vd-info h2 > i{background:#6d28d9!important}
body.vipro-dash .vd-connect a,
body.vipro-dash .vd-connect button,
body.vipro-dash .vd-info a,
body.vipro-dash .vd-info button{
  background:#fff!important;
  color:#142033!important;
  border:0!important;
  overflow:visible!important;
}
body.vipro-dash .vd-connect a span,
body.vipro-dash .vd-info a span,
body.vipro-dash .vd-connect button span,
body.vipro-dash .vd-info button span{color:#142033!important}

/* Navbar matches the navy and gold desk */
body.vipro-dash .vd-top{align-items:center!important}
body.vipro-dash .vd-brand small{color:#f6e7c2!important;font-size:.9rem!important}
body.vipro-dash .vd-topbar{
  width:min(480px, calc(100% - 20px))!important;
  margin:12px auto 0!important;
  padding:8px 10px!important;
  border-radius:18px!important;
  background:#0c1c38!important;
  border:1px solid rgba(244,193,90,.4)!important;
  box-shadow:0 10px 22px rgba(0,0,0,.25)!important;
}
.vd-topbar-logo span{display:none!important}
body.vipro-dash .vd-topbar-back{
  border-radius:14px!important;
  padding:8px 12px!important;
  white-space:nowrap!important;
}
body.vipro-dash .vd-tabs{
  position:fixed!important;
  z-index:40!important;
  left:10px!important;
  right:10px!important;
  bottom:max(10px, env(safe-area-inset-bottom))!important;
  width:min(448px, calc(100% - 20px))!important;
  margin:0 auto!important;
  transform:none!important;
  display:grid!important;
  grid-template-columns:1fr 1fr 64px 1fr 1fr!important;
  align-items:end!important;
  gap:4px!important;
  padding:8px!important;
  border-radius:22px!important;
  background:#0c1c38!important;
  border:1px solid rgba(244,193,90,.45)!important;
  box-shadow:0 14px 28px rgba(0,0,0,.4)!important;
  overflow:visible!important;
}
body.vipro-dash .vd-tabs:before{display:none!important}
body.vipro-dash .vd-tabs a{
  min-width:0!important;
  min-height:52px!important;
  margin:0!important;
  padding:4px 2px!important;
  background:transparent!important;
  border-radius:16px!important;
  color:#f6e7c2!important;
  overflow:hidden!important;
  box-shadow:none!important;
}
body.vipro-dash .vd-tabs a span{
  display:block!important;
  max-width:100%!important;
  font-size:.78rem!important;
  line-height:1.25!important;
  color:#f6e7c2!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.vipro-dash .vd-tabs a i{
  width:26px!important;height:26px!important;
  border-radius:9px!important;
  background:transparent!important;
  color:#f6e7c2!important;
  box-shadow:none!important;
}
body.vipro-dash .vd-tabs a.is-on{
  background:linear-gradient(180deg,#ffe7a3,#d4a017)!important;
  color:#1a1208!important;
}
body.vipro-dash .vd-tabs a.is-on span,
body.vipro-dash .vd-tabs a.is-on i{
  color:#1a1208!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.vipro-dash .vd-tabs a.vd-tabs-star,
body.vipro-dash .vd-tabs a.vd-tabs-star.is-on{
  width:56px!important;height:56px!important;
  margin:-16px auto 0!important;
  padding:0!important;
  border-radius:50%!important;
  overflow:visible!important;
  background:radial-gradient(circle at 32% 28%,#fff8dc,#f6d36a 45%,#e0a322)!important;
  box-shadow:0 10px 18px rgba(180,110,10,.45)!important;
}
body.vipro-dash .vd-tabs a.vd-tabs-star i,
body.vipro-dash .vd-tabs a.vd-tabs-star.is-on i{
  width:auto!important;height:auto!important;
  background:none!important;
  color:#1a1208!important;
  font-size:1.15rem!important;
}

/* One navy page, one cream section, arch buttons, readable text */
body.member-portal.sea-trade-ui,
body.vipro-dash.sea-trade-ui,
body.vipro-band.member-portal.sea-trade-ui{
  background-color:#071428!important;
  background-image:
    radial-gradient(520px 280px at 8% 0%, rgba(244,193,90,.28), transparent 58%),
    radial-gradient(460px 260px at 100% 8%, rgba(70,150,255,.22), transparent 55%),
    linear-gradient(180deg,#10284a 0%,#071428 100%)!important;
  color:#fff8ea!important;
}
body.member-portal.sea-trade-ui :is(
  .vd,.dep-page,.wd-page,.mt-page,.mp-page,.tx-history-page,.rc-page,.sw-page,.dr-page,.pf-page,.ts-page,.sx-desk
){
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  color:#fff8ea!important;
}
body.member-portal.sea-trade-ui :is(
  .vd-welcome,.vd-people,.vd-ref,.vd-plan,.vd-activity,.vd-glance,.vd-connect,.vd-info,.vd-appcard,.vd-banner,.vd-scratch,
  .vp-card,.dep-method,.vp-selected,.vp-paybar,.vp-box,.vp-note,.vp-steps,.vp-drop,label.vp-drop,
  .wd-intro,.wd-panel,.wd-lock,.wd-empty,.wd-method,
  .mt-intro,.mt-rate-card,.mt-card,.mt-panel,.mt-empty,
  .mp-intro,.mp-card,.mp-section,.mp-empty,.mp-stat,
  .hx-mast,.tx-card,.tx-empty-state,
  .rc-hero,.rc-mission,.rc-stats,.tr-card,.tr-stat,.tr-gem,.tr-empty,
  .dr-intro,.dr-claim-card,.dr-cal,.dr-history,.dr-stat,
  .sx-hero,.sx-freq,
  .pf-card,.pf-hero,.pf-item,
  .ts-hero,.ts-panel,
  .vb-hero,.vd-stats a,.vd-commission
){
  background:#fff8ee!important;
  color:#142033!important;
  border:1px solid rgba(20,32,51,.08)!important;
  border-radius:20px!important;
  box-shadow:0 12px 24px rgba(0,0,0,.16)!important;
}
body.member-portal.sea-trade-ui :is(
  .vd-welcome,.vd-people,.vd-ref,.vd-plan,.vd-activity,.vd-glance,.vd-connect,.vd-info,.vd-appcard,.vd-banner,.vd-scratch,
  .vp-card,.dep-method,.vp-selected,.vp-paybar,.vp-box,.vp-note,.vp-steps,.vp-drop,
  .wd-intro,.wd-panel,.wd-lock,.wd-empty,
  .mt-intro,.mt-rate-card,.mt-card,.mt-panel,.mt-empty,
  .mp-intro,.mp-card,.mp-section,.mp-empty,.mp-stat,
  .hx-mast,.tx-card,.tx-empty-state,
  .rc-hero,.rc-mission,.rc-stats,.tr-card,.tr-stat,.tr-gem,.tr-empty,
  .dr-intro,.dr-claim-card,.dr-cal,.dr-history,.dr-stat,
  .sx-hero,.sx-freq,
  .pf-card,.pf-hero,.pf-item,
  .ts-hero,.ts-panel,
  .vb-hero,.vd-stats a,.vd-commission
) :is(h1,h2,h3,p,span,small,strong,b,em,li,label,a,div){
  color:#142033!important;
}

body.vipro-dash .vd-people{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr)!important;
  gap:8px!important;
  align-items:stretch!important;
  margin-top:12px!important;
  padding:12px!important;
}
body.vipro-dash .vd-person{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-width:0!important;
  padding:10px!important;
  background:#fff!important;
  border-radius:16px 16px 30px 30px!important;
  color:#142033!important;
  text-decoration:none!important;
}
body.vipro-dash .vd-person.is-up{justify-content:flex-end!important;text-align:right!important}
body.vipro-dash .vd-person small{
  display:block!important;
  color:#6b5a3e!important;
  font-size:.82rem!important;
  letter-spacing:0!important;
  text-transform:none!important;
  line-height:1.3!important;
}
body.vipro-dash .vd-person strong{
  display:block!important;
  margin-top:2px!important;
  max-width:100%!important;
  color:#142033!important;
  font-size:1rem!important;
  line-height:1.35!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
body.vipro-dash .vd-person-mark{
  width:40px!important;height:40px!important;flex:0 0 auto!important;
  border-radius:14px 14px 22px 22px!important;
  background:linear-gradient(180deg,#ffe7a3,#d4a017)!important;
  color:#1a1208!important;
  box-shadow:none!important;
}
body.vipro-dash .vd-person-join{
  align-self:center!important;
  width:28px!important;height:28px!important;
  border-radius:50%!important;
  background:linear-gradient(180deg,#ffe7a3,#d4a017)!important;
  box-shadow:none!important;
}

body.member-portal.sea-trade-ui :is(
  .vd-grid a,.vd-ref button,.vd-appcard .is-dl,.db-drawer-out,
  .vd-topbar-back,.vp-dashback,.vp-back,.vd-icon-btn,
  .vp-invest,.dep-submit,.vp-tab,.dep-method-go,.dep-copy,
  .wd-btn,.wd-lock-cta,.mp-cta,.dr-claim-btn,.ts-btn,.ts-btn-primary,.rc-go,.tr-btn,.sw-claim,
  .vd-connect a,.vd-connect button,.vd-info a,.vd-info button,.pf-empty a,.vd-plan header a
){
  border-radius:16px 16px 34px 34px!important;
  background:linear-gradient(180deg,#ffe7a3,#d4a017)!important;
  color:#1a1208!important;
  border:0!important;
  box-shadow:0 8px 16px rgba(0,0,0,.22)!important;
}
body.member-portal.sea-trade-ui :is(
  .vd-grid a,.vd-ref button,.vd-appcard .is-dl,.db-drawer-out,
  .vd-topbar-back,.vp-back,.vp-invest,.dep-submit,.wd-btn,.wd-lock-cta,.mp-cta,
  .dr-claim-btn,.ts-btn,.rc-go,.tr-btn,.sw-claim,
  .vd-connect a,.vd-connect button,.vd-info a,.vd-info button,.pf-empty a,.vd-plan header a
) :is(span,strong,b,em,small){
  color:#1a1208!important;
}
body.vipro-dash .vd-grid a,
body.vipro-dash .vd-grid a:nth-child(n){
  min-height:104px!important;
  padding:14px 8px 16px!important;
  background:linear-gradient(180deg,#ffe7a3,#d4a017)!important;
  border-radius:16px 16px 34px 34px!important;
}
body.vipro-dash .vd-grid a span,
body.vipro-dash .vd-grid a:nth-child(n) span{color:#1a1208!important}
body.vipro-dash .vd-grid i{
  background:rgba(26,18,8,.12)!important;
  color:#1a1208!important;
  border-radius:14px 14px 22px 22px!important;
}
body.member-portal.sea-trade-ui .wd-btn.ghost{
  background:#fff!important;
  color:#142033!important;
  border:1px solid rgba(20,32,51,.16)!important;
}
body.member-portal.sea-trade-ui input,
body.member-portal.sea-trade-ui select,
body.member-portal.sea-trade-ui textarea{
  background:#fff!important;
  color:#142033!important;
  font-size:16px!important;
}
body.vipro-dash .vd-balance{
  background:
    radial-gradient(90% 70% at 50% 0%, rgba(255,231,163,.4), transparent 46%),
    linear-gradient(180deg,#3a2812 0%,#1a1208 58%,#6b4e16 100%)!important;
  color:#fff8ea!important;
  border:0!important;
  border-radius:18px 18px 78px 78px!important;
}
body.vipro-dash .vd-balance .vd-balance-label,
body.vipro-dash .vd-balance .vd-amount,
body.vipro-dash .vd-balance .vd-amount small,
body.vipro-dash .vd-balance .vd-amount b,
body.vipro-dash .vd-balance .vd-coin{color:#fff8ea!important}
body.vipro-dash .vd-brand small{color:#f6e7c2!important}

body.member-portal.sea-trade-ui :is(.sw-page,.dr-page,.wd-page,.mt-page,.mp-page,.pf-page,.ts-page,.rc-page,.tx-history-page,.sx-desk,.dep-page) :is(h1,h2,h3,p,span,small,strong,b,em,li,label){
  color:#fff8ea!important;
}
body.member-portal.sea-trade-ui :is(
  .vd-welcome,.vd-people,.vd-ref,.vd-plan,.vd-activity,.vd-glance,.vd-connect,.vd-info,.vd-appcard,.vd-banner,.vd-scratch,
  .vp-card,.dep-method,.vp-selected,.vp-paybar,.vp-box,.vp-note,.vp-steps,.vp-drop,
  .wd-intro,.wd-panel,.wd-lock,.wd-empty,
  .mt-intro,.mt-rate-card,.mt-card,.mt-panel,.mt-empty,
  .mp-intro,.mp-card,.mp-section,.mp-empty,.mp-stat,
  .hx-mast,.tx-card,.tx-empty-state,
  .rc-hero,.rc-mission,.rc-stats,.tr-card,.tr-stat,.tr-gem,.tr-empty,
  .dr-intro,.dr-claim-card,.dr-cal,.dr-history,.dr-stat,
  .sx-hero,.sx-freq,
  .pf-card,.pf-hero,.pf-item,
  .ts-hero,.ts-panel,
  .vb-hero,.vd-stats a,.vd-commission
) :is(h1,h2,h3,p,span,small,strong,b,em,li,label,a,div){
  color:#142033!important;
}
body.member-portal.sea-trade-ui :is(
  .vd-grid a,.vd-ref button,.vd-appcard .is-dl,.db-drawer-out,
  .vd-topbar-back,.vp-back,.vp-invest,.dep-submit,.wd-btn,.wd-lock-cta,.mp-cta,
  .dr-claim-btn,.ts-btn,.rc-go,.tr-btn,.sw-claim,
  .vd-connect a,.vd-connect button,.vd-info a,.vd-info button,.pf-empty a,.vd-plan header a
),
body.member-portal.sea-trade-ui :is(
  .vd-grid a,.vd-ref button,.vd-appcard .is-dl,.db-drawer-out,
  .vd-topbar-back,.vp-back,.vp-invest,.dep-submit,.wd-btn,.wd-lock-cta,.mp-cta,
  .dr-claim-btn,.ts-btn,.rc-go,.tr-btn,.sw-claim,
  .vd-connect a,.vd-connect button,.vd-info a,.vd-info button,.pf-empty a,.vd-plan header a
) :is(span,strong,b,em,small){
  color:#1a1208!important;
}

/* Dashboard navbar: one bar, logo fits, icon buttons stay square */
body.vipro-dash.member-portal.sea-trade-ui .vd-top{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  width:100%!important;
  margin:0 0 14px!important;
  padding:8px 10px!important;
  box-sizing:border-box!important;
  background:#0c1c38!important;
  border:1px solid rgba(244,193,90,.45)!important;
  border-radius:18px!important;
  box-shadow:0 10px 22px rgba(0,0,0,.28)!important;
}
body.vipro-dash.member-portal.sea-trade-ui .vd-brand{
  display:flex!important;
  align-items:center!important;
  min-width:0!important;
  flex:1 1 auto!important;
  gap:0!important;
  color:#fff8ea!important;
}
body.vipro-dash.member-portal.sea-trade-ui .vd-brand > span:last-child{display:none!important}
body.vipro-dash.member-portal.sea-trade-ui .vd-crown{
  width:auto!important;
  max-width:min(168px, 58vw)!important;
  height:44px!important;
  display:block!important;
  overflow:hidden!important;
  background:transparent!important;
  border-radius:8px!important;
}
body.vipro-dash.member-portal.sea-trade-ui .vd-crown img{
  width:auto!important;
  max-width:168px!important;
  height:44px!important;
  object-fit:contain!important;
  object-position:left center!important;
  background:transparent!important;
  border-radius:8px!important;
}
body.vipro-dash.member-portal.sea-trade-ui .vd-top-actions{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex:0 0 auto!important;
}
body.vipro-dash.member-portal.sea-trade-ui .vd-icon-btn{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#ffe7a3,#d4a017)!important;
  color:#1a1208!important;
  border:0!important;
  box-shadow:none!important;
}
body.vipro-dash.member-portal.sea-trade-ui .vd-icon-btn svg{display:block}
body.vipro-dash.member-portal.sea-trade-ui .vd-tabs{
  position:fixed!important;
  z-index:40!important;
  left:10px!important;
  right:10px!important;
  bottom:max(10px, env(safe-area-inset-bottom))!important;
  width:min(448px, calc(100% - 20px))!important;
  margin:0 auto!important;
  transform:none!important;
  display:grid!important;
  grid-template-columns:1fr 1fr 64px 1fr 1fr!important;
  align-items:end!important;
  gap:4px!important;
  padding:8px!important;
  border-radius:22px!important;
  background:#0c1c38!important;
  border:1px solid rgba(244,193,90,.45)!important;
  box-shadow:0 14px 28px rgba(0,0,0,.4)!important;
  overflow:visible!important;
}
body.vipro-dash.member-portal.sea-trade-ui .vd-tabs a{
  min-width:0!important;
  min-height:52px!important;
  margin:0!important;
  padding:4px 2px!important;
  background:transparent!important;
  border-radius:14px!important;
  color:#f6e7c2!important;
  box-shadow:none!important;
}
body.vipro-dash.member-portal.sea-trade-ui .vd-tabs a span{
  color:#f6e7c2!important;
  font-size:.78rem!important;
  line-height:1.25!important;
}
body.vipro-dash.member-portal.sea-trade-ui .vd-tabs a i{color:#f6e7c2!important;background:transparent!important}
body.vipro-dash.member-portal.sea-trade-ui .vd-tabs a.is-on{
  background:linear-gradient(180deg,#ffe7a3,#d4a017)!important;
}
body.vipro-dash.member-portal.sea-trade-ui .vd-tabs a.is-on,
body.vipro-dash.member-portal.sea-trade-ui .vd-tabs a.is-on span,
body.vipro-dash.member-portal.sea-trade-ui .vd-tabs a.is-on i{color:#1a1208!important}
body.vipro-dash.member-portal.sea-trade-ui .vd-tabs a.vd-tabs-star,
body.vipro-dash.member-portal.sea-trade-ui .vd-tabs a.vd-tabs-star.is-on{
  width:56px!important;height:56px!important;
  margin:-16px auto 0!important;
  padding:0!important;
  border-radius:50%!important;
  background:radial-gradient(circle at 32% 28%,#fff8dc,#f6d36a 45%,#e0a322)!important;
}
body.vipro-dash.member-portal.sea-trade-ui .vd-tabs a.vd-tabs-star i,
body.vipro-dash.member-portal.sea-trade-ui .vd-tabs a.vd-tabs-star.is-on i{
  color:#1a1208!important;
  background:none!important;
}

/* Same navbar on every member page */
body.member-portal.sea-trade-ui .member-nav,
body.member-portal.sea-trade-ui .vd-topbar,
body.member-portal.sea-trade-ui .vp-hero-bar{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  width:min(480px, calc(100% - 20px))!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding:8px 10px!important;
  box-sizing:border-box!important;
  background:#0c1c38!important;
  color:#fff8ea!important;
  border:1px solid rgba(244,193,90,.45)!important;
  border-radius:18px!important;
  box-shadow:0 10px 22px rgba(0,0,0,.28)!important;
}
body.member-portal.sea-trade-ui .member-nav{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) 42px!important;
  min-height:58px!important;
}
body.member-portal.sea-trade-ui .vd-topbar{margin-top:12px!important}
body.member-portal.sea-trade-ui .member-nav-title,
body.member-portal.sea-trade-ui .member-nav-title strong,
body.member-portal.sea-trade-ui .vd-topbar,
body.member-portal.sea-trade-ui .vp-hero-bar{
  color:#fff8ea!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
body.member-portal.sea-trade-ui .member-nav-title small{color:#f6e7c2!important;letter-spacing:0!important;text-transform:none!important}
body.member-portal.sea-trade-ui .member-nav-title strong{
  max-width:100%!important;
  font-size:1rem!important;
  line-height:1.35!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.member-portal.sea-trade-ui .vd-topbar-logo,
body.member-portal.sea-trade-ui .vp-hero-brand{
  display:flex!important;
  align-items:center!important;
  min-width:0!important;
  flex:1 1 auto!important;
}
body.member-portal.sea-trade-ui .vd-topbar-logo span,
body.member-portal.sea-trade-ui .vp-hero-brand span{display:none!important}
body.member-portal.sea-trade-ui .vd-topbar-logo img,
body.member-portal.sea-trade-ui .vp-hero-brand img{
  width:auto!important;
  max-width:min(168px, 58vw)!important;
  height:44px!important;
  object-fit:contain!important;
  object-position:left center!important;
  background:transparent!important;
  border-radius:8px!important;
}
body.member-portal.sea-trade-ui .member-nav-back,
body.member-portal.sea-trade-ui .member-nav-wallet,
body.member-portal.sea-trade-ui .vd-top .vd-icon-btn{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#ffe7a3,#d4a017)!important;
  color:#1a1208!important;
  border:0!important;
  box-shadow:none!important;
}
body.member-portal.sea-trade-ui .vd-topbar .vd-topbar-back,
body.member-portal.sea-trade-ui .vp-hero-bar .vp-dashback,
body.member-portal.sea-trade-ui .vp-hero-bar .vp-back{
  width:auto!important;
  height:42px!important;
  min-width:0!important;
  padding:0 14px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#ffe7a3,#d4a017)!important;
  color:#1a1208!important;
  border:0!important;
  box-shadow:none!important;
  white-space:nowrap!important;
}

/* Home, login, and register navbar */
body.vipro-portal .z2-nav{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  width:min(460px, calc(100% - 28px))!important;
  margin:14px auto 0!important;
  padding:8px 10px!important;
  box-sizing:border-box!important;
  background:#0c1c38!important;
  border:1px solid rgba(244,193,90,.45)!important;
  border-radius:18px!important;
  box-shadow:0 10px 22px rgba(0,0,0,.28)!important;
}
body.vipro-portal .z2-nav-brand{display:flex!important;align-items:center!important;min-width:0!important}
body.vipro-portal .z2-nav img{
  width:auto!important;
  max-width:min(150px, 46vw)!important;
  height:40px!important;
  object-fit:contain!important;
  object-position:left center!important;
  display:block!important;
  background:transparent!important;
  border-radius:8px!important;
}
body.vipro-portal .z2-nav-actions{display:flex!important;gap:8px!important;flex:0 0 auto!important}
body.vipro-portal .z2-nav-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:40px!important;
  padding:0 12px!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#ffe7a3,#d4a017)!important;
  color:#1a1208!important;
  text-decoration:none!important;
  font-family:"Noto Naskh Arabic",serif!important;
  font-size:.95rem!important;
  font-weight:700!important;
  white-space:nowrap!important;
  border:0!important;
}
body.vipro-portal .z2-nav-btn.ghost{
  background:transparent!important;
  color:#fff8ea!important;
  border:1px solid rgba(244,193,90,.7)!important;
}
body.vipro-portal .z2-gate,
body.vipro-portal .tt-auth{padding-top:16px!important}

/* Urdu: Naskh for reading, Nastaliq for headings */
body.vipro-portal.sea-trade-ui,
body.member-portal.sea-trade-ui,
body.vipro-dash{
  font-family:"Noto Naskh Arabic","Noto Nastaliq Urdu",serif!important;
}
body.vipro-portal h1,
body.vipro-portal h2,
body.member-portal h1,
body.member-portal h2,
body.member-portal h3,
body.vipro-dash h1,
body.vipro-dash h2,
body.vipro-dash h3{
  font-family:"Noto Nastaliq Urdu","Noto Naskh Arabic",serif!important;
  font-weight:700!important;
  line-height:2.05!important;
}
body.vipro-dash .vd-amount b{
  font-family:Fraunces,Georgia,serif!important;
  font-style:italic!important;
  line-height:1.1!important;
}