@media (max-width: 760px) {
  .shell, .ix-app { display: block !important; }
  aside.sidebar, .shell > .sidebar, .ix-app > .sidebar { display: none !important; }
  .ix-burger { display: inline-grid !important; }
  .mobilehead { display: flex !important; align-items: center !important; gap: 10px !important; }
  .mobilehead .ix-burger,
  .ix-mobile-host .ix-burger {
    display: inline-grid !important;
    color: #3D0191 !important;
    width: 40px !important;
    height: 40px !important;
    gap: 5px !important;
    z-index: 3;
  }
  .mobilehead.ix-mobile-host {
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    background: linear-gradient(115deg, #3D0191 0%, #5a02a4 55%, #800182 100%) !important;
    color: #fff !important;
    padding: 10px 14px 12px !important;
    position: sticky;
    top: 0;
    z-index: 1200;
  }
  .mobilehead.ix-mobile-host > a { order: 1; margin-right: auto; display: inline-flex; align-items: center; }
  .mobilehead.ix-mobile-host .ix-burger { order: 2; }
  .mobilehead.ix-mobile-host .row { order: 3; color: #fff !important; display: flex; align-items: center; gap: 8px; }
  .mobilehead.ix-mobile-host .ix-idrow { order: 4; }
  .mobilehead.ix-mobile-host img.logo { height: 28px !important; width: auto !important; max-width: 148px; }
  .mobilehead.ix-mobile-host .bell, .mobilehead.ix-mobile-host .bell svg { color: #fff !important; stroke: #fff !important; }
  .mobilehead.ix-mobile-host .profile { width: 34px; height: 34px; border-radius: 50%; border: 2px solid #fff; object-fit: cover; }
  .mobilehead.ix-mobile-host .ix-burger,
  .mobilehead.ix-mobile-host .ix-burger span { color: #fff !important; }
  .mobilehead.ix-mobile-host .ix-burger { background: transparent !important; }
  .mobilehead.ix-mobile-host .ix-burger span {
    display: block !important;
    width: 22px !important;
    height: 3px !important;
    background: #fff !important;
    opacity: 1 !important;
  }
  .mobilehead .ix-idrow { flex: 1 0 100%; margin-top: 2px; }
  header.top .ix-idrow { display: none !important; }
  .ix-burger.is-x span { display: none !important; }
  .ix-burger.is-x::after { content: "×"; color: #fff; font-size: 30px; line-height: 1; }
  .ivx-account-card .unified-header,
  .merged-topbar,
  header.top,
  .ix-hero-top { justify-content: flex-start !important; align-items: center !important; }
  .topright, .righthead, .ix-hero-tools, .investment-h-right { margin-left: auto !important; }
}
.ix-burger {
  display: none;
  width: 36px; height: 36px; padding: 0; border: 0; border-radius: 0;
  background: transparent !important; box-shadow: none; place-items: center; gap: 4px; flex: none; color: inherit;
}
.ix-burger span { display: block; width: 16px; height: 2px; border-radius: 2px; background: currentColor; }
.ix-idrow,
.header-welcome,
.user-greeting,
.header-identity,
.ix-welcome,
.ix-side-user,
.mobilehead .identity,
header.top .identity { display: none !important; }
@media (max-width: 760px) {
  .merged-topbar .welcome,
  .merged-topbar .identity { display: none !important; }
}
@media (max-width: 760px) {
  .ix-app-head,
  .ivx-account-card .unified-header.ix-app-head,
  header.top.ix-app-head {
    position: fixed !important;
    top: 0; left: 0; right: 0;
    z-index: 1300;
    min-height: 68px !important;
    margin: 0 !important;
    padding: 12px 14px !important;
    padding-top: calc(12px + env(safe-area-inset-top)) !important;
    background: linear-gradient(115deg, #3D0191 0%, #5a02a4 55%, #800182 100%) !important;
    color: #fff !important;
    box-shadow: 0 8px 18px #3d019129;
    overflow: visible !important;
    border-radius: 0 !important;
  }
  .ix-app-head h1,
  .ix-app-head .identity,
  .ix-app-head .user-greeting,
  .ix-app-head .header-identity,
  .ix-app-head .welcome,
  .ix-app-head .bell,
  .ix-app-head .header-bell,
  .ix-app-head .investment-bell { color: #fff !important; }
  .ix-app-head .header-bell svg,
  .ix-app-head .bell svg,
  .ix-app-head .investment-bell svg { stroke: #fff !important; }
  .ix-app-head .ivx-header-brand,
  .ix-app-head .ix-hero-logo { background: transparent !important; padding: 0 !important; max-width: 150px !important; }
  .ix-app-head .ivx-header-brand img,
  .ix-app-head .ix-hero-logo img { height: 28px !important; width: auto !important; max-height: 28px !important; }
  header.top.ix-app-head .ix-burger,
  .ix-app-head .ix-burger { color: #fff !important; position: relative; z-index: 2; }
  header.top.ix-app-head .ix-burger span,
  .mobilehead .ix-app-head .ix-burger span,
  .ix-app-head .ix-burger span {
    display: block !important;
    width: 18px !important;
    height: 2px !important;
    background: #fff !important;
    opacity: 1 !important;
  }
  body { padding-top: var(--ix-head, 74px) !important; }
  .ix-hero, .merged-portfolio, .ivx-account-card {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
  .ix-cal-back {
    top: var(--ix-head, 74px) !important;
    bottom: 0 !important;
    height: auto !important;
    z-index: 1400 !important;
  }
}
.ix-drawer[hidden] { display: none; }
.ix-drawer { position: fixed; inset: 0; z-index: 1500; background: rgba(22, 0, 48, .55); }
.ix-drawer-panel {
  width: 75vw; max-width: 75vw; height: 100%; background: #F5F1FA; color: #3D0191;
  display: flex; flex-direction: column; overflow: hidden; padding: 0;
  box-shadow: 10px 0 28px #3d019133;
  transform: translateX(-105%); transition: transform .28s ease;
}
.ix-drawer.is-open .ix-drawer-panel { transform: translateX(0); }
.ix-side-hero {
  flex: none; color: #fff; min-height: 68px; padding: 2px 14px; box-sizing: border-box;
  display: flex; align-items: center;
  background: radial-gradient(circle at 92% 0%, #c45cff55, transparent 34%), linear-gradient(120deg, #3D0191, #5a02a4 52%, #800182);
}
.ix-side-brand { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 0; }
.ix-side-brand img { height: 34px; width: auto; max-width: 168px; display: block; object-fit: contain; object-position: left center; background: transparent; }
.ix-side-x { width: 36px; height: 36px; border: 0; background: transparent; color: #fff; font-size: 28px; line-height: 1; margin: 0 -6px 0 0; flex: none; }
.ix-side-user { display: flex; align-items: center; gap: 10px; margin-top: 12px; }
@media (min-width: 761px) {
  aside.ix-desk-side {
    background: #F5F1FA !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-right: 1px solid #eadcf8 !important;
    width: 246px !important;
    min-width: 246px !important;
    max-width: 246px !important;
    flex: 0 0 246px !important;
    height: 100vh !important;
    min-height: 100vh !important;
    position: sticky !important;
    top: 0 !important;
    box-sizing: border-box !important;
  }
  body[data-page="home"] .shell {
    grid-template-columns: 246px minmax(0, 1fr) !important;
  }
  aside.ix-desk-side .ix-side-hero {
    box-sizing: border-box;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex: none;
    margin-top: 18px !important;
    height: 68px !important;
    min-height: 68px !important;
    max-height: 68px !important;
    padding: 2px 14px !important;
    background: linear-gradient(115deg, #3D0191 0%, #5a02a4 55%, #800182 100%) !important;
  }
  aside.ix-desk-side .ix-side-brand { width: 100%; }
  aside.ix-desk-side .ix-side-brand img { height: 30px !important; max-height: 30px !important; width: auto !important; max-width: 168px !important; }
  .ivx-account-card .unified-header,
  .ix-hero-top,
  header.top.ix-app-head {
    min-height: 68px !important;
    box-sizing: border-box;
    align-items: center !important;
  }
  .ix-desk { height: 100%; min-height: 0; display: flex; flex-direction: column; overflow: hidden; }
  .ix-desk .ix-side-scroll { scrollbar-width: none; }
  .ix-desk .ix-side-scroll::-webkit-scrollbar { display: none; }
}
.ix-side-avatar { position: relative; width: 54px; height: 54px; flex: none; }
.ix-side-avatar img { width: 54px; height: 54px; border-radius: 50%; object-fit: cover; border: 2px solid #fff; }
.ix-side-crown { position: absolute; right: -2px; bottom: -2px; width: 18px; height: 18px; border-radius: 50%; background: #fff; color: #800182; display: grid; place-items: center; }
.ix-side-crown svg { width: 12px; height: 12px; }
.ix-side-user strong { display: block; font-size: 16px; font-weight: 700; }
.ix-side-id { display: flex; align-items: center; gap: 6px; margin-top: 2px; font-size: 12px; color: #f3e4ff; }
.ix-side-copy { border: 0; background: transparent; color: #fff; padding: 0; display: inline-flex; }
.ix-side-verified { display: inline-flex; margin-top: 6px; background: #fff; color: #078646; border-radius: 999px; padding: 2px 8px; font-size: 11px; font-weight: 700; }
.ix-side-scroll { flex: 1; min-height: 0; overflow: auto; padding: 10px 10px 16px; }
.ix-side-nav { display: flex; flex-direction: column; }
.ix-side-row,
.ix-side-row span,
.ix-side-out,
.ikon-side-link,
.ikon-side-link span,
aside.sidebar a,
aside.ix-desk-side a {
  font-family: "DM Sans", sans-serif !important;
  font-weight: 650 !important;
  font-size: 14px !important;
  font-style: normal !important;
  letter-spacing: 0 !important;
}
.ikon-side-link.current { font-weight: 650 !important; }
header.top h1,
.merged-topbar h1,
.ivx-account-heading h1,
.page-title-row h1,
.mobiletitle h1 {
  font-family: "DM Sans", sans-serif !important;
  font-weight: 600 !important;
  font-size: 26px !important;
  letter-spacing: -0.02em !important;
  line-height: 1.2 !important;
}
.ix-side-row {
  display: flex; align-items: center; gap: 10px;
  height: 48px !important; min-height: 48px !important; max-height: 48px !important;
  margin: 0 0 8px !important; padding: 0 10px !important; box-sizing: border-box;
  background: #fff; border: 1px solid #eadcf8; border-radius: 14px; color: #3D0191 !important;
  font-family: "DM Sans", sans-serif !important; font-weight: 650 !important; font-size: 14px !important;
  line-height: 1.2 !important; white-space: nowrap !important; text-decoration: none;
}
.ix-side-ico { width: 32px; height: 32px; border-radius: 10px; display: grid; place-items: center; flex: none; background: #F5F1FA; color: #3D0191; }
.ix-side-row > span:nth-child(2) { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ix-side-chev { color: #c4addc; flex: none; }
.ix-side-row.on { background: linear-gradient(100deg, #3D0191, #800182); color: #fff !important; border-color: transparent; }
.ix-side-row.on .ix-side-ico, .ix-side-row.on .ix-side-chev { background: transparent; color: #fff; }
.ix-side-row.on .ix-side-ico { background: rgba(255,255,255,.18); }
.ix-side-out { color: #DB334B !important; margin-top: 6px; }
.ix-side-out .ix-side-ico { color: #DB334B; background: #fff; }
.ix-side-out .ix-side-chev { display: none; }
.ix-side-promo {
  display: block; margin-top: 6px; padding: 14px; border-radius: 16px; color: #fff !important; text-decoration: none;
  background: radial-gradient(circle at 88% 80%, #d28cff66, transparent 42%), linear-gradient(120deg, #3D0191, #800182);
}
.ix-side-promo b { display: block; font-size: 15px; font-weight: 700; }
.ix-side-promo p { margin: 4px 0 10px; font-size: 12px; color: #f6e9ff; }
.ix-side-promo span { display: inline-flex; align-items: center; min-height: 32px; padding: 0 12px; border-radius: 999px; background: #fff; color: #3D0191; font-weight: 700; font-size: 13px; }
/* Home header and sidebar header share one bar. */
@media (min-width: 761px) {
  body[data-page="home"] aside.ix-desk-side .ix-side-hero {
    margin-top: 18px !important;
    height: 68px !important;
    min-height: 68px !important;
    max-height: 68px !important;
    padding: 2px 14px !important;
    box-sizing: border-box;
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
    align-items: center !important;
    background: linear-gradient(115deg, #3D0191 0%, #5a02a4 55%, #800182 100%) !important;
  }
  body[data-page="home"] aside.ix-desk-side .ix-side-brand img {
    height: 30px !important;
    max-height: 30px !important;
  }
  body[data-page="home"] .merged-portfolio { padding-top: 0 !important; }
  body[data-page="home"] .merged-topbar {
    box-sizing: border-box;
    min-height: 68px !important;
    height: 68px !important;
    margin: 0 -17px 12px !important;
    padding: 0 16px !important;
    border-radius: 22px 22px 0 0 !important;
    align-items: center !important;
    background: linear-gradient(115deg, #3D0191 0%, #5a02a4 55%, #800182 100%) !important;
    color: #fff !important;
  }
  body[data-page="home"] .merged-portfolio .merged-topbar .welcome h1,
  body[data-page="home"] .merged-portfolio .merged-topbar .identity,
  body[data-page="home"] .merged-portfolio .merged-topbar .righthead,
  body[data-page="home"] .merged-topbar .bell,
  body[data-page="home"] .merged-topbar .bell svg {
    color: #fff !important;
    stroke: #fff !important;
  }
  body[data-page="home"] .merged-topbar .identity { color: #f3e4ff !important; }
  body[data-page="home"] .merged-topbar .verify {
    color: #078646 !important;
    background: #fff !important;
  }
}
@media (max-width: 760px) {
  .ix-drawer .ix-side-hero {
    height: 68px !important;
    min-height: 68px !important;
    max-height: 68px !important;
    padding: 2px 14px !important;
    box-sizing: border-box;
    display: flex;
    align-items: center;
  }
  .ix-drawer .ix-side-brand img { height: 30px !important; max-height: 30px !important; }
}
body:not([data-page="home"]):not([data-page="dashboard"]):not([data-page="login"]):not([data-page="register"]) .ivx-account-card .unified-header.ix-app-head{min-height:68px!important;height:68px!important;max-height:68px!important;box-sizing:border-box;overflow:hidden;padding-top:0!important;padding-bottom:0!important;display:flex!important;align-items:center!important}
.ivx-account-card .unified-header img.logo,.ix-app-head img.logo{display:block;width:auto!important;max-width:148px!important;height:30px!important;max-height:30px!important;object-fit:contain;object-position:left center}
#investment-report .title{font-size:26px!important;font-weight:600!important;line-height:1.2!important}
.ix-hero-logo { display: inline-flex; background: transparent; border-radius: 0; padding: 0; }
.ix-hero-logo img { height: 32px; width: auto; display: block; }
.ix-hero-tools { margin-left: auto; display: flex; align-items: center; gap: 8px; }
.ix-hero .investment-bell { color: #fff; border-color: rgba(255,255,255,.4); background: rgba(255,255,255,.12); }
.ix-hero .investment-avatar { border-color: #fff; }