/* V20: IKONVEX home and wallet — balance-first header and asset-style income rows */
:root{--v20-purple:#3D0191;--v20-magenta:#800182;--v20-gold:#9B4DE0;--v20-lavender:#F3EAFF}
body{font-family:'DM Sans',sans-serif!important}
/* wallet: large but restrained premium balance display */
body[data-page="wallet"] .page>.hero{background:radial-gradient(circle at 55% 52%,#7543bb 0%,#5821a4 39%,#3d0191 84%);border-radius:24px;padding:28px 28px 23px;isolation:isolate;box-shadow:0 12px 32px #3D019122}
body[data-page="wallet"] .page>.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 95% -25%,#80018288,transparent 60%);pointer-events:none}
body[data-page="wallet"] .hero-grid{justify-content:center;text-align:center}
body[data-page="wallet"] .hero-grid>div:first-child{width:100%;display:flex;align-items:center;flex-direction:column;gap:5px}
body[data-page="wallet"] .hero-label{font-weight:400;font-size:13px;opacity:.88}
body[data-page="wallet"] .hero-amount{font-size:clamp(34px,4vw,51px);font-weight:600;letter-spacing:-.045em;line-height:1.1}
body[data-page="wallet"] .hero-grid .coinicon{position:absolute;top:0;right:0;width:44px;height:44px;font-weight:600;border:2px solid #9B4DE0}
body[data-page="wallet"] .hero .actions{margin:24px auto 0;max-width:600px;justify-content:space-around;gap:12px}
body[data-page="wallet"] .hero .action{display:flex;flex-direction:column;gap:9px;background:transparent;color:#fff;font-weight:500;font-size:12px;min-height:72px;padding:7px 5px;border-radius:14px}
body[data-page="wallet"] .hero .action svg{padding:11px;width:46px;height:46px;border-radius:50%;color:#fff;background:#ffffff24;border:1px solid #ffffff34;box-shadow:0 6px 16px #28006318}
body[data-page="wallet"] .hero .action:hover svg{background:#9B4DE0;color:#3D0191}
/* Income section as familiar wallet asset list — never overloaded */
body[data-page="wallet"] .income-zone{padding:18px!important;background:#fff!important;border-radius:18px}
body[data-page="wallet"] .income-heading{align-items:center;margin-bottom:10px}
body[data-page="wallet"] .income-heading .eyebrow{letter-spacing:.075em;font-size:10px}
body[data-page="wallet"] .income-heading .title{font-size:19px;font-weight:600!important;margin:1px 0!important}
body[data-page="wallet"] .income-overview-v20{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 17px;margin:0 0 12px;background:linear-gradient(110deg,#f7eeff,#eee0ff);border:1px solid #e6d1ff;border-radius:15px}
body[data-page="wallet"] .income-overview-v20 small{display:block;color:#805da9;font-size:11px}
body[data-page="wallet"] .income-overview-v20 strong{font-size:23px;line-height:1.18;font-weight:650;letter-spacing:-.03em}
body[data-page="wallet"] .income-overview-v20 .v20-count{font-size:11px;border-radius:20px;padding:6px 10px;background:#F0E3FF;font-weight:600;white-space:nowrap}
body[data-page="wallet"] .income-search-v20{display:flex;gap:9px;margin:0 0 9px}
body[data-page="wallet"] .income-search-v20 input{width:100%;min-height:40px;border-radius:11px;background:#fbf8ff;border:1px solid #e5d1fc;color:#3D0191;padding:9px 12px;font:400 13px 'DM Sans',sans-serif}
body[data-page="wallet"] .income-search-v20 input:focus{outline:2px solid #9b4de088}
body[data-page="wallet"] .income-cards-v18{display:flex!important;flex-direction:column;gap:0!important;border:1px solid #eee1ff;border-radius:15px;background:#fff;overflow:hidden}
body[data-page="wallet"] .income-tile{display:grid!important;grid-template-columns:46px minmax(0,1fr) auto 15px;grid-template-rows:auto auto;column-gap:12px;row-gap:2px;align-items:center;min-height:69px!important;padding:11px 13px!important;background:#fff!important;border:0!important;border-bottom:1px solid #eee5f8!important;border-radius:0!important;box-shadow:none!important;text-align:left;transition:background .15s ease}
body[data-page="wallet"] .income-tile:last-child{border-bottom:0!important}
body[data-page="wallet"] .income-tile:hover,body[data-page="wallet"] .income-tile.selected{background:#f8f0ff!important}
body[data-page="wallet"] .income-tile[hidden]{display:none!important}
body[data-page="wallet"] .income-tile .income-icon{grid-row:1/3;grid-column:1;width:42px;height:42px;border-radius:50%;background:linear-gradient(145deg,#f1e4ff,#e4cbff);color:#3D0191}
body[data-page="wallet"] .income-tile:nth-child(3n+2) .income-icon{background:#F0E3FF;color:#800182}
body[data-page="wallet"] .income-tile .income-label{grid-row:1/3;grid-column:2;min-height:0!important;font-size:13px!important;font-weight:500;line-height:1.28;color:#3D0191}
body[data-page="wallet"] .income-tile strong{grid-row:1/3;grid-column:3;white-space:nowrap;font-size:15px!important;font-weight:650;color:#3D0191}
body[data-page="wallet"] .income-tile .income-foot{grid-row:1/3;grid-column:4;margin:0;white-space:nowrap;font-size:0;color:#a280d0}
body[data-page="wallet"] .income-tile .income-foot svg{width:16px;height:16px}
body[data-page="wallet"] .income-expanded{background:#fbf7ff}
/* home: same balanced premium product feel, existing content unchanged */
body[data-page="home"] .merged-portfolio{border-radius:22px!important;box-shadow:0 12px 28px #3d019120}
body[data-page="home"] .merged-portfolio .topbar .welcome h1{font-weight:600!important}
body[data-page="home"] .merged-portfolio .balance{font-weight:650!important;letter-spacing:-.04em}
/* Small-screen: dark balance centered like supplied first reference; compact toolbar */
@media(max-width:760px){
 body[data-page="home"] .merged-portfolio{border-radius:20px!important;padding:18px 13px 14px!important;background:radial-gradient(circle at 50% 50%,#642eac,#3d0191 65%,#800182 115%)!important}
 body[data-page="home"] .merged-portfolio .topbar{margin-bottom:12px!important;padding-bottom:10px!important}
 body[data-page="home"] .merged-portfolio .topbar .welcome h1{font-size:15px!important;line-height:1.25}
 body[data-page="home"] .merged-portfolio .port-head{font-size:12px!important;text-align:center;opacity:.85}
 body[data-page="home"] .merged-portfolio .balance{font-size:clamp(29px,8.2vw,37px)!important;text-align:center;margin:5px 0 10px!important;letter-spacing:-.045em}
 body[data-page="home"] .merged-portfolio .trend{display:none!important}
 body[data-page="home"] .merged-portfolio .actions{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px!important}
 body[data-page="home"] .merged-portfolio .actions button{min-width:0}
 body[data-page="wallet"] .page>.hero{padding:24px 13px 19px;border-radius:20px}
 body[data-page="wallet"] .hero-grid .coinicon{width:37px;height:37px;top:-9px;right:0;font-size:11px}
 body[data-page="wallet"] .hero-label{font-size:12px}
 body[data-page="wallet"] .hero-amount{font-size:clamp(32px,8.8vw,42px)}
 body[data-page="wallet"] .hero .actions{margin-top:19px;gap:4px}
 body[data-page="wallet"] .hero .action{min-height:67px;font-size:10px;gap:6px;padding:4px 1px}
 body[data-page="wallet"] .hero .action svg{width:41px;height:41px;padding:10px}
 body[data-page="wallet"] .income-zone{padding:12px!important}
 body[data-page="wallet"] .income-heading .title{font-size:17px}
 body[data-page="wallet"] .income-overview-v20{padding:13px 12px}
 body[data-page="wallet"] .income-overview-v20 strong{font-size:21px}
 body[data-page="wallet"] .income-tile{grid-template-columns:40px minmax(0,1fr) auto 13px;column-gap:8px;min-height:64px!important;padding:9px!important}
 body[data-page="wallet"] .income-tile .income-icon{width:37px;height:37px}
 body[data-page="wallet"] .income-tile .income-icon svg{width:19px;height:19px}
 body[data-page="wallet"] .income-tile .income-label{font-size:11.5px!important}
 body[data-page="wallet"] .income-tile strong{font-size:13px!important}
}
@media(max-width:370px){body[data-page="wallet"] .income-tile .income-label{font-size:10.5px!important}body[data-page="wallet"] .income-tile strong{font-size:12px!important}}