/* Home Dashboard V10 — Phase 4B mobile screenshot corrections.
 * Fixes issues confirmed from live Samsung Internet screenshots:
 * oversized sticky chrome, duplicated MY label, and overly tall mobile search/header.
 */
@media(max-width:820px){
  html[data-cardondo-home="v10-shell"] .v9Header{
    position:relative!important;
    top:auto!important;
    z-index:5!important;
    border-bottom:1px solid var(--home-line)!important;
    background:#fff!important;
    backdrop-filter:none!important;
  }
  html[data-cardondo-home="v10-shell"] .homeV10HeaderInner{
    min-height:60px!important;
    padding:0 16px 10px!important;
    gap:8px!important;
  }
  html[data-cardondo-home="v10-shell"] .homeV10Brand{
    min-height:60px!important;
    gap:9px!important;
    font-size:20px!important;
    letter-spacing:-.035em!important;
  }
  html[data-cardondo-home="v10-shell"] .homeV10BrandMark{
    width:20px!important;
    height:20px!important;
    border-radius:6px!important;
    box-shadow:0 5px 14px rgba(255,90,31,.14)!important;
  }
  html[data-cardondo-home="v10-shell"] .homeV10HeaderTools{gap:7px!important}
  html[data-cardondo-home="v10-shell"] .homeV10HeaderTools a,
  html[data-cardondo-home="v10-shell"] .homeV10HeaderTools a:last-child{
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    padding:0!important;
    border-radius:12px!important;
    font-size:12px!important;
  }
  html[data-cardondo-home="v10-shell"] .homeV10HeaderTools a:first-child{font-size:21px!important}
  html[data-cardondo-home="v10-shell"] .homeV10HeaderTools a:last-child:before{
    content:none!important;
    display:none!important;
  }
  html[data-cardondo-home="v10-shell"] .homeV10GlobalSearch{
    min-height:48px!important;
    padding:4px 5px 4px 13px!important;
    gap:8px!important;
    border-radius:12px!important;
    background:#faf9f7!important;
  }
  html[data-cardondo-home="v10-shell"] .homeV10GlobalSearch>span{font-size:18px!important}
  html[data-cardondo-home="v10-shell"] .homeV10GlobalSearch input{
    font-size:14px!important;
    line-height:1.3!important;
  }
  html[data-cardondo-home="v10-shell"] .homeV10GlobalSearch button{
    width:66px!important;
    min-height:38px!important;
    border-radius:10px!important;
    font-size:13px!important;
  }
  /* The approved mobile reference uses search + dashboard, not the desktop category strip. */
  html[data-cardondo-home="v10-shell"] .homeV10CategoryWrap{display:none!important}
  html[data-cardondo-home="v10-shell"] .v9Main{
    width:calc(100% - 32px)!important;
    margin:0 auto 36px!important;
  }
  html[data-cardondo-home="v10-shell"] .homeV10MemberRoot{padding-top:20px!important}
  html[data-cardondo-home="v10-shell"] .v9Bottom{
    height:auto!important;
    min-height:64px!important;
    padding:0 6px max(4px,env(safe-area-inset-bottom))!important;
  }
  html[data-cardondo-home="v10-shell"] .v9Bottom a{
    min-height:60px!important;
    gap:3px!important;
    font-size:10px!important;
    font-weight:760!important;
  }
  html[data-cardondo-home="v10-shell"] .v9Bottom a span{
    font-size:18px!important;
    line-height:1!important;
  }
  html[data-cardondo-home="v10-shell"] .v9Bottom a.active{color:var(--home-orange)!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"] .homeV10Brand{font-size:19px!important}
  html[data-cardondo-home="v10-shell"] .homeV10BrandMark{width:19px!important;height:19px!important}
  html[data-cardondo-home="v10-shell"] .homeV10HeaderTools a,
  html[data-cardondo-home="v10-shell"] .homeV10HeaderTools a:last-child{width:42px!important;min-width:42px!important;height:42px!important}
  html[data-cardondo-home="v10-shell"] .homeV10GlobalSearch input{font-size:13.5px!important}
  html[data-cardondo-home="v10-shell"] .homeV10GlobalSearch button{width:62px!important}
}

/* Phase 4D — final pixel-density pass from live mobile screenshots.
 * Keep this Home-only and deliberately modest: reduce chrome visual weight,
 * tighten section rhythm, and make market rows read like the approved mockup.
 */
@media(max-width:820px){
  html[data-cardondo-home="v10-shell"] .homeV10HeaderInner{
    min-height:56px!important;
    padding-top:0!important;
    padding-bottom:8px!important;
  }
  html[data-cardondo-home="v10-shell"] .homeV10Brand{
    min-height:56px!important;
    gap:8px!important;
    font-size:18px!important;
  }
  html[data-cardondo-home="v10-shell"] .homeV10BrandMark{
    width:18px!important;
    height:18px!important;
    border-radius:5px!important;
  }
  html[data-cardondo-home="v10-shell"] .homeV10HeaderTools a,
  html[data-cardondo-home="v10-shell"] .homeV10HeaderTools a:last-child{
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
  }
  html[data-cardondo-home="v10-shell"] .homeV10HeaderTools a:last-child::before,
  html[data-cardondo-home="v10-shell"] .homeV10HeaderTools a:last-child::after{
    content:none!important;
    display:none!important;
  }
  html[data-cardondo-home="v10-shell"] .homeV10GlobalSearch{
    padding-left:12px!important;
    padding-right:4px!important;
  }
  html[data-cardondo-home="v10-shell"] .homeV10GlobalSearch button{
    width:64px!important;
    font-size:12.5px!important;
  }
  html[data-cardondo-home="v10-shell"] .homeV10MemberRoot{padding-top:16px!important}
  html[data-cardondo-home="v10-shell"] .homeV10Welcome{margin-bottom:18px!important}
  html[data-cardondo-home="v10-shell"] .homeV10QuickActions{margin-bottom:16px!important}
  html[data-cardondo-home="v10-shell"] .homeV10DashboardGrid,
  html[data-cardondo-home="v10-shell"] .homeV10SecondaryGrid{gap:16px!important}
  html[data-cardondo-home="v10-shell"] .homeV10SecondaryGrid{margin-top:16px!important}
  html[data-cardondo-home="v10-shell"] .homeV10MarketIntro{
    margin-top:24px!important;
    margin-bottom:4px!important;
  }
  html[data-cardondo-home="v10-shell"] .homeV10MarketIntro h2{font-size:23px!important}
  html[data-cardondo-home="v10-shell"] .homeV10MarketIntro p{font-size:12px!important;line-height:1.5!important}
  html[data-cardondo-home="v10-shell"] .homeV10MarketIntro>a{font-size:12px!important}
  html[data-cardondo-home="v10-shell"] .v9Section{margin-top:24px!important}
  html[data-cardondo-home="v10-shell"] .v9Section>header{margin-bottom:7px!important}
  html[data-cardondo-home="v10-shell"] .v9Section h2{font-size:23px!important;line-height:1.2!important}
  html[data-cardondo-home="v10-shell"] .v9Eyebrow{font-size:10px!important}

  /* Today Picks: preserve evidence, reduce excess vertical air. */
  html[data-cardondo-home="v10-shell"] .v9FeaturedRow{
    min-height:57px!important;
    padding-top:5px!important;
    padding-bottom:5px!important;
  }
  html[data-cardondo-home="v10-shell"] .v9CompactThumb{width:29px!important;height:40px!important}
  html[data-cardondo-home="v10-shell"] .v9FeaturedIdentity b{font-size:10.8px!important}
  html[data-cardondo-home="v10-shell"] .v9FeaturedIdentity small,
  html[data-cardondo-home="v10-shell"] .v9FeaturedIdentity em{font-size:7.2px!important}

  /* Market Moves: about 8–10% denser than the previous live screenshot. */
  html[data-cardondo-home="v10-shell"] .v9Movement .v9Segments button{
    min-width:56px!important;
    height:27px!important;
  }
  html[data-cardondo-home="v10-shell"] .v9MovementPolished .v9MoveRow{
    min-height:51px!important;
    padding-top:3px!important;
    padding-bottom:3px!important;
  }
  html[data-cardondo-home="v10-shell"] .v9MovementPolished .v9MoveRow>.v9Thumb{
    width:26px!important;
    height:36px!important;
  }
  html[data-cardondo-home="v10-shell"] .v9MovementPolished .v9MoveIdentity strong{font-size:9.8px!important}
  html[data-cardondo-home="v10-shell"] .v9MovementPolished .v9MoveIdentity small{font-size:7px!important}
  html[data-cardondo-home="v10-shell"] .v9MovementPolished .v9MoveChange{font-size:9.8px!important}
  html[data-cardondo-home="v10-shell"] .v9MovementPolished .v9MovePrice{font-size:7.8px!important}
  html[data-cardondo-home="v10-shell"] .v9CompactOneInsight{margin-top:14px!important}
  html[data-cardondo-home="v10-shell"] .v9News{margin-top:16px!important}

  html[data-cardondo-home="v10-shell"] .v9Bottom{
    min-height:62px!important;
  }
  html[data-cardondo-home="v10-shell"] .v9Bottom a{
    min-height:58px!important;
    font-size:9.5px!important;
  }
}

@media(max-width:430px){
  html[data-cardondo-home="v10-shell"] .homeV10Brand{font-size:18px!important}
  html[data-cardondo-home="v10-shell"] .homeV10BrandMark{width:18px!important;height:18px!important}
  html[data-cardondo-home="v10-shell"] .homeV10HeaderTools a,
  html[data-cardondo-home="v10-shell"] .homeV10HeaderTools a:last-child{
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
  }
  html[data-cardondo-home="v10-shell"] .homeV10GlobalSearch button{width:60px!important}
  html[data-cardondo-home="v10-shell"] .v9Section h2{font-size:22px!important}
}

/* Phase 4E — restore mobile legibility and unify the market modules.
 * Live screenshots showed the Phase 4D card body text became too small.
 * Keep section density, but use one readable list system for Picks, Moves and News.
 */
@media(max-width:820px){
  html[data-cardondo-home="v10-shell"] .v9FeaturedList,
  html[data-cardondo-home="v10-shell"] .v9MovementPolished .v9MoveList,
  html[data-cardondo-home="v10-shell"] .v9NewsList{
    border-left:0!important;
    border-right:0!important;
    border-radius:0!important;
    background:#fff!important;
    box-shadow:none!important;
  }

  html[data-cardondo-home="v10-shell"] .v9FeaturedRow{
    min-height:74px!important;
    padding:8px 4px!important;
    grid-template-columns:40px minmax(0,1fr) 104px!important;
    gap:4px 10px!important;
  }
  html[data-cardondo-home="v10-shell"] .v9CompactThumb{
    width:38px!important;
    height:54px!important;
    border-radius:6px!important;
  }
  html[data-cardondo-home="v10-shell"] .v9FeaturedIdentity{gap:2px!important}
  html[data-cardondo-home="v10-shell"] .v9FeaturedIdentity b{
    font-size:14px!important;
    line-height:1.28!important;
    letter-spacing:-.02em!important;
  }
  html[data-cardondo-home="v10-shell"] .v9FeaturedIdentity small,
  html[data-cardondo-home="v10-shell"] .v9FeaturedIdentity em{
    font-size:10.5px!important;
    line-height:1.35!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:13.5px!important;
    line-height:1.25!important;
  }
  html[data-cardondo-home="v10-shell"] .v9FeaturedValue small{font-size:10px!important;line-height:1.3!important}
  html[data-cardondo-home="v10-shell"] .v9CompactSpark{width:76px!important;height:24px!important}

  html[data-cardondo-home="v10-shell"] .v9MovementPolished .v9MoveRow{
    min-height:70px!important;
    padding:7px 4px!important;
    grid-template-columns:38px minmax(0,1fr) 66px 76px!important;
    gap:3px 9px!important;
  }
  html[data-cardondo-home="v10-shell"] .v9MovementPolished .v9MoveRow>.v9Thumb{
    width:36px!important;
    height:50px!important;
    border-radius:6px!important;
  }
  html[data-cardondo-home="v10-shell"] .v9MovementPolished .v9MoveIdentity strong{
    font-size:13.5px!important;
    line-height:1.28!important;
    letter-spacing:-.02em!important;
  }
  html[data-cardondo-home="v10-shell"] .v9MovementPolished .v9MoveIdentity small{
    font-size:10px!important;
    line-height:1.35!important;
  }
  html[data-cardondo-home="v10-shell"] .v9MovementPolished .v9MoveChange{
    font-size:13px!important;
    line-height:1.2!important;
  }
  html[data-cardondo-home="v10-shell"] .v9MovementPolished .v9MovePrice{
    font-size:11px!important;
    line-height:1.35!important;
  }
  html[data-cardondo-home="v10-shell"] .v9MovementPolished .v9MovePrice small{font-size:9.5px!important}
  html[data-cardondo-home="v10-shell"] .v9MovementPolished .v9MoveSpark .v9CompactSpark{
    width:70px!important;
    height:24px!important;
  }

  html[data-cardondo-home="v10-shell"] .v9NewsRow{
    min-height:64px!important;
    padding:7px 2px!important;
    grid-template-columns:40px 10px 36px minmax(0,1fr)!important;
    gap:8px!important;
  }
  html[data-cardondo-home="v10-shell"] .v9NewsRow time{
    font-size:10px!important;
    line-height:1.2!important;
  }
  html[data-cardondo-home="v10-shell"] .v9NewsThumb{
    width:34px!important;
    height:48px!important;
    border-radius:6px!important;
  }
  html[data-cardondo-home="v10-shell"] .v9NewsRow b{
    font-size:13.5px!important;
    line-height:1.28!important;
  }
  html[data-cardondo-home="v10-shell"] .v9NewsRow small{
    font-size:11px!important;
    line-height:1.35!important;
  }
  html[data-cardondo-home="v10-shell"] .v9NewsRow small strong{font-size:11.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(--home-line)!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:none!important;
  }
  html[data-cardondo-home="v10-shell"] .v9CompactOneInsight p{font-size:11.5px!important;line-height:1.5!important}
  html[data-cardondo-home="v10-shell"] .v9CompactOneInsight p b{font-size:13px!important}
  html[data-cardondo-home="v10-shell"] .v9EvidenceMore summary span,
  html[data-cardondo-home="v10-shell"] .v9Rules summary{font-size:12px!important}
  html[data-cardondo-home="v10-shell"] .v9EvidenceMore summary b{font-size:10.5px!important}
}

@media(max-width:430px){
  html[data-cardondo-home="v10-shell"] .v9FeaturedRow{grid-template-columns:38px minmax(0,1fr) 98px!important}
  html[data-cardondo-home="v10-shell"] .v9CompactThumb{width:36px!important;height:51px!important}
  html[data-cardondo-home="v10-shell"] .v9FeaturedIdentity b{font-size:13.5px!important}
  html[data-cardondo-home="v10-shell"] .v9FeaturedIdentity small,
  html[data-cardondo-home="v10-shell"] .v9FeaturedIdentity em{font-size:10px!important}
  html[data-cardondo-home="v10-shell"] .v9FeaturedValue{font-size:13px!important}
  html[data-cardondo-home="v10-shell"] .v9MovementPolished .v9MoveRow{grid-template-columns:36px minmax(0,1fr) 62px 70px!important}
  html[data-cardondo-home="v10-shell"] .v9MovementPolished .v9MoveRow>.v9Thumb{width:34px!important;height:48px!important}
  html[data-cardondo-home="v10-shell"] .v9MovementPolished .v9MoveIdentity strong{font-size:13px!important}
  html[data-cardondo-home="v10-shell"] .v9MovementPolished .v9MoveIdentity small{font-size:9.8px!important}
  html[data-cardondo-home="v10-shell"] .v9NewsRow b{font-size:13px!important}
  html[data-cardondo-home="v10-shell"] .v9NewsRow small{font-size:10.5px!important}
}