/*
 * SaloCart V5.1.1 — Seller Active Orders Alignment Fix
 *
 * Loaded after role themes to make the Seller "Orders that still need
 * attention" queue stable at all dashboard widths. This is presentation-only:
 * it does not change order status, fulfillment, partner handoff, pickup, or
 * settlement behavior.
 */
.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;
  flex:0 0 auto;
  gap:.65rem;
}
.seller-dashboard .seller-orders-section .seller-order-row{
  grid-template-columns:minmax(0,1fr) minmax(6.9rem,auto) 1rem;
  align-items:stretch;
}
.seller-dashboard .seller-orders-section .seller-order-person{
  min-height:2.75rem;
}
.seller-dashboard .seller-orders-section .seller-order-copy{
  display:grid;
  align-content:center;
  min-width:0;
  gap:.14rem;
  line-height:1.2;
}
.seller-dashboard .seller-orders-section .seller-order-person strong,
.seller-dashboard .seller-orders-section .seller-order-person small{
  min-width:0;
  max-width:100%;
}
.seller-dashboard .seller-orders-section .seller-order-summary{
  align-self:stretch;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  justify-content:center;
  gap:.28rem;
  min-width:6.9rem;
  text-align:right;
}
.seller-dashboard .seller-orders-section .seller-order-status{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  min-height:1.35rem;
  min-width:0;
  line-height:1;
}
.seller-dashboard .seller-orders-section .seller-order-summary .seller-order-status .status-pill{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.seller-dashboard .seller-orders-section .seller-order-row>i{
  align-self:center;
}

@media (max-width:767.98px){
  .seller-dashboard .seller-orders-section .seller-orders-head-actions{
    gap:.5rem;
  }
  .seller-dashboard .seller-orders-section .seller-order-row{
    grid-template-columns:minmax(0,1fr) minmax(5.75rem,auto) .8rem;
    align-items:stretch;
  }
  .seller-dashboard .seller-orders-section .seller-order-summary{
    min-width:5.75rem;
  }
}

@media (max-width:575.98px){
  .seller-dashboard .seller-orders-section .seller-orders-section-head{
    display:grid;
    grid-template-columns:minmax(0,1fr);
  }
  .seller-dashboard .seller-orders-section .seller-orders-head-actions{
    width:100%;
    justify-content:space-between;
  }
  .seller-dashboard .seller-orders-section .seller-order-row{
    grid-template-columns:minmax(0,1fr) .8rem;
    grid-template-areas:
      "person arrow"
      "summary summary";
    gap:.55rem .65rem;
    min-height:0;
    padding:.75rem;
  }
  .seller-dashboard .seller-orders-section .seller-order-person{
    grid-area:person;
  }
  .seller-dashboard .seller-orders-section .seller-order-row>i{
    grid-area:arrow;
  }
  .seller-dashboard .seller-orders-section .seller-order-summary{
    grid-area:summary;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    gap:.55rem;
    min-width:0;
    padding:.48rem .6rem;
    border-radius:.65rem;
    background:color-mix(in srgb,var(--sc-green,#087a57) 7%,transparent);
    text-align:left;
  }
  .seller-dashboard .seller-orders-section .seller-order-status{
    justify-content:flex-end;
  }
  .seller-dashboard .seller-orders-section .seller-order-summary>strong{
    font-size:.76rem;
  }
  .seller-dashboard .seller-orders-section .seller-order-summary .seller-order-status .status-pill{
    max-width:min(58vw,13rem);
    font-size:.53rem;
  }
}

@media (max-width:380px){
  .seller-dashboard .seller-orders-section .seller-orders-head-actions{
    align-items:stretch;
    flex-direction:column;
  }
  .seller-dashboard .seller-orders-section .seller-orders-head-actions>*{
    width:100%;
    justify-content:center;
  }
  .seller-dashboard .seller-orders-section .seller-order-person strong,
  .seller-dashboard .seller-orders-section .seller-order-person small{
    white-space:normal;
    overflow-wrap:anywhere;
  }
  .seller-dashboard .seller-orders-section .seller-order-summary{
    align-items:flex-start;
    flex-direction:column;
  }
  .seller-dashboard .seller-orders-section .seller-order-status{
    justify-content:flex-start;
  }
  .seller-dashboard .seller-orders-section .seller-order-summary .seller-order-status .status-pill{
    max-width:100%;
  }
}

html[data-theme="dark"] .seller-dashboard .seller-orders-section .seller-order-summary{
  background:color-mix(in srgb,var(--sc-green,#087a57) 16%,transparent);
}