/* OrderBite dashboard order-feed repair v1
   Prevent long order references from colliding with customer/item text. */
.dashboard-page .order-feed .feed-list>div{
  grid-template-columns:minmax(126px,.95fr) minmax(0,2.2fr) minmax(90px,.7fr) minmax(78px,.55fr);
  gap:14px;
}
.dashboard-page .order-feed .feed-list>div>*{min-width:0}
.dashboard-page .order-feed .order-code{
  display:block;
  max-width:100%;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  line-height:1.3;
}
.dashboard-page .order-feed .feed-list p{
  min-width:0;
  overflow:hidden;
}
.dashboard-page .order-feed .feed-list p b,
.dashboard-page .order-feed .feed-list p small{
  display:block;
  min-width:0;
  max-width:100%;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.dashboard-page .order-feed .feed-list strong{
  justify-self:end;
  text-align:right;
  white-space:nowrap;
}
.dashboard-page .order-feed .feed-list .status{
  justify-self:end;
  width:100%;
  max-width:90px;
}

.dashboard-page .orders-table>article>div:first-child{min-width:0;overflow:hidden}
.dashboard-page .orders-table>article>div:first-child b{
  display:block;
  min-width:0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
@media(max-width:1050px){
  .dashboard-page .order-feed .feed-list>div{
    grid-template-columns:minmax(100px,.9fr) minmax(0,2fr) minmax(88px,.7fr);
    gap:10px;
  }
  .dashboard-page .order-feed .feed-list>div>.status{display:none!important}
}
@media(max-width:620px){
  .dashboard-page .order-feed .feed-list>div{
    grid-template-columns:minmax(82px,.8fr) minmax(0,1.6fr) minmax(72px,.65fr);
    gap:8px;
    padding-inline:14px;
  }
  .dashboard-page .order-feed .order-code{font-size:9px}
}