@media (max-width: 900px){
  .topbar{gap:12px;align-items:flex-start}
  .topbar h1{font-size:24px}
  .subline{font-size:11px}
  .top-actions{gap:6px;flex-wrap:wrap;justify-content:flex-end}
  .connection{max-width:132px;line-height:1.2;text-align:center}
  .status-strip{gap:8px}
  .status-card{min-height:68px;padding:11px 12px}
  .status-card .label{font-size:12px}
  .status-card .count{font-size:21px}
  .toolbar{gap:10px}
  .tabs{width:100%;padding:0 0 5px;scrollbar-width:none}
  .tabs::-webkit-scrollbar{display:none}
  .filters{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .search-box{grid-column:1/-1;min-width:0}
  .filters select{width:100%;min-width:0}
  .workspace{border-radius:16px}
  .list-head{padding:12px 14px}
  .order-list{overflow:visible}
  .order-row{
    grid-template-columns:86px 64px minmax(0,1fr) auto;
    grid-template-areas:
      "number badges main amount";
    gap:10px;
    padding:14px 14px;
  }
  .order-row>div:nth-child(1){grid-area:number}
  .order-row .source-stack{grid-area:badges}
  .order-row .order-main{grid-area:main}
  .order-row .amount{grid-area:amount;align-self:center;white-space:nowrap}
  .order-row .status{display:none}
  .customer-line,.address-line{white-space:normal;overflow:visible;text-overflow:clip}
  .customer-line{line-height:1.25}
  .address-line{line-height:1.3}
  .detail-pane{scroll-margin-top:10px;background:#f8fafb}
  .detail{padding:14px}
  .detail-title{font-size:23px}
  .actions-card{position:static}
}

@media (max-width: 600px){
  .topbar{padding-top:14px;padding-bottom:12px}
  .top-actions .connection{font-size:11px;padding:7px 8px;max-width:118px}
  .icon-btn{width:40px;height:40px}
  .status-strip{padding-bottom:12px}
  .status-card{min-height:62px}
  .toolbar{padding-bottom:12px}
  .tab-btn{font-size:12px;padding:8px 10px}
  .filters{grid-template-columns:1fr}
  .search-box,.filters select{grid-column:1}
  .workspace{margin:0 10px 12px}
  .list-head{gap:8px}
  .legend{font-size:10px;text-align:right}
  .order-row{
    grid-template-columns:1fr auto auto;
    grid-template-areas:
      "number badges amount"
      "main main main";
    gap:8px 10px;
    padding:14px 13px;
  }
  .order-row>div:nth-child(1){grid-area:number;display:flex;align-items:baseline;gap:8px;min-width:0}
  .order-time{margin-top:0;white-space:nowrap}
  .source-stack{justify-self:start}
  .order-main{padding-top:3px}
  .customer-line{font-size:14px}
  .address-line{font-size:12px}
  .meta-line{font-size:11px}
  .amount{font-size:14px}
  .scheduled-tag{display:block;width:max-content;max-width:100%;margin:5px 0 0}
  .detail-top{gap:8px}
  .detail-title{font-size:21px}
  .info-grid{grid-template-columns:1fr}
  .quick-actions{flex-wrap:wrap}
  .schedule-card{grid-template-columns:1fr;gap:5px}
  .countdown{text-align:left}
  .action-main{grid-template-columns:1fr}
  .primary,.danger,.secondary,.success{min-height:48px}
  .prep-grid{grid-template-columns:repeat(2,1fr)}
  .custom-prep{grid-template-columns:1fr}
}