.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(135deg,var(--menu-primary) 0%,var(--menu-secondary) 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:#fff;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:linear-gradient(135deg,var(--gray-50) 0%,var(--gray-100) 100%);border-bottom:1px solid 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(--gray-500);font-weight:500}.order-card__value{font-size:1.5rem;font-weight:700;color: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(--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(--gray-100);color:var(--gray-600);border:1px solid 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(--gray-200)}.order-card__meta-item{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.875rem;color:var(--gray-600)}.order-card__meta-icon{width:16px;height:16px;flex-shrink:0;color:var(--gray-400)}.order-card__items{padding:var(--spacing-xl);border-bottom:1px solid var(--gray-200)}.order-card__items-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--gray-700);margin:0 0 var(--spacing-md) 0}.order-card__notes{background:var(--gray-50);border-left:4px solid 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-primary);font-size:.875rem}.order-card__notes-icon{width:16px;height:16px;flex-shrink:0}.order-card__notes-text{margin:0;color: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(--gray-100)}.order-card__item:last-child{border-bottom:none}.order-card__item-quantity{font-weight:600;color: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-notes{font-size:.875rem;color: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(--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(--gray-700)}.order-card__tax-breakdown{border-left:3px solid var(--gray-200);margin-left:var(--spacing-sm);padding-left:var(--spacing-lg)}.order-card__total-row--tax{font-size:.9rem;color:var(--gray-600);padding:var(--spacing-xs) 0}.order-card__total-row--final{border-top:2px solid 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(--gray-800)}.order-card__total-amount{font-size:1.5rem;font-weight:800;color: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(--gray-200)}.order-card__payment-row-label{font-size:.875rem;color:var(--gray-500);font-weight:500}.order-card__actions{padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--gray-200);background:#fff;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}}
