.customer-order-scroll{overflow-x:auto;width:100%;border:1px solid var(--line,#7c647044);border-radius:12px}.customer-orders{border-collapse:collapse;width:100%;font-size:.93rem;text-align:left}.customer-orders th,.customer-orders td{padding:14px 16px;border-bottom:1px solid #86778035;vertical-align:middle}.customer-orders thead th{font-size:.78rem;white-space:nowrap;opacity:.8;background:#86778014}.customer-orders tbody th{white-space:nowrap;font-family:inherit}.customer-orders .order-dancers{min-width:100px;max-width:240px}.order-total{font-variant-numeric:tabular-nums;white-space:nowrap}.order-paid{font-size:.8rem;white-space:nowrap}.order-toggle{font:inherit;border:1px solid #ad8294;border-radius:7px;background:transparent;color:inherit;padding:8px 12px;cursor:pointer;min-height:40px}.order-toggle:focus-visible{outline:2px solid #e78ab8;outline-offset:3px}.customer-order-detail{padding:4px 0 10px}.customer-order-detail ul{list-style:none;padding:0;max-width:650px}.customer-order-detail li{display:flex;justify-content:space-between;gap:20px;padding:8px 0;border-bottom:1px solid #86778025}.customer-order-detail details{font-size:.8rem;opacity:.8;overflow-wrap:anywhere}.customer-orders tr[hidden]{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.order-mobile-label{display:none}
/* An order becomes a readable card on phones and small tablets. */
@media(max-width:800px){
 .customer-order-scroll{overflow:visible;border:0;border-radius:0;min-width:0}
 .customer-orders{display:block;width:100%;min-width:0;max-width:100%;font-size:1rem}
 .customer-orders thead{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
 .customer-order-group{display:block;margin-bottom:16px;border:1px solid var(--line,#7c647044);border-radius:12px;padding:16px;min-width:0}
 .customer-orders .customer-order-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
 .customer-orders .customer-order-summary>th,.customer-orders .customer-order-summary>td{display:block;border:0;padding:0;min-width:0;max-width:none;white-space:normal;overflow-wrap:anywhere;font-size:1rem;color:inherit}
 .customer-orders .customer-order-summary>th{grid-column:1/-1;font-size:1.15rem}
 .order-mobile-label{display:block;font-size:.8rem;font-weight:normal;opacity:.75;margin-bottom:5px;line-height:1.4}
 .customer-orders .order-action{grid-column:1/-1}
 .customer-orders .order-toggle{width:100%;min-height:44px}
 .customer-orders .order-paid{white-space:normal;font-size:inherit}
 .customer-orders tr:not(.customer-order-summary):not([hidden]),.customer-orders tr:not(.customer-order-summary)>td{display:block;min-width:0;width:100%;padding:0;border:0}
 .customer-order-detail{border-top:1px solid #86778035;margin-top:16px;padding-top:16px;overflow-wrap:anywhere;line-height:1.5}
 .customer-order-detail ul{max-width:100%}
 .customer-order-detail li{display:block;padding:12px 0}
 .customer-order-detail li>span{display:block;margin-top:6px}
 .customer-orders .customer-order-detail .fulfillment-badge{white-space:normal}
 .customer-order-detail details{font-size:.95rem;opacity:1}
 .customer-order-detail .order-help-box{padding:12px;margin-bottom:0;min-width:0}
 .customer-order-detail :is(input,select,textarea){min-width:0;max-width:100%;width:100%;font-size:16px}
 .customer-order-detail button{max-width:100%;white-space:normal;min-height:44px}
 .customer-order-detail summary{padding:8px 0;cursor:pointer}
}