.order-tabs{display:flex;gap:8px;overflow:auto;margin:14px 0;padding-bottom:4px}.order-tabs button{white-space:nowrap;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:999px;padding:9px 14px;font:inherit;cursor:pointer}.order-tabs button.active{background:var(--gold);border-color:var(--gold);color:#17120a}.order-tabs b{margin-inline-start:5px}.source-badge{display:inline-flex;padding:6px 9px;border-radius:9px;background:var(--surface-2);color:var(--muted);font-size:12px}.order-status{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700}.status-new{background:#eaf2ff;color:#245ca6}.status-confirmed{background:#eee9ff;color:#6245b1}.status-preparing{background:#fff3d6;color:#9b6500}.status-ready{background:#e4f7ec;color:#167244}.status-out_for_delivery{background:#e3f4f7;color:#176c79}.status-delivered{background:#dff5e8;color:#0f7a42}.status-cancelled,.status-returned{background:#fee7e5;color:#b42318}
.order-item-head,.order-item-row{display:grid;grid-template-columns:minmax(280px,1fr) 100px 140px 42px;gap:9px;align-items:center}.order-item-head{padding:0 8px 8px;color:var(--muted);font-size:12px}.order-item-row{margin-bottom:9px}.order-item-row select,.order-item-row input{width:100%}.order-live-total{display:flex;justify-content:flex-end;gap:18px;align-items:center;margin-top:15px;padding:15px;border-top:1px solid var(--border)}.order-live-total b{font-size:22px;color:var(--gold-dark)}
.order-detail{display:grid;gap:16px}.order-detail-hero{display:flex;justify-content:space-between;gap:20px;padding:20px;border-radius:16px;background:var(--surface-2)}.order-detail-hero h3{margin:10px 0 4px;font-size:22px}.order-detail-hero p{margin:0;color:var(--muted)}.order-detail-hero>div:last-child{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.order-detail-hero strong{font-size:24px;color:var(--gold-dark)}.order-detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.order-detail-grid>div{padding:12px;border:1px solid var(--border);border-radius:12px}.order-detail-grid small,.order-detail-grid b{display:block}.order-detail-grid small{color:var(--muted);margin-bottom:4px}.order-lines{border:1px solid var(--border);border-radius:14px;overflow:hidden}.order-lines>div{display:grid;grid-template-columns:1fr auto auto;gap:16px;padding:13px 15px;border-bottom:1px solid var(--border);align-items:center}.order-lines>div:last-child{border-bottom:0}.order-lines small{display:block;color:var(--muted);margin-top:3px}.order-note{padding:14px;border-radius:12px;background:var(--surface-2)}.order-note p{margin:5px 0 0}.order-history h4{margin:0 0 12px}.order-history>div{display:flex;gap:10px;padding:0 4px 12px}.order-history>div>span{width:9px;height:9px;border-radius:50%;background:var(--gold);margin-top:6px}.order-history p{margin:0}.order-history small{display:block;color:var(--muted);margin-top:3px}.order-actions select{min-width:180px}
@media(max-width:800px){.order-item-head{display:none}.order-item-row{grid-template-columns:1fr 90px 110px 38px}.order-detail-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.order-item-row{grid-template-columns:1fr 1fr 38px}.order-item-row select{grid-column:1/-1}.order-detail-hero{flex-direction:column}.order-detail-hero>div:last-child{align-items:flex-start}.order-lines>div{grid-template-columns:1fr auto}.order-lines strong{grid-column:1/-1}.order-actions{flex-wrap:wrap}.order-actions>*{flex:1;min-width:130px}}