/* Wallet page: more room between sections, IKX badge inside the card. */
body[data-page="wallet"] .page{gap:22px}
body[data-page="wallet"] .ivx-account-card{
  padding:14px 18px 12px;
  margin-bottom:22px;
}
body[data-page="wallet"] .ivx-account-card .unified-header{
  min-height:68px!important;
  height:68px;
  padding:0 0 0!important;
  margin:0 0 10px!important;
  box-sizing:border-box;
  align-items:center!important;
}
body[data-page="wallet"] .ivx-account-card .mobile-brand,
body[data-page="wallet"] .ivx-account-card .ivx-header-brand{
  display:inline-flex;
  align-items:center;
  max-width:148px;
  min-width:0;
}
body[data-page="wallet"] .ivx-account-card img.logo{
  display:block;
  width:auto!important;
  max-width:148px!important;
  height:28px!important;
  max-height:28px!important;
  object-fit:contain;
  object-position:left center;
}
body[data-page="wallet"] .ivx-account-heading{margin:0 0 6px}
body[data-page="wallet"] .ivx-account-heading h1{font-size:20px!important;margin:0 0 2px!important;line-height:1.15!important}
body[data-page="wallet"] .ivx-account-heading p{font-size:12px!important;line-height:1.35!important}
body[data-page="wallet"] .hero-amount{font-size:34px!important;line-height:1.05!important}
body[data-page="wallet"] .hero .action{min-height:52px!important;padding:2px 4px!important;gap:6px!important}
body[data-page="wallet"] .hero .action svg{width:36px!important;height:36px!important;padding:8px!important}
body[data-page="wallet"] .hero-grid{
  position:relative;
  padding:0;
}
body[data-page="wallet"] .hero-grid>div:first-child{padding:0 72px}
body[data-page="wallet"] .hero-grid .coinicon{
  position:absolute;
  top:50%;
  right:4px;
  transform:translateY(-50%);
  width:52px;
  height:52px;
  margin:0;
  border:2px solid #f6ecff;
  box-shadow:0 8px 16px rgba(40,0,80,.16);
  background:linear-gradient(145deg,#b06cff,#800182 42%,#3D0191);
  z-index:2;
}
body[data-page="wallet"] .hero .actions{margin-top:12px!important;gap:18px}
body[data-page="wallet"] .grid.grid4{gap:16px}
body[data-page="wallet"] .metric{padding:20px 18px;border-radius:16px}
body[data-page="wallet"] .metric strong{margin-top:10px}
body[data-page="wallet"] .income-zone{padding:24px!important}
body[data-page="wallet"] .income-heading{margin-bottom:16px}
body[data-page="wallet"] .income-overview-v20{margin:0 0 16px;padding:18px 20px}
body[data-page="wallet"] .income-search-v20{margin:0 0 14px}
body[data-page="wallet"] .income-tile{min-height:78px!important;padding:16px 16px!important}
@media(max-width:760px){
  body[data-page="wallet"] .page{gap:16px}
  body[data-page="wallet"] .ivx-account-card{padding:12px 12px 10px}
  body[data-page="wallet"] .ivx-account-card .unified-header.ix-app-head{
    min-height:68px!important;
    margin:0!important;
    padding:10px 14px!important;
    padding-top:calc(10px + env(safe-area-inset-top))!important;
  }
  body[data-page="wallet"] .ivx-account-card img.logo{height:26px!important;max-height:26px!important;max-width:124px!important}
  body[data-page="wallet"] .ivx-account-heading h1{font-size:18px!important}
  body[data-page="wallet"] .hero-amount{font-size:28px!important}
  body[data-page="wallet"] .hero-grid>div:first-child{padding:0 48px}
  body[data-page="wallet"] .hero-grid .coinicon{width:40px;height:40px;right:0}
  body[data-page="wallet"] .hero .actions{margin-top:10px!important;gap:8px}
  body[data-page="wallet"] .hero .action{min-height:48px!important}
  body[data-page="wallet"] .grid.grid4{gap:12px}
  body[data-page="wallet"] .metric{padding:16px 14px}
  body[data-page="wallet"] .income-zone{padding:16px!important}
  body[data-page="wallet"] .income-tile{min-height:72px!important;padding:14px 12px!important}
}