/* Order identity precedes its delivery, including the flattened mobile layout. */
@media(max-width:800px){
 html[data-ds] .order-page.order-detail-v283 .order-products-panel{order:0}
 html[data-ds] .order-page.order-detail-v283 .order-delivery-panel{order:1}
 html[data-ds] .order-page.order-detail-v283 .order-instructions-panel{order:2}
 html[data-ds] .order-page.order-detail-v283 .order-summary-panel{order:3}
 html[data-ds] .order-page.order-detail-v283 .order-activity-panel{order:4}
 html[data-ds] .order-page.order-detail-v283[data-order-status=pending] .order-summary-panel{order:-1}
}

html[data-ds] body:not(.merchant-admin) .product-page .product-secondary-actions{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch;
 margin:0;padding:16px 0 0;border:0;
}
html[data-ds] body:not(.merchant-admin) .product-page .product-secondary-actions>.button{
 display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-width:0;
 height:44px;min-height:44px;padding:8px 12px;margin:0;border:1px solid var(--bm-line)!important;
 border-radius:6px!important;background:var(--bm-white)!important;color:var(--bm-ink)!important;
 font:inherit;font-size:14px;line-height:20px;box-shadow:none!important;text-decoration:none;
}
html[data-ds] body:not(.merchant-admin) .product-page .product-secondary-actions>.button:hover{background:var(--bm-soft)!important}
html[data-ds] body:not(.merchant-admin) .product-page .product-secondary-actions>.button:disabled{opacity:.5;cursor:not-allowed}
html[data-ds] body:not(.merchant-admin) .product-page .product-secondary-actions>.button:focus-visible{outline:2px solid var(--bm-focus);outline-offset:3px}
html[data-ds] body:not(.merchant-admin) .product-page .product-secondary-actions .icon{flex:0 0 18px;width:18px;height:18px}

/* Keep both axes visible when the report grows on wide screens. */
html[data-ds] body.ops-admin .ops-legacy .trade-chart-wrap{
 width:100%;max-width:100%;max-height:none;overflow-x:auto;overflow-y:hidden;
 scrollbar-width:thin;scrollbar-color:var(--ops-control) transparent;
}
html[data-ds] body.ops-admin .ops-legacy .trade-svg{
 display:block;width:100%;min-width:480px;height:auto;max-height:360px;overflow:visible;
}
html[data-ds] body.ops-admin .ops-legacy [data-chart-date]:focus-visible{outline:2px solid var(--ops-focus);outline-offset:-2px}
body.ops-admin .ops-dashboard-split .ops-sheet{border-radius:8px}
body.ops-admin .ops-dashboard-split .ops-table time{display:block;font-size:14px;line-height:22px;white-space:nowrap;font-variant-numeric:tabular-nums}
@media(max-width:600px){
 body.ops-admin .ops-dashboard-split .ops-table--stacked .ops-number{text-align:left}
}