/* Home V10 Phase 5T — unify Recent Sales with the surrounding Home sections.
 * The previous injected sales list used 30x41 thumbnails and its own rounded card shell,
 * which made it look denser/smaller than Focus, News, and Market Movers.
 */
@media (max-width:820px){
  html[data-cardondo-home="v10-shell"] .homeV10RecentSales{
    margin-top:14px!important;
    padding-top:12px!important;
    border-top:8px solid #f6f6f4!important;
  }
  html[data-cardondo-home="v10-shell"] .homeV10RecentSales>header{
    position:relative!important;
    margin:0 0 7px!important;
    padding:0!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    gap:10px!important;
  }
  html[data-cardondo-home="v10-shell"] .homeV10RecentSales h2{
    margin:0!important;
    font-size:18px!important;
    line-height:1.16!important;
    letter-spacing:-.04em!important;
    font-weight:900!important;
  }
  html[data-cardondo-home="v10-shell"] .homeV10RecentSales header p{
    margin:4px 0 0!important;
    color:#858a90!important;
    font-size:9.8px!important;
    line-height:1.32!important;
  }
  html[data-cardondo-home="v10-shell"] .homeV10RecentSalesMore{
    flex:0 0 auto!important;
    min-height:22px!important;
    display:flex!important;
    align-items:center!important;
    color:#656b71!important;
    text-decoration:none!important;
    font-size:9.5px!important;
    line-height:1!important;
    font-weight:850!important;
    white-space:nowrap!important;
  }

  /* Same visual language as Today's Focus and News: no separate boxed mini-card. */
  html[data-cardondo-home="v10-shell"] .homeV10RecentSalesList{
    display:block!important;
    border:0!important;
    border-top:1px solid #ececeb!important;
    border-radius:0!important;
    background:#fff!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  html[data-cardondo-home="v10-shell"] .homeV10SaleRow{
    min-height:68px!important;
    padding:7px 0!important;
    display:grid!important;
    grid-template-columns:40px minmax(0,1fr) 96px!important;
    column-gap:10px!important;
    align-items:center!important;
    border:0!important;
    border-bottom:1px solid #ececeb!important;
    background:#fff!important;
    color:#202326!important;
    text-decoration:none!important;
  }
  html[data-cardondo-home="v10-shell"] .homeV10SaleRow:last-child{
    border-bottom:0!important;
  }
  html[data-cardondo-home="v10-shell"] .homeV10SaleThumb{
    width:38px!important;
    height:52px!important;
    border-radius:5px!important;
    object-fit:cover!important;
    background:#f1f1ef!important;
    box-shadow:0 1px 2px rgba(18,23,31,.08)!important;
  }
  html[data-cardondo-home="v10-shell"] .homeV10SaleIdentity{
    min-width:0!important;
    align-self:center!important;
  }
  html[data-cardondo-home="v10-shell"] .homeV10SaleIdentity b{
    display:block!important;
    margin:0!important;
    font-size:13.2px!important;
    line-height:1.15!important;
    font-weight:900!important;
    color:#202326!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  html[data-cardondo-home="v10-shell"] .homeV10SaleIdentity small{
    display:block!important;
    margin-top:4px!important;
    color:#858a90!important;
    font-size:8.8px!important;
    line-height:1.2!important;
    font-weight:600!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  html[data-cardondo-home="v10-shell"] .homeV10SaleRow>strong{
    justify-self:end!important;
    align-self:center!important;
    max-width:96px!important;
    color:#202326!important;
    font-size:13px!important;
    line-height:1.1!important;
    font-weight:900!important;
    text-align:right!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
}

@media (max-width:390px){
  html[data-cardondo-home="v10-shell"] .homeV10SaleRow{
    grid-template-columns:38px minmax(0,1fr) 88px!important;
    column-gap:8px!important;
  }
  html[data-cardondo-home="v10-shell"] .homeV10SaleThumb{
    width:36px!important;
    height:49px!important;
  }
  html[data-cardondo-home="v10-shell"] .homeV10SaleIdentity b{font-size:12.6px!important}
  html[data-cardondo-home="v10-shell"] .homeV10SaleIdentity small{font-size:8.3px!important}
  html[data-cardondo-home="v10-shell"] .homeV10SaleRow>strong{max-width:88px!important;font-size:12.3px!important}
}