/*
 * SaloCart V5.1.4 — Seller Active Buyer Orders Mobile Header Fix
 *
 * Makes the Active buyer orders heading compact and readable on phones.
 * Presentation only: no order, activation, handover, pickup, cash, or
 * settlement behavior is changed.
 */

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

@media (max-width:575.98px){
  .seller-dashboard .seller-orders-section .seller-orders-section-head{
    display:grid!important;
    grid-template-columns:minmax(0,1fr);
    align-items:start!important;
    gap:.7rem;
    margin-bottom:.85rem;
  }

  /* Keep the label, title, and note in one controlled header group. */
  .seller-dashboard .seller-orders-section .seller-orders-heading-copy{
    display:grid;
    grid-template-columns:max-content minmax(0,1fr);
    grid-template-areas:
      "kicker title"
      "note note";
    align-items:center;
    column-gap:.48rem;
    row-gap:.38rem;
    width:100%;
    min-width:0;
  }

  .seller-dashboard .seller-orders-section .seller-orders-heading-copy .section-kicker{
    grid-area:kicker;
    display:inline-flex;
    align-items:center;
    min-width:0;
    margin:0!important;
    color:var(--sc-green);
    font-size:.52rem;
    line-height:1;
    letter-spacing:.05em;
    white-space:nowrap;
  }

  .seller-dashboard .seller-orders-section .seller-orders-heading-copy .section-kicker::before{
    display:none;
  }

  .seller-dashboard .seller-orders-section .seller-orders-heading-copy h2{
    grid-area:title;
    min-width:0;
    margin:0!important;
    color:var(--sc-ink);
    font-size:.9rem;
    font-weight:800;
    line-height:1.14;
    letter-spacing:-.035em;
    overflow-wrap:anywhere;
  }

  .seller-dashboard .seller-orders-section .seller-orders-heading-copy p{
    grid-area:note;
    max-width:100%;
    margin:0!important;
    color:var(--sc-muted);
    font-size:.61rem;
    font-weight:620;
    line-height:1.42;
    overflow-wrap:anywhere;
  }

  /* Controls are intentionally separated from the text so they cannot crush it. */
  .seller-dashboard .seller-orders-section .seller-orders-head-actions{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:stretch;
    width:100%;
    gap:.45rem;
  }

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

@media (max-width:380px){
  .seller-dashboard .seller-orders-section .seller-orders-heading-copy{
    grid-template-columns:minmax(0,1fr);
    grid-template-areas:
      "kicker"
      "title"
      "note";
    row-gap:.28rem;
  }

  .seller-dashboard .seller-orders-section .seller-orders-heading-copy .section-kicker{
    font-size:.49rem;
  }

  .seller-dashboard .seller-orders-section .seller-orders-heading-copy h2{
    font-size:.84rem;
    line-height:1.16;
  }

  .seller-dashboard .seller-orders-section .seller-orders-heading-copy p{
    font-size:.57rem;
    line-height:1.4;
  }

  .seller-dashboard .seller-orders-section .seller-orders-head-actions{
    gap:.35rem;
  }

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