.order-grid-wrap{overflow-x:auto;background:#fff;border:1px solid #e1e8e3;border-radius:16px}.order-grid{width:100%;min-width:920px;border-collapse:collapse;font-size:14px}.order-grid th{background:#edf4ee;color:#536c5b;font-size:13px;font-weight:600;text-align:left;padding:16px 14px;white-space:nowrap}.order-grid td{padding:18px 14px;border-top:1px solid #e7ece8;vertical-align:middle}.order-grid-row:hover{background:#f9fbf8}.order-grid th:first-child{width:22%}.order-grid th:nth-child(2){width:18%}.order-grid th:last-child{width:200px}.order-grid small{display:block;font-size:12px;color:#879489;line-height:1.6;margin-top:5px}.order-number{padding:0;border:0;background:transparent;color:#254c36;display:flex;align-items:center;gap:8px;text-align:left;font-size:15px;white-space:nowrap}.order-number>span{color:#71937b;font-size:17px}.order-created{white-space:nowrap;color:#6e7c73;font-size:13px}.order-customer b{font-weight:500;white-space:nowrap}.order-customer small{white-space:nowrap}.order-grid-amount{font-weight:800;color:#bb4932;font-size:17px;white-space:nowrap}.order-row-actions{display:flex;gap:8px;align-items:center;white-space:nowrap}.order-row-actions button{padding:9px 10px;font-size:12px;min-width:48px}.order-row-actions .order-cancel{background:#fff5e5;color:#98682a}.order-row-actions .order-delete{background:#fff0ed;color:#b34e40}.order-grid .order-cancelled{color:#9b716d}.order-grid .order-preorder-label{color:#9a722f}.order-grid-detail>td{padding:0!important;background:#f7faf6}.order-detail-content{padding:20px;max-width:100%;font-size:14px}.order-detail-content .order-address,.order-detail-content .order-note{margin:12px 0}.order-detail-content .order-address>div,.order-detail-content .order-note>div{line-height:1.7;margin-top:5px;overflow-wrap:anywhere}.order-detail-content .order-table{background:#fff}.order-list-heading h2{font-size:24px;margin:0 0 6px}.order-list-heading p{margin:0;color:#7b8b80;font-size:13px}.order-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.order-list-toolbar>div:last-child{display:flex;gap:8px}.order-list-toolbar button{white-space:nowrap}.order-list-tools{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:12px 0;color:#788b7d;font-size:12px}.order-list-tools button{padding:8px 12px;font-size:12px}.order-grid-note{font-size:12px;color:#7d8e80;line-height:1.6;margin-top:8px}.order-action-dialog{border:0;border-radius:18px;width:min(440px,calc(100vw - 32px));color:#304a37;padding:24px}.order-action-dialog::backdrop{background:#132d2077}.order-action-dialog h2{margin:0 0 14px;font-size:23px}.order-action-dialog p{line-height:1.7}.order-action-dialog .action-buttons{display:flex;justify-content:end;gap:10px;margin-top:20px}@media(max-width:700px){.order-list-toolbar{align-items:start}.order-list-heading h2{font-size:21px}.order-list-tools{align-items:start;flex-wrap:wrap}.order-grid-wrap{border-radius:12px}.order-grid{font-size:13px}.order-grid th,.order-grid td{padding:14px 12px}}

.order-grid th:last-child,.order-grid-row>td:last-child{position:sticky;right:0;z-index:2;background:#fff;box-shadow:-8px 0 12px -12px #153a2d80}.order-grid th:last-child{background:#edf4ee;z-index:3}

.order-archive-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.order-archive-tabs button{font-size:14px;padding:10px 18px}

.order-payment-control{display:flex;gap:6px;align-items:center}.order-payment-control select{width:142px;max-width:none;font-size:13px;padding:9px 7px;background:#fff}.order-payment-control button{font-size:12px;padding:9px 10px;white-space:nowrap}.order-grid th:nth-child(4){min-width:205px}.order-grid{min-width:1090px}.order-payment-hint{font-size:12px;color:#77877c;margin:8px 0 14px;line-height:1.6}
.order-grid{min-width:960px}.order-grid th:first-child{width:160px}.order-grid th:nth-child(2){width:160px}.order-grid th:last-child{width:190px}.order-grid th:nth-child(4){min-width:200px}.order-payment-control select{width:128px}.order-payment-control button{padding:9px 8px}.order-customer b{font-size:13px}

/* Keep all six columns visible on desktop, matching the approved preview. */
@media screen{.app:has(#orders:not(.hidden)){max-width:1200px}.app:has(#orders:not(.hidden))>nav{width:min(1200px,100%)}.order-grid{table-layout:fixed;min-width:960px}.order-grid th:first-child{width:21%}.order-grid th:nth-child(2){width:17%}.order-grid th:nth-child(3){width:14%}.order-grid th:nth-child(4){width:23%}.order-grid th:nth-child(5){width:10%}.order-grid th:last-child{width:190px}.order-number{white-space:normal;overflow-wrap:anywhere;max-width:100%;min-width:0}.order-grid-row>td{overflow-wrap:anywhere}.order-payment-control{flex-wrap:wrap}.order-created{white-space:normal}.order-customer b,.order-customer small{white-space:normal}}