.order-card{background:var(--menu-card-bg,white);border-radius:var(--menu-border-radius);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base);padding:.8125rem}.order-card:hover{box-shadow:var(--shadow-md)}.order-card--paid{border-top:3px solid var(--color-success)}.order-card--complete-payment{border:2px solid var(--menu-emphasis,var(--menu-primary))}.order-card--complete-payment .order-card__num{gap:var(--spacing-xs)}.order-card--complete-payment .order-card__num strong{font-size:var(--font-size-md)}.order-card--complete-payment .order-card__num small{letter-spacing:0;text-transform:none;color:var(--menu-text-secondary,var(--gray-600));font-weight:500}.order-card__head{justify-content:space-between;align-items:flex-start;gap:var(--spacing-sm);margin-bottom:.625rem;display:flex}.order-card__num{flex-direction:column;gap:2px;min-width:0;display:flex}.order-card__num small{letter-spacing:.07em;text-transform:uppercase;color:var(--menu-text-secondary,var(--gray-500));font-size:.625rem;font-weight:700;display:block}.order-card__num strong{letter-spacing:-.01em;color:var(--menu-text,var(--gray-800));font-variant-numeric:tabular-nums;font-size:.9375rem;font-weight:800}.order-card__pill{letter-spacing:.05em;text-transform:uppercase;border-radius:var(--radius-full);white-space:nowrap;flex-shrink:0;align-items:center;gap:5px;padding:4px 10px;font-size:.65625rem;font-weight:750;display:inline-flex}.order-card__pill--status-awaiting_payment,.order-card__pill--status-pending,.order-card__pill--pay-pending,.order-card__pill--pay-unpaid{background:var(--color-warning-light);color:var(--color-warning-text)}.order-card__pill--status-preparing,.order-card__pill--pay-processing{background:var(--color-info-light);color:var(--color-info-text)}.order-card__pill--status-ready,.order-card__pill--status-completed,.order-card__pill--pay-paid{background:var(--color-success-light);color:var(--color-success-text)}.order-card__pill--status-cancelled,.order-card__pill--pay-failed{background:var(--color-error-light);color:var(--color-error-text)}.order-card__pill--pay-partial{background:var(--color-warning-light);color:var(--color-warning-text-strong)}.order-card__pill--pay-refunded{background:var(--menu-surface,var(--gray-100));color:var(--menu-text-secondary,var(--gray-600))}.order-card__rail{align-items:flex-start;margin:2px 0 4px;display:flex}.order-card__rail-step{flex-direction:column;flex:1;align-items:center;gap:5px;min-width:0;display:flex;position:relative}.order-card__rail-dot{background:var(--menu-border,var(--gray-200));border:2px solid var(--menu-border,var(--gray-200));z-index:2;border-radius:50%;width:12px;height:12px}.order-card__rail-step:before,.order-card__rail-step:after{content:"";background:var(--menu-border,var(--gray-200));width:50%;height:2px;position:absolute;top:5px}.order-card__rail-step:before{left:0}.order-card__rail-step:after{right:0}.order-card__rail-step:first-child:before,.order-card__rail-step:last-child:after{display:none}.order-card__rail-label{letter-spacing:.04em;text-transform:uppercase;color:var(--menu-text-secondary,var(--gray-500));text-align:center;overflow-wrap:break-word;hyphens:auto;font-size:.59375rem;font-weight:700}.order-card__rail-step--done .order-card__rail-dot{background:var(--menu-emphasis,var(--menu-primary));border-color:var(--menu-emphasis,var(--menu-primary))}.order-card__rail-step--done:before,.order-card__rail-step--done:after{background:var(--menu-emphasis,var(--menu-primary))}.order-card__rail-step--now .order-card__rail-dot{background:var(--menu-card-bg,white);border-color:var(--menu-emphasis,var(--menu-primary));box-shadow:0 0 0 3px color-mix(in srgb, var(--menu-emphasis,var(--menu-primary)) 25%, transparent)}.order-card__rail-step--now:before{background:var(--menu-emphasis,var(--menu-primary))}.order-card__rail-step--now .order-card__rail-label{color:var(--menu-text,var(--gray-800))}.order-card__meta{color:var(--menu-text-secondary,var(--gray-600));flex-wrap:wrap;gap:6px 14px;margin-bottom:.6875rem;font-size:.71875rem;display:flex}.order-card__meta-item{align-items:center;gap:5px;display:inline-flex}.order-card__meta-icon{width:12px;height:12px;color:var(--menu-text-muted,var(--gray-400));flex-shrink:0}.order-card__notes{padding:var(--spacing-sm) var(--spacing-md);background:color-mix(in srgb, var(--menu-emphasis,var(--menu-primary)) 6%, transparent);border-radius:var(--radius-md);color:var(--menu-text-secondary,var(--gray-700));align-items:flex-start;gap:6px;margin:0 0 .6875rem;font-size:.75rem;line-height:1.4;display:flex}.order-card__notes-icon{width:13px;height:13px;color:var(--menu-emphasis,var(--menu-primary));flex-shrink:0;margin-top:1px}.order-card__items{font-variant-numeric:tabular-nums;flex-direction:column;gap:6px;margin-bottom:.6875rem;display:flex}.order-card__item{align-items:flex-start;gap:var(--spacing-sm);font-size:.78125rem;display:flex}.order-card__item-qty{color:var(--menu-emphasis,var(--menu-primary));flex:none;font-weight:750}.order-card__item-name{min-width:0;color:var(--menu-text,var(--gray-800));word-wrap:break-word;overflow-wrap:break-word;flex:1;font-weight:500}.order-card__item-detail{color:var(--menu-text-secondary,var(--gray-500));margin-top:2px;font-size:.6875rem;font-weight:400;display:block}.order-card__item-price{color:var(--menu-text-secondary,var(--gray-600));white-space:nowrap;flex:none;font-weight:600}.order-card__totals{font-variant-numeric:tabular-nums;flex-direction:column;gap:7px;display:flex}.order-card__total-row{color:var(--menu-text-secondary,var(--gray-600));justify-content:space-between;font-size:.78125rem;display:flex}.order-card__total-row--sub{color:var(--menu-text,var(--gray-800));font-weight:600}.order-card__total-row--charge{border-left:2px solid var(--menu-border,var(--gray-200));padding-left:10px}.order-card__total-row--final{border-top:1px solid var(--menu-border,var(--gray-200));color:var(--menu-text,var(--gray-800));margin-top:3px;padding-top:9px;font-size:.96875rem;font-weight:800}.order-card__total-amount{color:var(--menu-emphasis,var(--menu-primary))}.order-card__pay{justify-content:space-between;align-items:center;gap:var(--spacing-sm);border-top:1px dashed var(--menu-border,var(--gray-200));color:var(--menu-text-secondary,var(--gray-500));margin-top:.625rem;padding-top:.625rem;font-size:.75rem;display:flex}.order-card__actions{flex-wrap:wrap;gap:8px;margin-top:.75rem;display:flex}.order-card__actions>button,.order-card__actions>.pay-now:not(.pay-now--form-active){flex:100%;min-width:0}.order-card__actions>.pay-now--form-active{flex:100%;order:-1;width:100%;min-width:100%}.order-card__actions:has(>.pay-now--form-active){flex-wrap:wrap}.order-card__actions:has(>.pay-now--form-active)>button,.order-card__actions:has(>.pay-now--form-active)>div:not(.pay-now){display:none}.order-card__actions>div:not(.pay-now){flex:100%}@media (width>=640px){.order-card__actions:not(:has(>.pay-now--form-active)){flex-wrap:nowrap}.order-card__actions>button,.order-card__actions>.pay-now:not(.pay-now--form-active){flex:1 1 0}.order-card__actions>button,.order-card__actions .pay-now__btn--inline{white-space:nowrap}}.order-card__actions>button,.order-card__actions .pay-now__btn--inline,.order-card__btn{border-radius:var(--menu-border-radius,var(--radius-md));cursor:pointer;width:100%;transition:background var(--transition-base), color var(--transition-base), border-color var(--transition-base);justify-content:center;align-items:center;gap:6px;line-height:1.2;display:inline-flex;padding:9px 13px!important;font-size:.78125rem!important;font-weight:700!important}.order-card__actions .pay-now__btn .icon{width:14px;height:14px}.order-card__btn--ghost{border:1px solid var(--menu-border,var(--gray-200));color:var(--menu-text,var(--gray-800));background:0 0;font-weight:600!important}.order-card__btn--ghost:hover{background:var(--menu-surface,var(--gray-50))}@media (width>=768px){.order-card{padding:var(--spacing-2xl,1.5rem)}.order-card__actions{margin-top:var(--spacing-lg);gap:.625rem}.order-card__actions>button,.order-card__actions>.pay-now:not(.pay-now--form-active){flex:1 1 0;min-width:0}.order-card__actions>div:not(.pay-now){flex:100%}.order-card__num small{font-size:var(--font-size-xs)}.order-card__num strong{font-size:var(--font-size-xl)}.order-card__pill{font-size:var(--font-size-xs);padding:.3rem .7rem}.order-card__rail-label{font-size:var(--font-size-xs)}.order-card__meta{font-size:var(--font-size-sm);gap:.5rem 1.25rem}.order-card__meta-icon{width:14px;height:14px}.order-card__notes{font-size:var(--font-size-sm)}.order-card__item{font-size:var(--font-size-md)}.order-card__item-detail{font-size:var(--font-size-sm)}.order-card__item-price{font-size:var(--font-size-md)}.order-card__total-row{font-size:var(--font-size-sm)}.order-card__total-row--final{font-size:var(--font-size-2xl)}.order-card__pay{font-size:var(--font-size-sm)}.order-card__actions>button,.order-card__actions .pay-now__btn--inline,.order-card__btn{font-size:var(--font-size-sm)!important;padding:.625rem .875rem!important}.order-card__actions .pay-now__btn .icon{width:16px;height:16px}.order-card__rail-dot{width:14px;height:14px}}