/* Admin order and payment states: text remains meaningful without color. */
.order-badges{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px;max-width:100%;margin:6px 0}
.order-state{display:inline-flex;align-items:center;gap:7px;border:1px solid transparent;border-radius:9px;padding:7px 11px;font-size:14px;font-weight:700;line-height:1.35;white-space:normal;overflow-wrap:anywhere;text-transform:none;letter-spacing:normal}
.state-new{background:#e9f2ff;color:#184b91;border-color:#bfd5f3}
.state-processing{background:#fff3d5;color:#765000;border-color:#e7d191}
.state-shipped{background:#f0eafa;color:#61368c;border-color:#d8c6ef}
.state-completed{background:#e5f4eb;color:#17623c;border-color:#b8dfc7}
.state-cancelled{background:#fce9eb;color:#982637;border-color:#edc0c7}
.state-pending{background:#fff6e5;color:#795314;border-color:#ecd7ae}
.state-unknown{background:#edf0f3;color:#495566;border-color:#d6dde4}
.admin-shell .order-test-label{display:inline-block;font-size:11px;font-weight:700;border:1px dashed #8b96a4;border-radius:5px;padding:2px 7px;color:#596372;margin-top:6px}
.admin-shell .admin-orders-table .order-badges{flex-direction:column;min-width:155px}
.admin-shell .admin-orders-table td{vertical-align:top;padding-top:17px;padding-bottom:17px}
.admin-shell .admin-orders-table tbody tr:hover{background:#f7f9fc}
.admin-shell .order-carrier{display:block;margin-top:8px;color:#566476;font-size:12px;overflow-wrap:anywhere}
.admin-shell .admin-orders-table .text-link{display:inline-flex;padding:9px 12px;border:1px solid #d6dde4;border-radius:9px;background:#fff;text-decoration:none;white-space:nowrap}
@media(max-width:650px){.order-state{font-size:13px;padding:6px 9px}.admin-shell .section-heading .order-badges{max-width:100%}.admin-shell .admin-orders-table{max-width:100%;overflow-x:auto}.admin-shell .admin-orders-table table{min-width:700px}}

.account-order-top .order-badges{justify-content:flex-end;max-width:60%}.success-panel .order-badges{justify-content:center}.account-order .order-state{font-size:13px}@media(max-width:650px){.account-order-top{flex-wrap:wrap}.account-order-top .order-badges{max-width:100%;justify-content:flex-start;width:100%}}