/* Compact, read-only overview; all editing stays in the established order detail. */
#orders .sectionHead{align-items:center;margin-bottom:18px}
#orders .sectionHead h2{margin:0;font-size:24px}
#orders .sectionHead p{margin:5px 0 0;font-size:14px;color:#5d7062}
#orders .sectionHead button{align-self:center;min-height:44px}
#orders .orderOverview{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0 0 20px}
#orders .orderQuickFilter{display:flex;flex-direction:column;align-items:flex-start;gap:7px;text-align:left;min-width:0;border:1px solid #d6dfd5;border-radius:11px;background:white;color:#253e2d;padding:15px;box-shadow:none}
#orders .orderQuickFilter>span{font-size:13px;color:#536959;min-height:30px}
#orders .orderQuickFilter>b{font-size:28px;line-height:1.15;font-variant-numeric:tabular-nums}
#orders .orderQuickFilter>small{font-size:11px;color:#5d7062}
#orders .orderQuickFilter:hover{background:#f5f8f1}
#orders .orderQuickFilter[aria-pressed=true]{background:#e9f0df;border-color:#446b45;box-shadow:inset 0 0 0 1px #446b45}
#orders .orderQuickFilter[data-attention=overdueDelivery]>span::before{content:'●';color:#a83c2c;margin-right:6px}
#orders .orderQuickFilter[data-attention=notOrdered]>span::before{content:'●';color:#9c702b;margin-right:6px}
#orders .orderQuickFilter[data-attention=thisWeek]>span::before{content:'●';color:#426e40;margin-right:6px}
#orders .orderToolbar{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}
#orders .orderSearch{flex:1;min-width:200px}
#orders .orderSearch input{width:100%;font-size:14px}
#orders .orderSortLabel{display:flex;gap:8px;align-items:center;font-size:12px;color:#5d7062}
#orders .orderSortLabel select{font-size:13px;max-width:100%}
#orders .orderFilterOptions{margin:0 0 14px;color:#536959;font-size:13px}
#orders .orderFilterOptions>summary{cursor:pointer;width:fit-content;padding:7px 0}
#orders .orderFilterOptions .orderFilters{display:flex;gap:10px;flex-wrap:wrap;padding-top:8px;margin:0;justify-content:flex-start}
#orders .orderFilterOptions select{max-width:100%;font-size:13px}
#orders .orderListPanel{border:1px solid #d6dfd5;border-radius:12px;background:white;overflow:hidden}
#orders .orderListHead{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 15px;background:#f5f8f2;border-bottom:1px solid #dce4d9;font-size:13px;color:#536959}
#orders .orderListHead strong{color:#2b4733}
#orders .orderListColumns,#orders .orderOverviewRow{display:grid;grid-template-columns:minmax(190px,1.7fr) minmax(118px,1fr) minmax(115px,1fr) minmax(110px,.95fr) minmax(155px,1.35fr);gap:14px;align-items:center;padding:15px}
#orders .orderListColumns{font-size:12px;color:#627265;font-weight:650;border-bottom:1px solid #e0e6dc;padding-top:11px;padding-bottom:11px}
#orders .orderList{display:block}
#orders .orderOverviewRow{width:100%;text-align:left;border:0;border-radius:0;border-bottom:1px solid #e0e6dc;background:white;color:#29402f;font-size:13px}
#orders .orderOverviewRow:last-child{border-bottom:0}
#orders .orderOverviewRow:hover{background:#f7faf4}
#orders .orderOverviewRow:focus-visible,#orders .orderQuickFilter:focus-visible{outline:3px solid #639458;outline-offset:-3px}
#orders .orderOverviewRow>span{display:block;min-width:0}
#orders .overviewCustomer{display:block;font-size:15px;font-weight:750;overflow-wrap:anywhere}
#orders .overviewSubtitle{display:block;color:#596e60;font-size:12px;margin-top:4px;overflow-wrap:anywhere}
#orders .overviewNumber{font-variant-numeric:tabular-nums}
#orders .overviewAccount{font-size:11px;color:#687b6b;display:block;margin-top:4px}
#orders .overviewDate{display:block;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#orders .overviewNote{display:block;color:#607064;font-size:11px;margin-top:5px;line-height:1.4;overflow-wrap:anywhere}
#orders .overviewBadge{display:inline-block;padding:4px 7px;border-radius:6px;font-size:11px;font-weight:700;line-height:1.45;overflow-wrap:anywhere}
#orders .overviewBadge.good{background:#e9f2e1;color:#34572e}
#orders .overviewBadge.warning{background:#fbf1d9;color:#765318}
#orders .overviewBadge.urgent{background:#fceae4;color:#923b29}
#orders .overviewBadge.muted{background:#f1f4ed;color:#556957}
#orders .overviewNote.urgent{color:#923b29}
#orders .overviewNote.warning{color:#765318}
#orders .overviewActions{display:flex!important;align-items:center;justify-content:space-between;gap:8px}
#orders .overviewActions>span{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:5px}
#orders .overviewArrow{font-size:24px;font-weight:400;color:#637966;flex:none}
#orders .overviewColumnLabel{display:none}
#orders .orderListFooter{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:14px;font-size:12px;color:#5c6f60}
#orders .orderListFooter strong{font-weight:650;color:#2b4733}
#orders .orderList .empty{border:0;border-radius:0;padding:35px 18px}
@media(max-width:1020px){
  #orders .orderListColumns,#orders .orderOverviewRow{grid-template-columns:minmax(165px,1.5fr) minmax(95px,.95fr) minmax(95px,.95fr) minmax(92px,.9fr) minmax(125px,1.2fr);gap:10px;padding-left:12px;padding-right:12px}
  #orders .orderQuickFilter{padding:12px}
}
@media(max-width:760px){
  #orders .sectionHead{align-items:flex-start}
  #orders .sectionHead button{align-self:flex-start}
  #orders .orderOverview{grid-template-columns:repeat(2,minmax(0,1fr))}
  #orders .orderQuickFilter:first-child{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;align-items:center}
  #orders .orderQuickFilter:first-child>small{grid-column:1/-1}
  #orders .orderQuickFilter>span{min-height:0}
  #orders .orderListColumns{display:none}
  #orders .orderOverviewRow{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:16px}
  #orders .orderOverviewRow>span:first-child,#orders .overviewActions{grid-column:1/-1}
  #orders .overviewColumnLabel{display:block;font-size:11px;color:#617466;margin-bottom:6px}
  #orders .overviewActions>span{flex-direction:row;flex-wrap:wrap}
  #orders .overviewCustomer{font-size:16px}
  #orders .orderSearch{flex-basis:100%;min-width:0}
  #orders .orderSearch input{font-size:16px}
  #orders .orderSortLabel{flex:1;justify-content:space-between}
  #orders .orderFilterOptions .orderFilters{flex-direction:column}
}