.payment-view { position:absolute; inset:0; z-index:3; display:grid; grid-template-rows:auto minmax(0,1fr) auto; background:#fff; color:var(--pa-ink); }
.payment-view__header { display:flex; align-items:center; gap:16px; padding:14px 16px; border-bottom:1px solid var(--pa-line); background:var(--pa-yellow); }
.payment-view__header h2 { margin:0; font-size:18px; line-height:1.3; }
.payment-view__header button { flex-shrink:0; background:#fff; padding:9px 11px; }
.payment-view__content { min-height:0; display:flex; flex-direction:column; gap:10px; padding:12px; }
.payment-view__reference { margin:0; font-size:13px; font-weight:700; overflow-wrap:anywhere; }
.payment-view iframe { width:100%; flex:1 1 auto; min-height:0; border:1px solid var(--pa-line); border-radius:10px; background:#fff; }
.payment-view__notice { margin:0; color:var(--pa-muted); font-size:12px; line-height:1.5; }
.payment-view__external { margin:auto 8px; font-size:16px; line-height:1.65; }
.payment-view__footer { padding:12px 16px 16px; border-top:1px solid var(--pa-line); }
.payment-view__footer > p { margin:0 0 9px; font-size:12px; color:var(--pa-muted); }
.payment-view__fallback { display:block; padding:12px; border:1px solid var(--pa-line); border-radius:10px; text-align:center; font-weight:700; font-size:13px; color:var(--pa-ink); background:#fff8d6; }
.payment-actions { flex-wrap:wrap; }
.payment-methods { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; width:100%; min-width:0; }
.reply-actions > .payment-methods, .quick-actions > .payment-methods { flex-basis:100%; grid-column:1 / -1; }
.quick-actions > .payment-methods { border:0; background:transparent; }
.payment-methods > .reply-button { justify-content:center; min-width:0; padding:8px 10px; font-size:12px; line-height:1.35; text-align:center; text-decoration:none; }
.payment-methods > .reply-button--primary { border-color:var(--pa-yellow); background:var(--pa-yellow); }
.payment-methods > .reply-button:only-child { grid-column:1 / -1; }
.payment-methods__hint { grid-column:1 / -1; color:var(--pa-muted); font-size:11px; line-height:1.5; }
.assistant-is-unavailable .quick-actions { opacity:1; }
.assistant-is-unavailable [data-payment-control], .assistant-is-unavailable .reply-actions [data-payment-control] { pointer-events:auto; opacity:1; }
.payment-save-error { border:1px solid #b15d00; border-radius:10px; margin:10px 0; padding:10px; font-size:12px; }
.chat-panel--payment { width:min(760px,calc(100% - 2 * var(--widget-right))); height:min(790px,calc(100% - 2 * var(--widget-bottom))); }
@media(max-width:760px) { .chat-panel--payment { right:4px; bottom:max(4px,var(--safe-bottom)); width:calc(100% - 8px); height:calc(100% - 8px - var(--safe-bottom)); border-radius:16px; } .payment-view__header { gap:10px; padding:12px; } .payment-view__content { padding:10px; } }