.pay-now{text-align:center}.pay-now__message{color:var(--gray-600);margin-bottom:var(--spacing-lg);font-size:1rem}.pay-now__error{color:var(--color-error);font-size:.875rem;margin-bottom:var(--spacing-md)}.pay-now__sdk-container{width:100%;min-height:300px}.pay-now__btn{display:flex;width:100%;justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg) var(--spacing-2xl);background:linear-gradient(var(--menu-gradient-angle),var(--menu-gradient-from) 0%,var(--menu-gradient-to) 100%);color:#fff;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:var(--font-weight-semibold);cursor:pointer;box-shadow:var(--shadow-button);transition:all .2s ease}.pay-now__btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-button-hover)}.pay-now__btn:disabled{opacity:.7;cursor:not-allowed}.pay-now__btn .icon{width:20px;height:20px}.pay-now__btn .icon--spin{animation:pay-now-spin 1s linear infinite}@keyframes pay-now-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.order-card{background:var(--menu-card-bg, white);border-radius:var(--menu-border-radius);box-shadow:var(--shadow-sm);overflow:hidden;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__header{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--spacing-xl);background:var(--menu-surface, var(--gray-50));border-bottom:1px solid var(--menu-border, var(--gray-200));flex-wrap:wrap;gap:var(--spacing-md)}.order-card__number{display:flex;flex-direction:column;gap:var(--spacing-xs)}.order-card__label{font-size:.875rem;color:var(--menu-text-secondary, var(--gray-500));font-weight:500}.order-card__value{font-size:1.5rem;font-weight:700;color:var(--menu-emphasis, var(--menu-primary))}.order-card__badge-group{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-xs)}.order-card__badge-context{font-size:.75rem;color:var(--menu-text-muted, var(--gray-400));font-weight:500;text-transform:uppercase;letter-spacing:.04em}.order-card__status{padding:var(--spacing-sm) var(--spacing-lg);border-radius:9999px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.03em}.order-card__status--pending{background:var(--color-warning-light);color:var(--color-warning-text)}.order-card__status--confirmed{background:var(--menu-accent);color:#fff}.order-card__status--preparing{background:var(--color-status-preparing-bg);color:var(--color-refund-label)}.order-card__status--ready{background:var(--menu-accent);color:#fff}.order-card__status--completed{background:var(--color-success-light);color:var(--color-success-text)}.order-card__status--cancelled{background:var(--color-error-light);color:var(--color-error-text)}.order-card__payment-badge{padding:var(--spacing-sm) var(--spacing-lg);border-radius:9999px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);display:inline-flex;align-items:center;gap:var(--spacing-xs)}.order-card__payment-badge--paid{background:var(--color-success-light);color:var(--color-success-text);border:1px solid var(--color-success)}.order-card__payment-badge--processing{background:var(--color-info-light);color:var(--color-info-text);border:1px solid var(--color-info)}.order-card__payment-badge--pending{background:var(--color-warning-light);color:var(--color-warning-text);border:1px solid var(--color-warning)}.order-card__payment-badge--partial{background:#ffedd5;color:#9a3412;border:1px solid #fdba74}.order-card__payment-badge--failed{background:var(--color-error-light);color:var(--color-error-text);border:1px solid var(--color-error)}.order-card__payment-badge--refunded{background:var(--menu-surface, var(--gray-100));color:var(--menu-text-secondary, var(--gray-600));border:1px solid var(--menu-border, var(--gray-300))}.order-card__meta{display:flex;flex-wrap:wrap;gap:var(--spacing-lg) var(--spacing-xl);padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--menu-border, var(--gray-200))}.order-card__meta-item{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.875rem;color:var(--menu-text-secondary, var(--gray-600))}.order-card__meta-icon{width:16px;height:16px;flex-shrink:0;color:var(--menu-text-muted, var(--gray-400))}.order-card__items{padding:var(--spacing-xl);border-bottom:1px solid var(--menu-border, var(--gray-200))}.order-card__items-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--menu-text-secondary, var(--gray-700));margin:0 0 var(--spacing-md) 0}.order-card__notes{background:var(--menu-surface, var(--gray-50));border-left:4px solid var(--menu-emphasis, var(--menu-primary));padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.order-card__notes-header{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs);color:var(--menu-emphasis, var(--menu-primary));font-size:.875rem}.order-card__notes-icon{width:16px;height:16px;flex-shrink:0}.order-card__notes-text{margin:0;color:var(--menu-text-secondary, var(--gray-700));line-height:1.6;font-size:.875rem;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word}.order-card__items-list{list-style:none;padding:0;margin:0}.order-card__item{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--menu-border, var(--gray-100))}.order-card__item:last-child{border-bottom:none}.order-card__item-quantity{font-weight:600;color:var(--menu-emphasis, var(--menu-primary));min-width:2rem;flex-shrink:0}.order-card__item-details{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0}.order-card__item-name{color:var(--menu-text);font-weight:500;word-wrap:break-word;overflow-wrap:break-word}.order-card__item-selections{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.order-card__item-selection{font-size:.8125rem;color:var(--gray-600);line-height:1.3}.order-card__item-selection-price{color:var(--menu-accent);font-weight:500}.order-card__item-notes{font-size:.875rem;color:var(--menu-text-muted, var(--gray-500));font-style:italic;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4}.order-card__item-price{font-weight:600;color:var(--menu-text);white-space:nowrap;flex-shrink:0}.order-card__totals{background:var(--menu-surface, var(--gray-50));border-bottom:none;padding:var(--spacing-xl)}.order-card__total-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;font-size:var(--font-size-base);color:var(--menu-text-secondary, var(--gray-700))}.order-card__tax-breakdown{border-left:3px solid var(--menu-border, var(--gray-200));margin-left:var(--spacing-sm);padding-left:var(--spacing-lg)}.order-card__total-row--tax{font-size:.9rem;color:var(--menu-text-muted, var(--gray-600));padding:var(--spacing-xs) 0}.order-card__total-row--final{border-top:2px solid var(--menu-border, var(--gray-200));margin-top:var(--spacing-md);padding-top:var(--spacing-lg);padding-bottom:0}.order-card__total-label{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--menu-text, var(--gray-800))}.order-card__total-amount{font-size:1.5rem;font-weight:800;color:var(--menu-emphasis, var(--menu-primary))}.order-card__payment-row{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px dashed var(--menu-border, var(--gray-200))}.order-card__payment-row-label{font-size:.875rem;color:var(--menu-text-secondary, var(--gray-500));font-weight:500}.order-card__actions{padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--menu-border, var(--gray-200));background:var(--menu-card-bg, white);display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--spacing-md);align-items:flex-start}.order-card__actions .pay-now{flex:1;min-width:160px}.order-card__actions>button{flex-shrink:0;align-self:flex-end;display:inline-flex;align-items:center;justify-content:center;padding-block:var(--spacing-lg);font-size:1rem}@media(max-width:640px){.order-card__header{flex-direction:column;align-items:flex-start}.order-card__badge-group{align-items:flex-start}.order-card__value,.order-card__total-amount{font-size:1.25rem}.order-card__meta{flex-direction:column;gap:var(--spacing-md)}.order-card__actions{flex-direction:column}.order-card__actions .pay-now,.order-card__actions>button{width:100%;min-width:unset}}
