.content[data-page="orders"]{max-width:none}
.orders-page{display:grid;gap:14px;min-width:0}.orders-page>.page-head{margin-bottom:0}
.orders-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.orders-kpis article{display:grid;gap:5px;min-width:0;padding:14px;background:#fff;border:1px solid #e7eaf2;border-radius:14px;box-shadow:0 5px 16px rgba(34,45,82,.045)}.orders-kpis small{color:#6f7890;font-size:12px}.orders-kpis strong{color:#1d2939;font-size:21px;line-height:1.1}.orders-kpis span{color:#7c879a;font-size:12px}.orders-payment strong{color:#ad771b}.orders-preparing strong{color:#3679a1}.orders-shipped strong{color:#21815f}
.orders-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) repeat(3,minmax(150px,190px));gap:8px;min-width:0}.order-search{position:relative;min-width:0}.order-search>span{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:20px;color:#748096}.order-search input,.orders-toolbar select{width:100%;height:41px;min-width:0;padding:0 10px;border:1px solid #dfe4ef;border-radius:10px;background:#fff;font:inherit;font-size:12px}.order-search input{padding-left:37px}
.orders-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:12px;align-items:start;min-width:0}.order-list-panel,.order-detail-panel{min-width:0;background:#fff;border:1px solid #e7eaf2;border-radius:14px;box-shadow:0 5px 16px rgba(34,45,82,.045)}.order-list-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:14px 15px 10px}.order-list-heading strong{color:#293548;font-size:13px}.order-list-heading span{color:#8490a1;font-size:12px}
.orders-table-scroll{overflow:auto}.orders-table{width:100%;border-collapse:collapse}.orders-table th{padding:10px 9px;background:#f7f8fa;color:#748096;text-align:left;font-size:12px;white-space:nowrap}.orders-table td{padding:11px 9px;border-bottom:1px solid #edf0f3;color:#536075;font-size:12px;vertical-align:middle}.orders-table tr{cursor:pointer}.orders-table tbody tr:hover,.orders-table tbody tr.selected{background:#f2f8f4}.orders-table td>small{display:block;margin-top:3px;color:#8993a1;font-size:12px}.orders-table td strong{color:#293548;font-size:12px}.order-status-badge{display:inline-flex;align-items:center;max-width:135px;padding:5px 7px;border-radius:999px;background:#edf1f4;color:#586578;font-size:12px;white-space:nowrap}.order-status-badge.paid,.order-status-badge.shipped{background:#e7f5ed;color:#28734b}.order-status-badge.pending{background:#fff3da;color:#936709}.order-status-badge.preparing{background:#eaf3fc;color:#376f99}.order-status-badge.neutral{background:#f0f2f4;color:#667386}.order-channel{display:inline-flex;padding:4px 7px;border-radius:8px;background:#eff6f2;color:#3f6852;font-size:12px;white-space:nowrap}
.order-detail-panel{position:sticky;top:90px;padding:14px}.order-detail-head{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.order-detail-head>div{min-width:0}.order-detail-head small{color:#8993a0;font-size:12px}.order-detail-head h3{margin:4px 0 0;color:#243247;font-size:15px}.order-detail-status{display:flex;flex-wrap:wrap;gap:6px;margin:13px 0}.order-customer-block,.order-items-block,.order-progress{padding:12px 0;border-top:1px solid #edf0f3}.order-detail-panel h4{margin:0 0 9px;color:#526075;font-size:12px}.order-customer-block strong,.order-customer-block small{display:block;overflow:hidden;color:#364255;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.order-customer-block small{margin-top:4px;color:#8390a0;font-size:12px}.order-items-block>div{display:flex;justify-content:space-between;gap:10px;color:#526075;font-size:12px}.order-items-block>div small{color:#8993a0;text-align:right}.order-items-block .order-total{margin-top:12px;padding-top:10px;border-top:1px solid #edf0f3;color:#293548;font-size:12px}.order-items-block .order-total b{color:#1d2939;font-size:13px}
.order-progress>div{display:grid;grid-template-columns:13px minmax(0,1fr);gap:8px;position:relative;padding:0 0 12px}.order-progress>div:not(:last-child):after{content:"";position:absolute;left:5px;top:10px;bottom:0;width:1px;background:#dce6df}.order-progress>div>i{z-index:1;width:11px;height:11px;border:2px solid #cdd5dc;border-radius:50%;background:#fff}.order-progress>div>i.done{border-color:#3e8c68;background:#3e8c68}.order-progress>div>i.current{border-color:#d29b32;background:#fff7e5}.order-progress>div span{display:grid;gap:3px}.order-progress>div strong{color:#49566b;font-size:12px}.order-progress>div small{color:#8993a0;font-size:12px}.order-detail-empty{padding:24px 10px;color:#8792a1;font-size:12px;text-align:center}
@media(max-width:1120px){.orders-layout{grid-template-columns:minmax(0,1fr)}.order-detail-panel{position:static}.orders-toolbar{grid-template-columns:minmax(0,1fr) repeat(2,minmax(150px,1fr))}.orders-toolbar select:last-child{grid-column:2}}
@media(max-width:820px){
 .orders-page{gap:10px}.orders-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.orders-kpis article{padding:10px;border-radius:12px}.orders-kpis small{font-size:12px}.orders-kpis strong{font-size:18px}.orders-kpis span{font-size:12px}
 .orders-toolbar{grid-template-columns:minmax(0,1fr) 42px;gap:6px}.orders-toolbar select{height:38px;font-size:12px}.orders-toolbar select:first-of-type,.orders-toolbar select:nth-of-type(2){grid-row:2}.orders-toolbar select:last-child{grid-column:1/-1;grid-row:3}
 .orders-layout{grid-template-columns:minmax(0,1fr)}.orders-table-scroll{overflow:visible}.orders-table,.orders-table tbody{display:block;width:100%}.orders-table thead{display:none}.orders-table tbody{padding:0 10px}.orders-table tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;padding:12px 2px;border-bottom:1px solid #edf0f3}.orders-table td{display:flex;align-items:center;gap:5px;min-width:0;padding:0;border:0;font-size:12px}.orders-table td:before{content:attr(data-label) ": ";color:#8993a1;font-size:12px}.orders-table td:first-child{grid-column:1/-1}.orders-table td:first-child:before{display:none}.orders-table td:nth-child(2){grid-column:1/-1}.orders-table td:nth-child(3){grid-column:1}.orders-table td:nth-child(4){grid-column:2;justify-self:end}.orders-table td:nth-child(5),.orders-table td:nth-child(6){grid-column:auto}.orders-table td:nth-child(7){grid-column:1/-1}
 .order-detail-panel{padding:12px}.order-detail-head h3{font-size:14px}
}
@media(max-width:500px){.orders-page>.page-head{align-items:flex-start}.orders-page>.page-head .head-actions .primary{padding:9px 10px;font-size:12px}}