/* IKONVEX V21 — unified DM Sans, dark-purple/magenta accents, no yellow UI */
:root { --yellow:#9B4DE0!important; --gold:#9B4DE0!important; --v20-gold:#9B4DE0!important; --purple:#3D0191; --magenta:#800182; --ikon-font:'DM Sans',sans-serif; }
html,body,button,input,textarea,select,option,a,nav,small,strong,b,span,p,h1,h2,h3,h4,label {font-family:'DM Sans',sans-serif!important;}
body{font-weight:400!important; -webkit-font-smoothing:antialiased;}
button,input,select,textarea{font-size:inherit;}
h1,h2,h3,h4,.title,.user-greeting{font-weight:600!important;letter-spacing:-.02em}
button,.btn,.nav-link,.ikon-side-link{font-weight:500!important;}
/* restrained ink on light backgrounds, clear figure hierarchy */
.page-title-row h1{font-size:clamp(19px,1.6vw,24px)!important}
.page-title-row p,.muted,.hero-label,.metric-label{font-weight:400!important}
.hero-amount,.balance,.income-overview-v20 strong{font-weight:600!important;letter-spacing:-.025em}
.metric strong,.income-tile strong{font-weight:600!important}
/* all interactive highlights in violet, never bright yellow */
.btn.gold,.gold,.final-plan-card .plan-rate,.final-plan-card .final-popular,.btn.primary,
button[type=submit].gold{background:linear-gradient(125deg,#3D0191,#800182)!important;color:white!important;border-color:#800182!important}
.ikon-side-link.current,.nav-link.active,.mobile-nav a.active{background:#E8D7FD!important;color:#3D0191!important}
.ikon-side-link.current:before,.nav-link.active:before,.bottomnav .active:after{background:#800182!important}
.verified-icon,.miniTag,.pill,.plan-rate{border-color:#DBBEF9}
/* Desktop: scrolling still works but no visible rail */
@media(min-width:761px){
 .ikon-sidebar-menu,.sidebar,.side{scrollbar-width:none!important;-ms-overflow-style:none!important;}
 .ikon-sidebar-menu::-webkit-scrollbar,.sidebar::-webkit-scrollbar,.side::-webkit-scrollbar{width:0!important;display:none!important;}
 .ikon-sidebar-menu{overflow-y:auto!important;overscroll-behavior:contain!important;}
}
/* Header profile is placed by the name, while existing avatar menu remains usable */
.ikon-greeting-row{display:flex;align-items:center;gap:9px;min-width:0}
.ikon-greeting-profile{height:34px;width:34px;flex:0 0 34px;display:block;border-radius:50%;border:2px solid #B572E8;overflow:hidden;box-shadow:0 2px 8px #28004C25}
.ikon-greeting-profile img{height:100%;width:100%;object-fit:cover}
.merged-topbar .ikon-greeting-profile{border-color:#FFF}
.ikon-greeting-row h1,.ikon-greeting-row .user-greeting{min-width:0;line-height:1.2}
/* fixed mobile footer with center casino, unaffected by accent change */
@media(max-width:760px){
 .ikon-greeting-profile{height:27px;width:27px;flex-basis:27px}
 .ikon-greeting-row{gap:6px}
 .user-greeting,.merged-topbar .welcome h1{font-size:13px!important;font-weight:600!important}
 .header-identity,.identity{font-size:10px!important}
 .mobile-brand img.logo{max-width:96px}
 .content{padding-bottom:calc(106px + env(safe-area-inset-bottom))!important}
 .page-title-row h1{font-size:19px!important}
 .income-tile strong{font-size:13px!important}
 .bottomnav{border-top:1px solid #EAD4FA}
}
@media(max-width:370px){.ikon-greeting-profile{width:23px;height:23px;flex-basis:23px}}
/* exchange practice trading UI */
.trade-live-note{font-size:11px;line-height:1.5;padding:9px 11px;background:#F6EDFF;border:1px solid #DFC5F4;color:#50217E;border-radius:10px;margin-top:11px}
.practice-total{display:flex;align-items:center;justify-content:space-between;padding:12px 0;color:#4D168B;border-bottom:1px solid #EBDCF8}
.practice-total strong{font-weight:600;font-size:17px}
.practice-order{display:flex;flex-wrap:wrap;justify-content:space-between;gap:7px;padding:10px 4px;border-bottom:1px solid #EEE0FB;align-items:center}
.practice-order strong{color:#3D0191}
.practice-order .btn{font-size:11px;padding:6px 10px}
#practice-available{font-variant-numeric:tabular-nums}