/*
 * SaloCart V5.1.2 — Seller Active Orders Mobile Row Fix
 *
 * Keeps every Seller "Orders that still need attention" item in one compact
 * horizontal card on phones. The left side holds the buyer and deal name;
 * the right side holds the amount and status. No operational behavior changes.
 */

@media (max-width:575.98px){
  .seller-dashboard .seller-orders-section .seller-order-row{
    /* Override V5.1.1's two-row grid and preserve a compact horizontal card. */
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(5.15rem,auto) .72rem;
    grid-template-areas:none;
    align-items:center;
    gap:.45rem;
    min-height:3.7rem;
    padding:.65rem .7rem;
  }

  .seller-dashboard .seller-orders-section .seller-order-person{
    grid-area:auto;
    min-width:0;
    align-self:center;
  }

  .seller-dashboard .seller-orders-section .seller-order-row>i{
    grid-area:auto;
    display:grid;
    place-items:center;
    align-self:center;
    justify-self:end;
  }

  .seller-dashboard .seller-orders-section .seller-order-summary{
    grid-area:auto;
    align-self:center;
    justify-self:end;
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    justify-content:center;
    gap:.22rem;
    min-width:5.15rem;
    max-width:7.35rem;
    width:auto;
    margin:0;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    text-align:right;
  }

  .seller-dashboard .seller-orders-section .seller-order-status{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    min-width:0;
    max-width:100%;
  }

  .seller-dashboard .seller-orders-section .seller-order-summary>strong{
    font-size:.7rem;
    line-height:1.1;
  }

  .seller-dashboard .seller-orders-section .seller-order-summary .seller-order-status .status-pill,
  .seller-dashboard .seller-orders-section .seller-order-summary [class*="status"]{
    display:inline-flex;
    max-width:7.35rem;
    font-size:.5rem;
    line-height:1;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
}

@media (max-width:380px){
  .seller-dashboard .seller-orders-section .seller-order-row{
    grid-template-columns:minmax(0,1fr) minmax(4.45rem,auto) .62rem;
    gap:.35rem;
    min-height:3.45rem;
    padding:.58rem .6rem;
  }

  .seller-dashboard .seller-orders-section .seller-order-avatar{
    width:29px;
    height:29px;
    flex-basis:29px;
    border-radius:10px;
  }

  .seller-dashboard .seller-orders-section .seller-order-person{
    gap:.45rem;
  }

  .seller-dashboard .seller-orders-section .seller-order-person strong{
    font-size:.62rem;
  }

  .seller-dashboard .seller-orders-section .seller-order-person small{
    font-size:.5rem;
  }

  .seller-dashboard .seller-orders-section .seller-order-summary{
    min-width:4.45rem;
    max-width:5.9rem;
    align-items:flex-end;
    flex-direction:column;
  }

  .seller-dashboard .seller-orders-section .seller-order-summary>strong{
    font-size:.63rem;
  }

  .seller-dashboard .seller-orders-section .seller-order-summary .seller-order-status .status-pill,
  .seller-dashboard .seller-orders-section .seller-order-summary [class*="status"]{
    display:inline-flex;
    max-width:5.9rem;
    font-size:.45rem;
  }
}