.purchase-actions #yape-checkout { width: 100%; }
.yape-checkout { padding: 14px; border: 1px solid var(--line); border-radius: 6px; background: var(--paper); }
.yape-checkout h4 { margin: 0 0 8px; font: 600 22px/1.2 var(--display); }
.yape-checkout .help { color: var(--berry); }
.yape-checkout .help:empty { display: none; }
.purchase-actions .order-methods { width: 100%; display: grid; gap: 10px; }
.order-method { padding: 13px; border: 1px solid var(--line); border-radius: 5px; background: var(--paper); }
.order-method:first-child { border-left: 3px solid var(--berry); }
.order-method h4 { margin: 0 0 5px; font-size: 17px; }
.order-method p { margin: 0 0 10px; font-size: 13px; line-height: 1.45; }
.order-method button:disabled { opacity: .7; cursor: default; }
.payment-qr { width: min(100%, 250px); max-height: 300px; object-fit: contain; margin: 10px auto; display: block; background: white; padding: 8px; border: 1px solid var(--line); }
#yape-back { min-height: 44px; }
#yape-receipt-preview, .payment-proof { display: block; max-width: min(100%, 330px); max-height: 420px; object-fit: contain; margin: 8px 0 14px; border: 1px solid var(--line); }
.yape-settings { border: 1px solid var(--line); margin: 12px 0; border-radius: 5px; padding: 8px 12px; }
.yape-settings legend { font-weight: 700; }
.payment-order { border-top: 1px solid var(--line); padding: 12px 0; }
.payment-order > p { font-size: 13px; margin: 4px 0; overflow-wrap: anywhere; }
.payment-order form { max-width: 480px; }
.receipt-dialog { width: min(680px, calc(100% - 20px)); max-height: calc(100dvh - 24px); overscroll-behavior: contain; overflow: auto; padding: clamp(12px, 4vw, 26px); }
#receipt-dialog-details { font-size: 14px; margin: 0 0 10px; }
#receipt-dialog-image { display: block; margin-inline: auto; max-width: 100%; width: auto; height: auto; background: white; border: 1px solid var(--line); }
#receipt-review-form { margin-top: 18px; }
#receipt-review-form button, .payment-order button { min-height: 44px; }
.pos-line { display: grid; grid-template-columns: minmax(0,1fr) 68px auto; gap: 10px; align-items: center; padding: 8px 0; border-bottom: 1px solid var(--line); }
.pos-line > span { overflow-wrap: anywhere; }
#pos-total { font-variant-numeric: tabular-nums; }
.pos-total-row { display: flex; justify-content: space-between; gap: 8px; margin: 14px 0; padding: 10px 12px; background: #f4e7dc; font-size: 18px; }
#pos-change { margin-bottom: 12px; font-weight: 700; }
#pos-change:empty { display: none; }
#pos-day-list h5 { margin: 16px 0 6px; font-size: 14px; }
#pos-day-list ul { margin: 0; padding: 0; list-style: none; }
#pos-day-list li { padding: 8px 0; border-top: 1px solid var(--line); font-size: 13px; }
#pos-day-list li p { margin: 3px 0 0; overflow-wrap: anywhere; }
@media (max-width: 480px) {
  #receipt-review-form .workspace-actions { display: grid; }
  #pos-form > .button { width: 100%; }
}