html.marrona-portfolio-route #root .portfolio-section-head .section-eyebrow { display: none !important; }
html.marrona-portfolio-route #root .portfolio-section-head .section-title { margin-top: 0 !important; }
html.marrona-portfolio-route #root .portfolio-section-head .portfolio-status-copy { max-width: 680px !important; margin: 21px 0 0 !important; color: rgba(235,237,228,.6) !important; font-size: 15px !important; line-height: 1.65 !important; }
html.marrona-portfolio-route #root .portfolio-section-head .marrona-page-state { width: fit-content; margin-top: 24px; padding: 9px 12px; display: flex; align-items: center; gap: 9px; border: 1px solid rgba(255,255,255,.13); border-radius: 999px; background: rgba(255,255,255,.04); color: rgba(235,237,228,.66) !important; font-size: 10px; font-weight: 600; line-height: 1; letter-spacing: .1em; }
html.marrona-portfolio-route #root .portfolio-section-head .marrona-page-state span { width: 7px; height: 7px; flex: 0 0 auto; border-radius: 50%; background: #c8ff00; box-shadow: 0 0 10px rgba(200,255,0,.55); }
html.marrona-portfolio-route #root .portfolio-metric-card,
html.marrona-portfolio-route #root .pf-body > .table-card,
html.marrona-portfolio-route #root .portfolio-side-stack > .table-card,
html.marrona-portfolio-route #root .portfolio-threshold-card,
html.marrona-portfolio-route #root section.app-section.compact.flush-bottom > .surface-card {
  border: 1px solid rgba(255,255,255,.15) !important;
  background: radial-gradient(110% 150% at 0% 0%, rgba(255,255,255,.12), transparent 58%), linear-gradient(135deg, rgba(255,255,255,.075), rgba(255,255,255,.022)) !important;
  -webkit-backdrop-filter: blur(22px) saturate(155%) !important;
  backdrop-filter: blur(22px) saturate(155%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 16px 38px rgba(0,0,0,.25) !important;
}
html.marrona-portfolio-route #root .portfolio-metric-card { border-radius: 18px !important; }
html.marrona-portfolio-route #root .portfolio-metric-card > div:first-child {
  color: rgba(235,237,228,.48) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: .12em !important;
}
html.marrona-portfolio-route #root .portfolio-metric-value {
  color: #f4f4ef !important;
  font-variant-numeric: tabular-nums;
}
html.marrona-portfolio-route #root .portfolio-metric-meta { color: rgba(235,237,228,.55) !important; }
html.marrona-portfolio-route #root .marrona-reserve-empty {
  min-height: 230px;
  padding: 38px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
html.marrona-portfolio-route #root .marrona-reserve-empty strong {
  color: #f4f4ef !important;
  font-size: 15px;
  font-weight: 600;
}
html.marrona-portfolio-route #root .marrona-reserve-empty p {
  max-width: 300px;
  margin: 9px 0 0;
  color: rgba(235,237,228,.5) !important;
  font-size: 11px;
  line-height: 1.55;
}
html.marrona-portfolio-route #root .portfolio-stock-list { display: block !important; }
html.marrona-portfolio-route #root .portfolio-threshold-card > div:first-child {
  color: #c8ff00 !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: .12em !important;
}
html.marrona-portfolio-route #root .portfolio-threshold-card .btn-dark,
html.marrona-portfolio-route #root section.app-section.compact.flush-bottom .btn-dark {
  color: #050505 !important;
  border: 1px solid rgba(232,255,153,.78) !important;
  background: radial-gradient(130% 150% at 15% 0%, rgba(255,255,255,.62), transparent 38%), linear-gradient(135deg, #d9ff58 0%, #c8ff00 58%, #aee500 100%) !important;
  box-shadow: 0 10px 28px rgba(161,214,0,.2), inset 0 1px 0 rgba(255,255,255,.62), inset 0 -1px 0 rgba(69,91,0,.24) !important;
  transition: transform .25s ease, filter .25s ease, box-shadow .25s ease !important;
}
html.marrona-portfolio-route #root .portfolio-threshold-card .btn-dark:hover,
html.marrona-portfolio-route #root section.app-section.compact.flush-bottom .btn-dark:hover {
  transform: translateY(-2px);
  filter: brightness(1.04);
}
html.marrona-portfolio-route #root .portfolio-card-copy {
  background: transparent !important;
  background-color: transparent !important;
}
html.marrona-portfolio-route #root .marrona-portfolio-copyright {
  margin-top: 8px !important;
  color: rgba(235,237,228,.38) !important;
}
@media (max-width: 720px) {
  html.marrona-portfolio-route #root .portfolio-metric-card { border-radius: 16px !important; }
  html.marrona-portfolio-route #root .marrona-reserve-empty { min-height: 180px; }
}
/* User portfolio stock assets: match the compact Home stock cards. */
html.marrona-portfolio-route #root .portfolio-holdings-card .portfolio-stock-list {
  display: grid !important;
  grid-template-columns: minmax(0,1fr);
  gap: 10px;
  padding: 12px 14px 16px;
}
html.marrona-portfolio-route #root .portfolio-holdings-card .portfolio-stock-row {
  position: relative;
  isolation: isolate;
  min-height: 62px;
  padding: 9px 12px !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  border-radius: 14px !important;
  background:
    radial-gradient(130% 170% at 5% -15%, rgba(255,255,255,.18) 0%, rgba(255,255,255,.055) 38%, transparent 68%),
    linear-gradient(135deg, rgba(255,255,255,.105), rgba(255,255,255,.025)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.24),
    inset 0 -1px 0 rgba(255,255,255,.045),
    0 12px 28px rgba(0,0,0,.24) !important;
  -webkit-backdrop-filter: blur(24px) saturate(165%);
  backdrop-filter: blur(24px) saturate(165%);
  overflow: hidden;
  transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease !important;
}
html.marrona-portfolio-route #root .portfolio-holdings-card .portfolio-stock-row::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    linear-gradient(118deg, rgba(255,255,255,.16), transparent 30%, transparent 72%, rgba(200,255,0,.055)),
    radial-gradient(70% 85% at 100% 100%, rgba(200,255,0,.08), transparent 72%);
}
html.marrona-portfolio-route #root .portfolio-holdings-card .portfolio-stock-row::after {
  content: "";
  position: absolute;
  top: 0;
  left: 16px;
  right: 16px;
  height: 1px;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.55), transparent);
  opacity: .68;
}
html.marrona-portfolio-route #root .portfolio-stock-row > div:first-child {
  min-width: 0;
  align-items: center !important;
}
html.marrona-portfolio-route #root .portfolio-stock-row > div:first-child > img {
  width: 38px !important;
  height: 38px !important;
  flex: 0 0 38px !important;
  object-fit: cover !important;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.2) !important;
  border-radius: 10px !important;
  background: rgba(255,255,255,.075) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 5px 12px rgba(0,0,0,.22);
}
html.marrona-portfolio-route #root .portfolio-stock-row > div:first-child > div {
  min-width: 0;
  display: flex !important;
  align-items: baseline !important;
  gap: 7px !important;
  overflow: hidden;
}
html.marrona-portfolio-route #root .portfolio-stock-row > div:first-child > div > div:first-child {
  flex: 0 0 auto;
  color: #f7f8f2 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  line-height: 1 !important;
}
html.marrona-portfolio-route #root .portfolio-stock-row > div:first-child > div > div:last-child {
  min-width: 0;
  margin-top: 0 !important;
  color: rgba(235,237,228,.58) !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}
