.og-view-toggle{display:inline-flex;align-items:center;padding:3px;gap:2px;border:1px solid var(--border);border-radius:9px;background:var(--warm-white);flex-shrink:0}
.og-view-toggle button{font:500 13px 'DM Sans',sans-serif;border:0;border-radius:6px;padding:7px 12px;background:transparent;color:var(--ink);cursor:pointer;min-height:32px}
.og-view-toggle button[aria-pressed=true]{background:var(--rust);color:#fff}
.og-view-toggle button:focus-visible{outline:2px solid var(--rust);outline-offset:2px}
#mainContent[data-order-view=list] .og-reference .td-thumb{display:none}
#mainContent[data-order-view=list] .og-reference tbody{display:block;padding:0 14px}
#mainContent[data-order-view=list] .og-reference tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(100px,25%);align-items:center;gap:12px;padding:14px 2px;border:0;border-bottom:1px solid var(--border);border-radius:0;background:transparent}
#mainContent[data-order-view=list].admin-mode .og-reference tbody tr{grid-template-columns:minmax(0,1fr) minmax(90px,25%) 32px}
#mainContent[data-order-view=list] .og-reference tbody tr:last-child{border-bottom:0}
#mainContent[data-order-view=list] .og-reference tbody tr:hover{background:#f5efe7}
#mainContent[data-order-view=list] .og-reference td.td-vendor{margin:0;font-size:13px}
#mainContent[data-order-view=list] .og-reference td:last-child:not(.td-vendor){margin:0;align-self:center}
@media(max-width:700px){.toolbar-right{flex-wrap:wrap}.og-view-toggle button{min-height:38px}#mainContent[data-order-view=list] .og-reference tbody{padding:0 10px}#mainContent[data-order-view=list] .og-reference tbody tr{gap:10px}#mainContent[data-order-view=list] .og-reference .td-product-btn{font-size:14px}}