/* Faithful composition of the approved Vendas e pedidos mockup. */
.orders-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 22px;border-top:1px solid #edf0f4;background:#fff;color:#8796a8;font-size:10px}.orders-pagination>div{display:flex;align-items:center;gap:5px}.orders-pagination button{min-width:34px;min-height:32px;padding:6px 9px;border-color:#dfe5ec;background:#fff;color:#60758e;font-size:9px;box-shadow:none}.orders-pagination button.selected{border-color:#173a5d;background:#173a5d;color:#fff}.orders-pagination button:disabled{cursor:default;opacity:.4;transform:none}.orders-page-gap{padding:0 3px;color:#9ba7b5}.orders-pagination.single{justify-content:flex-start}
@media (min-width:651px){
  .orders-kpis article{min-height:108px;padding:16px 17px;gap:12px}
  .orders-kpis strong{font-size:clamp(18px,1.65vw,24px);letter-spacing:-.45px}
  .orders-kpi-icon{width:40px;height:40px;flex-basis:40px;font-size:17px}
  .orders-workspace .order-filters{display:grid;grid-template-columns:minmax(360px,1.25fr) auto;column-gap:14px;align-items:center;padding:20px 23px 15px}
  .orders-workspace .order-searchline{margin:0;min-width:0}
  .orders-workspace .order-searchline input{min-height:45px}
  .orders-workspace .order-searchline .textbtn{font-size:9px}
  .orders-workspace .order-quickfilters{align-items:center;justify-content:flex-end;padding:0}
  .orders-workspace .order-quickfilters button{min-height:41px;padding-inline:17px}
  .orders-workspace .orders-advanced{grid-column:1/-1;width:100%;margin-top:14px}
  .orders-clean th{height:45px}
  .orders-clean td{height:76px}
}

@media (max-width:650px){
  body:has(.orders-workspace) .cloud-bar{display:none}
  body:has(.orders-workspace) header{position:relative}
  body:has(.orders-workspace) header>span{display:none}
  body:has(.orders-workspace) header:before{content:'TRÊS PONTAS\A FRUTAS CONGELADAS';position:absolute;left:50%;top:50%;min-height:34px;padding-left:39px;background:url('assets/tres-pontas-logo.png') no-repeat left center/32px 32px;color:#142b44;font:800 11px/1.15 Manrope;letter-spacing:.5px;white-space:pre;transform:translate(-50%,-50%)}
  body:has(.orders-workspace) header:after{content:''}
  body:has(.orders-workspace) .header-right .demo,body:has(.orders-workspace) .header-right .today{display:none}
  body:has(.orders-workspace) .pagehead{display:block;margin-bottom:15px}
  body:has(.orders-workspace) .pagehead h1{font-size:24px}
  body:has(.orders-workspace) .pagehead p{max-width:none}
  body:has(.orders-workspace) .pagehead .actions{display:block;width:100%;margin-top:14px}
  body:has(.orders-workspace) .pagehead .actions .primary{width:100%;min-height:44px}
  .orders-kpis article{display:flex;align-items:center;gap:8px;min-height:78px;padding:9px}
  .orders-kpi-icon{width:28px;height:28px;flex:0 0 28px;margin:0;font-size:12px}
  .orders-kpis strong{margin:4px 0 2px;font-size:clamp(13px,4vw,15px);line-height:1.1;letter-spacing:-.25px;white-space:nowrap}
  .orders-kpis small{font-size:8px}
  .orders-kpis p{font-size:7px}
  .orders-workspace{border-radius:10px}
  .orders-workspace .order-filters{padding:13px 12px 10px}
  .orders-workspace .order-searchline{display:block;margin-bottom:10px}
  .orders-workspace .order-searchline input{width:100%;min-height:42px;padding-inline:13px;font-size:11px}
  .orders-workspace .order-searchline .textbtn{display:none}
  .orders-workspace .order-quickfilters{margin:0;padding:0 0 4px}
  .orders-workspace .order-quickfilters button{min-height:33px;padding:7px 12px;font-size:9px}
  .orders-workspace .orders-advanced{margin-top:8px}
  .orders-workspace .orders-advanced summary{min-height:34px;padding:7px 1px 2px;font-size:9px}
  .orders-workspace .orders-advanced summary span{font-size:8px}
  .orders-resultshead{min-height:48px}
  .orders-mobile-list{gap:7px;padding:0 10px 12px}
  .order-mobile-card summary{position:relative;min-height:68px;padding:11px 12px}
  .order-mobile-card summary>span:last-child{padding-right:12px}
  .order-mobile-card summary em{right:7px}
  .order-mobile-card summary strong{font-size:11px}
  .order-mobile-card summary>span:last-child>b{font-size:11px}
  .order-mobile-actions{grid-template-columns:repeat(3,minmax(0,1fr));padding:0 11px 11px}
  .order-mobile-actions button{min-height:38px;padding:7px 5px}
  .order-mobile-actions button:last-child{grid-column:1/-1}
  .orders-pagination{display:block;padding:12px 10px;text-align:center}
  .orders-pagination>span{display:block;margin-bottom:10px}
  .orders-pagination>div{justify-content:center;gap:4px}
  .orders-pagination button{min-width:31px;min-height:31px;padding:5px 7px}
  .orders-pagination.single>span{margin:0}
}