/* Mobile-only display refinements for the four primary surfaces.
   This file changes layout/visibility only; business data and state remain untouched. */

@media(max-width:780px){
  /* Discover Offer Card geometry is canonical in offer-card.css.
     Mobile owns only the surrounding two-column page layout. */

  .discover-page .fallback-offer-card .requirement{
    display:none;
  }

  /* Watchlist / 已关注: this page answers "what did I save and how valuable is it?"
     Remove redundant provider/status/requirement lines on mobile and surface the
     existing Offer value as the second line. */
  .wishlist-page.nb-watchlist-page .nb-watchlist-section.saved .nb-watchlist-item{
    grid-template-columns:44px minmax(0,1fr) 16px;
    grid-template-rows:auto auto;
    gap:3px 10px;
    align-items:center;
  }

  .wishlist-page.nb-watchlist-page .nb-watchlist-section.saved .nb-watchlist-thumb{
    grid-column:1;
    grid-row:1/3;
  }

  .wishlist-page.nb-watchlist-page .nb-watchlist-section.saved .nb-watchlist-copy{
    grid-column:2;
    grid-row:1;
  }

  .wishlist-page.nb-watchlist-page .nb-watchlist-section.saved .nb-watchlist-provider,
  .wishlist-page.nb-watchlist-page .nb-watchlist-section.saved .nb-watchlist-copy small,
  .wishlist-page.nb-watchlist-page .nb-watchlist-section.saved .nb-watchlist-status{
    display:none;
  }

  .wishlist-page.nb-watchlist-page .nb-watchlist-section.saved .nb-watchlist-value{
    display:block;
    grid-column:2;
    grid-row:2;
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .wishlist-page.nb-watchlist-page .nb-watchlist-section.saved .nb-watchlist-chevron{
    grid-column:3;
    grid-row:1/3;
    align-self:center;
  }

  /* Wallet / 待处理 preview: lead with the task. Product identity and deadline
     are compact supporting context on the second line. */
  .v4-products-page .v4-needs-attention .v4-pp-attention-row{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto 18px;
    grid-template-areas:
      "action action chev"
      "product time chev";
    gap:4px 8px;
    align-items:start;
    padding:9px 2px;
  }

  .v4-products-page .v4-needs-attention .v4-pp-action{
    grid-area:action;
    min-width:0;
    white-space:normal;
    overflow:visible;
    text-overflow:clip;
  }

  .v4-products-page .v4-needs-attention .v4-pp-product{
    grid-area:product;
    min-width:0;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .v4-products-page .v4-needs-attention .v4-pp-time{
    grid-area:time;
    justify-self:end;
    align-self:start;
    white-space:nowrap;
  }

  .v4-products-page .v4-needs-attention .v4-pp-chevron{
    grid-area:chev;
    align-self:center;
  }
}