/* Home Dashboard V10 — Phase 5 public Home mockup alignment.
 * Visual reference: compact public market-summary Home. Personalization is deferred
 * until portfolio valuation/alert data is ready. Search stays first on mobile.
 */
html[data-cardondo-home="v10-shell"]{
  --p5-orange:#ff5a1f;
  --p5-coral:#ff4b3e;
  --p5-ink:#15171b;
  --p5-muted:#777d84;
  --p5-line:#ecebea;
  --p5-soft:#f7f7f6;
  --p5-red:#eb4960;
  --p5-green:#169b72;
  --p5-blue:#2f78c5;
}

html[data-cardondo-home="v10-shell"] body{background:#fff!important}
html[data-cardondo-home="v10-shell"] .homeV10HeaderInner{
  grid-template-areas:"brand search spacer tools";
}
html[data-cardondo-home="v10-shell"] .homeV10Brand{grid-area:brand}
html[data-cardondo-home="v10-shell"] .homeV10GlobalSearch{grid-area:search}
html[data-cardondo-home="v10-shell"] .homeV10HeaderSpacer{grid-area:spacer}
html[data-cardondo-home="v10-shell"] .homeV10HeaderTools{grid-area:tools}
html[data-cardondo-home="v10-shell"] .v9Main{
  display:flex!important;
  flex-direction:column!important;
}
html[data-cardondo-home="v10-shell"] .homeV10PublicSummary{order:1}
html[data-cardondo-home="v10-shell"] .v9CompactFeatured{order:2}
html[data-cardondo-home="v10-shell"] .v9News{order:3}
html[data-cardondo-home="v10-shell"] .v9Movement{order:4}
html[data-cardondo-home="v10-shell"] .v9CompactOneInsight{order:5}
html[data-cardondo-home="v10-shell"] .v9EvidenceMore{order:6}
html[data-cardondo-home="v10-shell"] .v9Rules{order:7}
html[data-cardondo-home="v10-shell"] .v9Section{order:8}

html[data-cardondo-home="v10-shell"] .homeV10PublicSummary{
  margin:0 0 6px;
  padding:24px;
  border:1px solid var(--p5-line);
  border-radius:16px;
  background:linear-gradient(135deg,#fff8f8 0%,#fff 58%,#fff8f2 100%);
  box-shadow:none;
}
html[data-cardondo-home="v10-shell"] .homeV10SummaryTop{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
}
html[data-cardondo-home="v10-shell"] .homeV10SummaryTop time{
  display:block;
  margin-bottom:5px;
  color:#7b8087;
  font-size:12px;
  font-weight:750;
}
html[data-cardondo-home="v10-shell"] .homeV10SummaryTop h1{
  margin:0;
  color:var(--p5-ink);
  font-size:30px;
  line-height:1.18;
  letter-spacing:-.045em;
}
html[data-cardondo-home="v10-shell"] .homeV10SummaryTop p{
  margin:7px 0 0;
  color:var(--p5-muted);
  font-size:13px;
  line-height:1.5;
}
html[data-cardondo-home="v10-shell"] .homeV10LivePill{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:0 12px;
  border-radius:999px;
  background:#ffe8ed;
  color:var(--p5-red);
  font-size:11px;
  font-weight:900;
}
html[data-cardondo-home="v10-shell"] .homeV10SummaryMetrics{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-top:20px;
}
html[data-cardondo-home="v10-shell"] .homeV10SummaryMetric{
  min-width:0;
  padding:14px;
  border:1px solid rgba(0,0,0,.025);
  border-radius:13px;
  background:#fff;
}
html[data-cardondo-home="v10-shell"] .homeV10SummaryMetric.news{background:#fff3f6}
html[data-cardondo-home="v10-shell"] .homeV10SummaryMetric.sold{background:#effaf6}
html[data-cardondo-home="v10-shell"] .homeV10SummaryMetric.up{background:#fff4ed}
html[data-cardondo-home="v10-shell"] .homeV10SummaryMetric.down{background:#eff7ff}
html[data-cardondo-home="v10-shell"] .homeV10SummaryMetric small{
  display:block;
  margin-bottom:6px;
  color:#777d84;
  font-size:11px;
  font-weight:800;
}
html[data-cardondo-home="v10-shell"] .homeV10SummaryMetric strong{
  color:var(--p5-ink);
  font-size:26px;
  line-height:1;
  letter-spacing:-.035em;
}
html[data-cardondo-home="v10-shell"] .homeV10SummaryMetric.news strong{color:var(--p5-red)}
html[data-cardondo-home="v10-shell"] .homeV10SummaryMetric.sold strong{color:var(--p5-green)}
html[data-cardondo-home="v10-shell"] .homeV10SummaryMetric.up strong{color:#e95d36}
html[data-cardondo-home="v10-shell"] .homeV10SummaryMetric.down strong{color:var(--p5-blue)}
html[data-cardondo-home="v10-shell"] .homeV10SummaryMetric em{
  margin-left:3px;
  color:#8d9299;
  font-size:10px;
  font-style:normal;
  font-weight:700;
}
html[data-cardondo-home="v10-shell"] .homeV10SummaryFoot{
  display:block;
  margin-top:10px;
  color:#9a9fa6;
  font-size:10px;
}

@media(max-width:820px){
  html[data-cardondo-home="v10-shell"] .v9Header{
    position:relative!important;
    border-bottom:0!important;
    background:#fff!important;
  }
  html[data-cardondo-home="v10-shell"] .homeV10HeaderInner{
    width:100%!important;
    min-height:0!important;
    padding:10px 16px 8px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:
      "search search"
      "brand tools"!important;
    gap:10px 12px!important;
  }
  html[data-cardondo-home="v10-shell"] .homeV10GlobalSearch{
    grid-area:search!important;
    width:100%!important;
    min-height:48px!important;
    margin:0!important;
    padding:4px 5px 4px 14px!important;
    border:1px solid #e9e8e6!important;
    border-radius:14px!important;
    background:#f8f8f7!important;
    box-sizing:border-box!important;
  }
  html[data-cardondo-home="v10-shell"] .homeV10GlobalSearch input{
    font-size:15px!important;
    font-weight:550!important;
  }
  html[data-cardondo-home="v10-shell"] .homeV10GlobalSearch button{
    width:66px!important;
    min-height:38px!important;
    border-radius:11px!important;
    font-size:13px!important;
  }
  html[data-cardondo-home="v10-shell"] .homeV10Brand{
    grid-area:brand!important;
    min-height:46px!important;
    gap:9px!important;
    font-size:18px!important;
    font-weight:900!important;
  }
  html[data-cardondo-home="v10-shell"] .homeV10BrandMark{
    width:15px!important;
    height:15px!important;
    border-radius:50%!important;
    transform:none!important;
    background:var(--p5-coral)!important;
    box-shadow:0 0 0 5px #fff1f2!important;
  }
  html[data-cardondo-home="v10-shell"] .homeV10HeaderSpacer{display:none!important}
  html[data-cardondo-home="v10-shell"] .homeV10HeaderTools{
    grid-area:tools!important;
    align-self:center!important;
    gap:4px!important;
  }
  html[data-cardondo-home="v10-shell"] .homeV10HeaderTools a,
  html[data-cardondo-home="v10-shell"] .homeV10HeaderTools a:last-child{
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
    border:0!important;
    border-radius:10px!important;
    background:transparent!important;
    font-size:12px!important;
  }
  html[data-cardondo-home="v10-shell"] .homeV10HeaderTools a:first-child{font-size:22px!important}

  /* Public Home tabs from the reference: Home / Market / Price / Set. */
  html[data-cardondo-home="v10-shell"] .homeV10CategoryWrap{
    display:block!important;
    border-top:0!important;
    border-bottom:1px solid var(--p5-line)!important;
    background:#fff!important;
  }
  html[data-cardondo-home="v10-shell"] .homeV10CategoryNav{
    width:100%!important;
    min-height:48px!important;
    padding:0 16px 8px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:6px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }
  html[data-cardondo-home="v10-shell"] .homeV10CategoryNav a{display:none!important}
  html[data-cardondo-home="v10-shell"] .homeV10CategoryNav a:nth-child(1),
  html[data-cardondo-home="v10-shell"] .homeV10CategoryNav a:nth-child(6),
  html[data-cardondo-home="v10-shell"] .homeV10CategoryNav a:nth-child(7),
  html[data-cardondo-home="v10-shell"] .homeV10CategoryNav a:nth-child(9){
    flex:1 1 0!important;
    min-width:0!important;
    min-height:36px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 8px!important;
    border-radius:12px!important;
    color:#666c73!important;
    font-size:13px!important;
    font-weight:800!important;
  }
  html[data-cardondo-home="v10-shell"] .homeV10CategoryNav a:nth-child(1){order:1}
  html[data-cardondo-home="v10-shell"] .homeV10CategoryNav a:nth-child(9){order:2}
  html[data-cardondo-home="v10-shell"] .homeV10CategoryNav a:nth-child(6){order:3}
  html[data-cardondo-home="v10-shell"] .homeV10CategoryNav a:nth-child(7){order:4}
  html[data-cardondo-home="v10-shell"] .homeV10CategoryNav a.active{
    background:#17181a!important;
    color:#fff!important;
  }

  html[data-cardondo-home="v10-shell"] .v9Main{
    width:calc(100% - 32px)!important;
    margin:0 auto 34px!important;
  }
  html[data-cardondo-home="v10-shell"] .homeV10PublicSummary{
    margin:16px 0 4px!important;
    padding:16px!important;
    border:1px solid #f0eeee!important;
    border-radius:15px!important;
    background:linear-gradient(135deg,#fff8f9 0%,#fff 68%)!important;
  }
  html[data-cardondo-home="v10-shell"] .homeV10SummaryTop{gap:12px!important}
  html[data-cardondo-home="v10-shell"] .homeV10SummaryTop time{
    margin-bottom:4px!important;
    font-size:11px!important;
  }
  html[data-cardondo-home="v10-shell"] .homeV10SummaryTop h1{
    font-size:25px!important;
    line-height:1.16!important;
  }
  html[data-cardondo-home="v10-shell"] .homeV10SummaryTop p{
    margin-top:5px!important;
    font-size:11.5px!important;
  }
  html[data-cardondo-home="v10-shell"] .homeV10LivePill{
    min-height:26px!important;
    padding:0 10px!important;
    font-size:10px!important;
  }
  html[data-cardondo-home="v10-shell"] .homeV10SummaryMetrics{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:6px!important;
    margin-top:14px!important;
  }
  html[data-cardondo-home="v10-shell"] .homeV10SummaryMetric{
    min-height:65px!important;
    padding:9px 7px!important;
    border-radius:11px!important;
    text-align:center!important;
    box-sizing:border-box!important;
  }
  html[data-cardondo-home="v10-shell"] .homeV10SummaryMetric small{
    margin-bottom:7px!important;
    font-size:9.5px!important;
    white-space:nowrap!important;
  }
  html[data-cardondo-home="v10-shell"] .homeV10SummaryMetric strong{font-size:23px!important}
  html[data-cardondo-home="v10-shell"] .homeV10SummaryMetric em{font-size:9px!important}
  html[data-cardondo-home="v10-shell"] .homeV10SummaryFoot{font-size:9.5px!important}

  /* The public Home starts with Picks and News; no personal dashboard is rendered. */
  html[data-cardondo-home="v10-shell"] .v9Section{margin-top:24px!important}
  html[data-cardondo-home="v10-shell"] .v9Section>header{margin:0 0 8px!important}
  html[data-cardondo-home="v10-shell"] .v9Eyebrow{display:none!important}
  html[data-cardondo-home="v10-shell"] .v9Section h2{
    margin:0!important;
    color:var(--p5-ink)!important;
    font-size:22px!important;
    line-height:1.2!important;
    letter-spacing:-.035em!important;
  }
  html[data-cardondo-home="v10-shell"] .v9Section>header p{
    margin:5px 0 0!important;
    color:#838890!important;
    font-size:10.5px!important;
    line-height:1.45!important;
  }
  html[data-cardondo-home="v10-shell"] .v9FeaturedList,
  html[data-cardondo-home="v10-shell"] .v9NewsList,
  html[data-cardondo-home="v10-shell"] .v9MovementPolished .v9MoveList{
    border:0!important;
    border-radius:0!important;
    background:#fff!important;
    box-shadow:none!important;
  }
  html[data-cardondo-home="v10-shell"] .v9FeaturedRow{
    min-height:80px!important;
    padding:9px 0!important;
    grid-template-columns:44px minmax(0,1fr) 105px!important;
    gap:4px 11px!important;
    border-top:1px solid #efefee!important;
  }
  html[data-cardondo-home="v10-shell"] .v9FeaturedRow:first-child{border-top:0!important}
  html[data-cardondo-home="v10-shell"] .v9CompactThumb{width:42px!important;height:58px!important;border-radius:6px!important}
  html[data-cardondo-home="v10-shell"] .v9FeaturedIdentity b{font-size:15px!important;line-height:1.25!important}
  html[data-cardondo-home="v10-shell"] .v9FeaturedIdentity small{font-size:10.5px!important;line-height:1.35!important}
  html[data-cardondo-home="v10-shell"] .v9FeaturedIdentity em{display:none!important}
  html[data-cardondo-home="v10-shell"] .v9FeaturedBadge{font-size:9px!important;padding:2px 6px!important}
  html[data-cardondo-home="v10-shell"] .v9FeaturedValue{font-size:14px!important;line-height:1.25!important}
  html[data-cardondo-home="v10-shell"] .v9FeaturedValue small{font-size:9.5px!important}
  html[data-cardondo-home="v10-shell"] .v9CompactSpark{width:72px!important;height:22px!important}

  html[data-cardondo-home="v10-shell"] .v9NewsRow{
    min-height:67px!important;
    padding:7px 0!important;
    grid-template-columns:40px 9px 38px minmax(0,1fr)!important;
    gap:8px!important;
    border-top:1px solid #efefee!important;
  }
  html[data-cardondo-home="v10-shell"] .v9NewsRow:first-child{border-top:0!important}
  html[data-cardondo-home="v10-shell"] .v9NewsRow time{font-size:10px!important}
  html[data-cardondo-home="v10-shell"] .v9NewsThumb{width:36px!important;height:50px!important;border-radius:6px!important}
  html[data-cardondo-home="v10-shell"] .v9NewsRow b{font-size:14px!important;line-height:1.25!important}
  html[data-cardondo-home="v10-shell"] .v9NewsRow small{font-size:10.5px!important;line-height:1.35!important}

  html[data-cardondo-home="v10-shell"] .v9Movement>header{
    align-items:flex-end!important;
  }
  html[data-cardondo-home="v10-shell"] .v9Movement .v9Segments button{
    min-width:54px!important;
    height:28px!important;
    font-size:10px!important;
  }
  html[data-cardondo-home="v10-shell"] .v9MovementPolished .v9MoveRow{
    min-height:72px!important;
    padding:7px 0!important;
    grid-template-columns:38px minmax(0,1fr) 60px 72px!important;
    gap:3px 8px!important;
    border-top:1px solid #efefee!important;
  }
  html[data-cardondo-home="v10-shell"] .v9MovementPolished .v9MoveRow>.v9Thumb{width:36px!important;height:50px!important}
  html[data-cardondo-home="v10-shell"] .v9MovementPolished .v9MoveIdentity strong{font-size:13.5px!important}
  html[data-cardondo-home="v10-shell"] .v9MovementPolished .v9MoveIdentity small{font-size:10px!important}
  html[data-cardondo-home="v10-shell"] .v9MovementPolished .v9MoveChange{font-size:13px!important}
  html[data-cardondo-home="v10-shell"] .v9MovementPolished .v9MovePrice{font-size:10.5px!important}

  html[data-cardondo-home="v10-shell"] .v9CompactOneInsight>div,
  html[data-cardondo-home="v10-shell"] .v9EvidenceMore,
  html[data-cardondo-home="v10-shell"] .v9Rules{
    border:1px solid var(--p5-line)!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:none!important;
  }

  html[data-cardondo-home="v10-shell"] .v9Bottom{
    min-height:68px!important;
    border-top:1px solid var(--p5-line)!important;
    background:#fff!important;
  }
  html[data-cardondo-home="v10-shell"] .v9Bottom a{
    min-height:64px!important;
    gap:4px!important;
    color:#70767d!important;
    font-size:10.5px!important;
    font-weight:800!important;
  }
  html[data-cardondo-home="v10-shell"] .v9Bottom a.active{color:var(--p5-coral)!important}
  html[data-cardondo-home="v10-shell"] .v9Bottom a span{font-size:18px!important}
}

@media(max-width:430px){
  html[data-cardondo-home="v10-shell"] .homeV10HeaderInner{padding-left:14px!important;padding-right:14px!important}
  html[data-cardondo-home="v10-shell"] .homeV10GlobalSearch input{font-size:14px!important}
  html[data-cardondo-home="v10-shell"] .homeV10CategoryNav{padding-left:14px!important;padding-right:14px!important}
  html[data-cardondo-home="v10-shell"] .v9Main{width:calc(100% - 28px)!important}
  html[data-cardondo-home="v10-shell"] .homeV10SummaryTop h1{font-size:24px!important}
  html[data-cardondo-home="v10-shell"] .homeV10SummaryMetric strong{font-size:21px!important}
  html[data-cardondo-home="v10-shell"] .v9FeaturedRow{grid-template-columns:42px minmax(0,1fr) 98px!important}
  html[data-cardondo-home="v10-shell"] .v9FeaturedIdentity b{font-size:14.5px!important}
  html[data-cardondo-home="v10-shell"] .v9FeaturedValue{font-size:13.5px!important}
}