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