.order-table table{border-collapse:separate;border-spacing:0}.order-table table th{height:28px;box-shadow:none;padding-inline:12px;font-size:12px;font-weight:400}.order-table thead tr{border:0}.order-table table td{height:60px;padding:8px 12px;font-size:13px}.order-table tbody tr:not(:last-child)>td{border-bottom:1px solid var(--border)}.order-table .order-table-check [data-slot=checkbox]{display:flex}.order-table tr[data-checked=true]>td{background:color-mix(in oklch, var(--primary) 6%, var(--background))}.order-table-detail:focus-visible{outline:2px solid var(--ring);outline-offset:3px;border-radius:3px}.order-table [data-slot=avatar]:has(img){outline-offset:-1px;outline:1px solid oklch(0% 0 0/.1)}.dark .order-table [data-slot=avatar]:has(img){outline-color:oklch(100% 0 0/.1)}.order-table-actions button{opacity:0}.order-table tr:hover .order-table-actions button,.order-table tr:focus-within .order-table-actions button,.order-table-actions button[data-popup-open]{opacity:1}@media (hover:none){.order-table-actions button{opacity:1}}.order-table[data-look=list]{--order-bleed:8px;margin-inline:calc(var(--order-bleed) * -1)}@media (width>=640px){.order-table[data-look=list]{--order-bleed:20px}}.order-table[data-look=list] table th{height:36px;color:var(--muted-foreground);font-size:13px}.order-table[data-look=list] thead tr,.order-table[data-look=list] thead tr:hover{background:0 0;border-bottom:0}.order-table[data-look=list] tr>:first-child{padding-left:calc(12px + var(--order-bleed))}.order-table[data-look=list] tr>:last-child{padding-right:calc(12px + var(--order-bleed))}.order-table[data-look=list] tbody tr:not(:last-child)>td{border-bottom:0}.order-table[data-look=list] tbody tr[data-order-id]:hover{background:0 0}.order-table[data-look=list] tbody tr[data-order-id]:hover>td{background:color-mix(in oklch, var(--foreground) 6%, var(--background))}.order-table[data-look=list] tbody tr[data-order-id]:has([data-popup-open])>td{background:color-mix(in oklch, var(--foreground) 6%, var(--background))}.order-table[data-look=list] tbody tr[data-order-id]>td:first-child{border-radius:8px 0 0 8px}.order-table[data-look=list] tbody tr[data-order-id]>td:last-child{border-radius:0 8px 8px 0}.order-table[data-look=list] [data-slot=empty]{margin-inline:var(--order-bleed)}.order-table[data-look=list] thead th{background:color-mix(in oklch, var(--foreground) 3.5%, var(--background));background-clip:padding-box;border-bottom:6px solid #0000}.order-table[data-look=list] thead th:first-child{border-radius:8px 0 0 8px/8px 0 0 14px}.order-table[data-look=list] thead th:last-child{border-radius:0 8px 8px 0/0 8px 14px 0}