/*
 * SaloCart V5.1.3 — Seller Active Buyer Orders Layout Fix
 *
 * Final layout guard for the Seller Dashboard's active buyer-order queue.
 * It intentionally changes presentation only. Opening an order, activation,
 * fulfillment, pickup, Partner handoff, cash collection, and settlement flows
 * remain unchanged.
 */

.seller-dashboard .seller-orders-section{
  min-width:0;
}

.seller-dashboard .seller-orders-section .seller-orders-section-head{
  align-items:flex-start;
}

.seller-dashboard .seller-orders-section .seller-orders-head-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:.55rem;
  flex:0 0 auto;
  min-width:0;
}

.seller-dashboard .seller-orders-section .seller-order-list{
  display:grid!important;
  grid-template-columns:minmax(0,1fr);
  gap:.55rem;
  min-width:0;
}

/* Every active order has exactly three zones: buyer, order value/status, open arrow. */
.seller-dashboard .seller-orders-section .seller-order-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) max-content .85rem;
  align-items:center;
  column-gap:.7rem;
  row-gap:0;
  min-width:0;
}

.seller-dashboard .seller-orders-section .seller-order-person,
.seller-dashboard .seller-orders-section .seller-order-copy{
  min-width:0;
}

.seller-dashboard .seller-orders-section .seller-order-person{
  display:flex!important;
  align-items:center;
  gap:.65rem;
}

.seller-dashboard .seller-orders-section .seller-order-copy{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  align-content:center;
  gap:.16rem;
  line-height:1.2;
}

.seller-dashboard .seller-orders-section .seller-order-person strong,
.seller-dashboard .seller-orders-section .seller-order-person small{
  display:block;
  min-width:0;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.seller-dashboard .seller-orders-section .seller-order-summary{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  justify-items:end;
  align-content:center;
  gap:.24rem;
  min-width:0;
  max-width:8.75rem;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  text-align:right;
}

.seller-dashboard .seller-orders-section .seller-order-summary>strong{
  min-width:0;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  line-height:1.1;
}

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

.seller-dashboard .seller-orders-section .seller-order-summary .status-pill,
.seller-dashboard .seller-orders-section .seller-order-summary [class*="status"]{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.seller-dashboard .seller-orders-section .seller-order-row>i{
  display:grid;
  place-items:center;
  width:.85rem;
  min-width:.85rem;
  align-self:center;
  justify-self:end;
}

@media (max-width:767.98px){
  .seller-dashboard .seller-orders-section .seller-orders-head-actions{
    gap:.45rem;
  }

  .seller-dashboard .seller-orders-section .seller-order-row{
    grid-template-columns:minmax(0,1fr) max-content .75rem;
    column-gap:.5rem;
    min-height:3.8rem;
  }

  .seller-dashboard .seller-orders-section .seller-order-summary{
    max-width:7.3rem;
  }

  .seller-dashboard .seller-orders-section .seller-order-row>i{
    width:.75rem;
    min-width:.75rem;
  }
}

@media (max-width:575.98px){
  .seller-dashboard .seller-orders-section .seller-orders-section-head{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:.7rem;
  }

  .seller-dashboard .seller-orders-section .seller-orders-head-actions{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    width:100%;
    align-items:stretch;
    justify-content:stretch;
  }

  .seller-dashboard .seller-orders-section .seller-history-button,
  .seller-dashboard .seller-orders-section .seller-refresh-button{
    min-width:0;
    justify-content:center;
  }

  .seller-dashboard .seller-orders-section .seller-order-row{
    /* Keep an active buyer order horizontal on every phone size. */
    grid-template-columns:minmax(0,1fr) max-content .72rem;
    grid-template-areas:none;
    align-items:center;
    min-height:3.7rem;
    padding:.68rem .72rem;
    column-gap:.48rem;
    row-gap:0;
  }

  .seller-dashboard .seller-orders-section .seller-order-person{
    grid-area:auto;
    gap:.55rem;
  }

  .seller-dashboard .seller-orders-section .seller-order-avatar{
    width:1.95rem;
    height:1.95rem;
    flex:0 0 1.95rem;
  }

  .seller-dashboard .seller-orders-section .seller-order-summary{
    grid-area:auto;
    align-self:center;
    justify-self:end;
    max-width:6.65rem;
  }

  .seller-dashboard .seller-orders-section .seller-order-status{
    grid-area:auto;
  }

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

  .seller-dashboard .seller-orders-section .seller-order-summary .status-pill,
  .seller-dashboard .seller-orders-section .seller-order-summary [class*="status"]{
    max-width:6.65rem;
    font-size:.5rem;
  }

  .seller-dashboard .seller-orders-section .seller-order-row>i{
    grid-area:auto;
    width:.72rem;
    min-width:.72rem;
  }
}

@media (max-width:380px){
  .seller-dashboard .seller-orders-section .seller-orders-head-actions{
    grid-template-columns:minmax(0,1fr) auto;
    gap:.35rem;
  }

  .seller-dashboard .seller-orders-section .seller-history-button,
  .seller-dashboard .seller-orders-section .seller-refresh-button{
    min-height:2rem;
    padding-inline:.42rem;
    font-size:.54rem;
  }

  .seller-dashboard .seller-orders-section .seller-order-row{
    grid-template-columns:minmax(0,1fr) max-content .65rem;
    min-height:3.45rem;
    padding:.58rem .6rem;
    column-gap:.35rem;
  }

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

  .seller-dashboard .seller-orders-section .seller-order-avatar{
    width:1.78rem;
    height:1.78rem;
    flex-basis:1.78rem;
    border-radius:.55rem;
    font-size:.6rem;
  }

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

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

  .seller-dashboard .seller-orders-section .seller-order-summary{
    max-width:5.95rem;
  }

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

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

  .seller-dashboard .seller-orders-section .seller-order-row>i{
    width:.65rem;
    min-width:.65rem;
  }
}

html[data-theme="dark"] .seller-dashboard .seller-orders-section .seller-order-summary{
  background:transparent;
}