html.marrona-portfolio-route #root .portfolio-stock-row > div:last-child > div:first-child {
  color: #f7f8f2 !important;
  font-size: 15px !important;
  font-weight: 750 !important;
  line-height: 1 !important;
  font-variant-numeric: tabular-nums;
}
html.marrona-portfolio-route #root .portfolio-stock-row > div:last-child > div:last-child {
  display: none !important;
}
@media (hover:hover) {
  html.marrona-portfolio-route #root .portfolio-holdings-card .portfolio-stock-row:hover {
    transform: translateY(-2px);
    border-color: rgba(255,255,255,.3) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 18px 36px rgba(0,0,0,.34), 0 0 24px rgba(200,255,0,.04) !important;
  }
}
@media (max-width:600px) {
  html.marrona-portfolio-route #root .portfolio-holdings-card .portfolio-stock-list {
    gap: 8px;
    padding: 10px 10px 14px;
  }
  html.marrona-portfolio-route #root .portfolio-holdings-card .portfolio-stock-row {
    min-height: 60px;
    padding: 8px 10px !important;
    border-radius: 13px !important;
  }
}
html.marrona-portfolio-route #root .marrona-portfolio-footer-action {
  justify-content: center !important;
}

/* Portfolio composition: history + eligibility, then full-width two-column assets. */
html.marrona-portfolio-route #root .pf-body.marrona-portfolio-layout {
  display: grid !important;
  grid-template-columns: minmax(0,1.55fr) minmax(300px,.75fr) !important;
  gap: 14px !important;
  align-items: stretch !important;
}
html.marrona-portfolio-route #root .pf-body.marrona-portfolio-layout > .table-card:first-child,
html.marrona-portfolio-route #root .pf-body.marrona-portfolio-layout > .portfolio-threshold-card {
  height: 100% !important;
  min-height: 390px;
}
html.marrona-portfolio-route #root .pf-body.marrona-portfolio-layout > .portfolio-threshold-card {
  display: flex !important;
  flex-direction: column !important;
}
html.marrona-portfolio-route #root .pf-body.marrona-portfolio-layout > .portfolio-threshold-card .btn-dark {
  margin-top: auto !important;
  align-self: flex-start;
}
html.marrona-portfolio-route #root .pf-body.marrona-portfolio-layout > .portfolio-holdings-card {
  grid-column: 1 / -1 !important;
  width: 100%;
}
html.marrona-portfolio-route #root .pf-body.marrona-portfolio-layout .portfolio-stock-list {
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
}
@media (max-width:820px) {
  html.marrona-portfolio-route #root .pf-body.marrona-portfolio-layout {
    grid-template-columns: minmax(0,1fr) !important;
  }
  html.marrona-portfolio-route #root .pf-body.marrona-portfolio-layout > .table-card:first-child,
  html.marrona-portfolio-route #root .pf-body.marrona-portfolio-layout > .portfolio-threshold-card {
    min-height: auto;
  }
}
@media (max-width:600px) {
  html.marrona-portfolio-route #root .pf-body.marrona-portfolio-layout .portfolio-stock-list {
    grid-template-columns: minmax(0,1fr) !important;
  }
}