.app-shell.orders-react-page .page-head h1{font-size:24px}
.app-shell.orders-react-page .page-head p{font-size:16px}
.app-shell.orders-react-page .page-head{margin-bottom:24px}
.app-shell.orders-react-page .metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}
.app-shell.orders-react-page .metric{min-height:110px;padding:20px}
.app-shell.orders-react-page .metric-head{font-size:14px}
.app-shell.orders-react-page .metric-value{font-size:26px}
.app-shell.orders-react-page .orders-react-tabs{border:0;height:auto;margin-bottom:32px;gap:32px}
.app-shell.orders-react-page .orders-react-tabs a{font-size:16px}
.app-shell.orders-react-page .orders-react-table{border:0;background:transparent;overflow:visible}
.app-shell.orders-react-page .orders-react-toolbar{padding:16px 0;border:0;align-items:center}
.app-shell.orders-react-page .orders-react-toolbar input{width:100%;max-width:576px;height:48px;font-size:14px;border-radius:12px;background:transparent}
.app-shell.orders-react-page .orders-react-toolbar .picker{height:48px;font-size:16px;padding:0 24px;border:0;border-radius:12px;background:#f0f0f3;font-weight:600}
.app-shell.orders-react-page #orders-react-records{border:1px solid #eaecf0;border-radius:12px;background:#fff;overflow:hidden}
.app-shell.orders-react-page .orders-react-data{min-width:2250px}
.app-shell.orders-react-page .orders-react-data th,.app-shell.orders-react-page .orders-react-data td{font-size:14px;padding:20px 24px}
.app-shell.orders-react-page .orders-react-data td b{font-weight:400}
.app-shell.orders-react-page .orders-react-data td small{font-size:12px;max-width:250px}
.app-shell.orders-react-page .orders-react-status{font-size:14px;padding:0;background:transparent}
.orders-pagination{display:flex;justify-content:space-between;align-items:center;padding:18px 16px;gap:16px;font-size:14px}
.orders-pagination>div{display:flex;align-items:center}
.orders-pagination label{margin-left:16px;color:#667085}
.orders-pagination select{padding:10px;margin-left:8px;border:1px solid #ddd;border-radius:8px;background:#fff}
.orders-pagination button,.orders-pagination>div>span{padding:12px;border:1px solid #e4e7ec;background:white}
.orders-pagination>div>span{background:#f9fafb}
.orders-pagination button:disabled{opacity:.45}
.orders-pagination button:first-child{border-radius:8px 0 0 8px}
.orders-pagination button:last-child{border-radius:0 8px 8px 0}
@media(max-width:1279px){.app-shell.orders-react-page .metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){.app-shell.orders-react-page .metrics{grid-template-columns:1fr}.orders-react-filters{flex-wrap:wrap;width:100%}.orders-pagination{flex-wrap:wrap}.app-shell.orders-react-page .orders-react-toolbar{align-items:stretch}}