/* รอบ 122: QR รับเงินแบบมียอด (EMVCo) — prefix pq-
   - <PayQrBox>: รูป QR มียอด + บอกยอด + "ใช้ QR เดิม (ไม่มียอด)" ใช้ในหน้า QR โต๊ะ / ร้านออนไลน์ / หน้าขาย
   - หน้าบัญชีรับเงิน: สถานะ "ใส่ยอดอัตโนมัติได้" + ช่องวางข้อความ QR (pq-set-)
   - มือถือ: จุดเปลี่ยน 760px เหมือนทุกไฟล์ · 390px ห้ามเลื่อนแนวนอน */
.pq-box { display: flex; flex-direction: column; align-items: center; gap: 6px; min-width: 0; max-width: 100%; text-align: center; }
.pq-img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; background: #fff; border-radius: 8px; }
.pq-box .pq-img { width: 100%; max-width: 100%; }
.pq-box > .pq-img:first-child { image-rendering: pixelated; }
.pq-note { margin: 0; width: 100%; box-sizing: border-box; padding: 6px 8px; border-radius: 8px; background: var(--ok-soft); color: var(--ok); font-size: .82rem; line-height: 1.35; overflow-wrap: anywhere; }
.pq-note strong { display: block; font-size: .95rem; }
.pq-static { width: 100%; font-size: .82rem; color: var(--muted); }
.pq-static summary { cursor: pointer; min-height: 32px; display: flex; align-items: center; justify-content: center; text-decoration: underline; }
.pq-static[open] summary { margin-bottom: 4px; }
.pq-static-hint { display: block; margin-top: 4px; }

/* ที่วางในหน้าต่าง ๆ */
.rtq-pay-qrbox { flex: none; width: 170px; max-width: 48%; }
.shop-account .pq-box { width: 100%; max-width: 240px; }
.shop-account .pq-box .pq-img { max-width: 240px; }
.qr-full-card .pq-box { width: 100%; max-width: 360px; }
.qr-full-card .pq-box .pq-note strong { font-size: 1.05rem; }

/* หน้าบัญชีรับเงิน */
.pq-set { display: flex; flex-direction: column; gap: 6px; margin-top: 8px; padding-top: 8px; border-top: 1px dashed var(--line); min-width: 0; }
.pq-set-st { margin: 0; padding: 6px 10px; border-radius: var(--radius-sm); background: var(--chip); font-size: .9rem; overflow-wrap: anywhere; }
.pq-set-st.ok { background: var(--ok-soft); color: var(--ok); font-weight: 600; }
.pq-set-st.warn { background: var(--warn-soft); }
.pq-set-why { display: block; font-size: .82rem; }
.pq-set-actions { display: flex; flex-wrap: wrap; gap: 6px; }
.pq-set-adv summary { cursor: pointer; font-size: .85rem; color: var(--muted); }
.pq-set-adv[open] { display: flex; flex-direction: column; gap: 6px; }
.pq-set-text { width: 100%; max-width: 100%; box-sizing: border-box; font-family: var(--font-mono); font-size: .8rem; word-break: break-all; }

@media (max-width: 760px) {
    .rtq-pay-qrbox { width: 150px; }
    .pq-set-text { font-size: 16px; }
}
.qr-full-card .pq-wrap { width: 100%; display: flex; justify-content: center; }
/* การ์ด QR ใหญ่ (หน้าขาย) พื้นขาวเสมอแม้โหมดมืด → สีตายตัว ไม่ใช้ตัวแปรธีม (--ok/--ok-soft ของโหมดมืดอ่านไม่ออกบนพื้นขาว) */
.qr-full-card .pq-note { background: #E6F4EA; color: #1E6B3C; }
.qr-full-card .pq-static { color: #6B5F57; }
/* รอบ 124: เลขอ้างอิงบิลที่ฝังใน QR (tag 62 sub-tag 01) */
.pq-note .pq-ref { display: block; margin-top: 4px; color: var(--ink); }
.pq-note .pq-ref strong { display: inline; font-size: .95rem; letter-spacing: .02em; }
.pos-qrref { margin: 4px 0 0; }

/* รอบ 125: QR มียอดของบัญชีรับเงินแพลตฟอร์ม (ป๊อปอัปแจ้งชำระ "แพ็กเกจของฉัน" / หน้าโดเมน — <PlatformPayBox>) + เลขอ้างอิงฝั่งแอดมินกลาง */
.pfa-acc-dq { display: flex; justify-content: center; min-width: 0; }
.pfa-acc-dq .pfa-pq { width: 100%; max-width: 280px; }
.pfa-acc-dq .pfa-pq .pq-img { max-width: 280px; }
.pf-qr-ref { display: block; font-size: .82rem; color: var(--muted); overflow-wrap: anywhere; }
.pf-qr-ref strong { color: var(--ink); letter-spacing: .02em; }
.pf-tag.pfq-auto { background: var(--ok-soft); color: var(--ok); }

/* รอบ 126: <SlipQrBadge> ตรวจ QR ในสลิปเบื้องต้น — prefix sq- (ใช้ในป๊อปอัปตรวจสลิป 3 ระบบ) */
.sq-box { display: flex; flex-direction: column; gap: 4px; min-width: 0; max-width: 100%; margin: 4px 0; }
.sq-line { margin: 0; padding: 6px 10px; border-radius: var(--radius-sm); font-size: .9rem; line-height: 1.35; overflow-wrap: anywhere; }
.sq-line strong { font-weight: 700; }
.sq-sub { display: block; font-size: .82rem; margin-top: 2px; }
.sq-ok { background: var(--ok-soft); color: var(--ok); }
.sq-bad { background: var(--danger-soft); color: var(--danger); }
.sq-warn { background: var(--warn-soft); color: var(--warn-text, #7a5300); }
.sq-muted { background: var(--chip); color: var(--muted); }
.sq-verify { padding: 0 2px; color: var(--muted); }
.sq-ids { display: flex; flex-wrap: wrap; gap: 4px 14px; margin: 0; padding: 0 2px; font-size: .85rem; min-width: 0; }
.sq-id { display: flex; align-items: center; gap: 6px; min-width: 0; flex-wrap: wrap; }
.sq-id dt { color: var(--muted); }
.sq-id dd { margin: 0; display: flex; align-items: center; gap: 4px; min-width: 0; overflow-wrap: anywhere; }
.sq-copy { min-height: 28px; padding: 2px 8px; font-size: .78rem; }
/* รอบ 126 (ตัวเลือก ก): ช่องติ๊ก "ยืนยันว่าโอนรวมหลายรายการ" ในป๊อปอัปรับเงิน/อนุมัติ (แสดงเมื่อป้ายเป็นส้ม "ใช้กับรายการอื่นแล้ว") */
.sq-share { display: flex; align-items: flex-start; gap: 8px; margin: 2px 0; padding: 8px 10px; border-radius: var(--radius-sm);
    background: var(--warn-soft); color: var(--warn-text, #7a5300); font-size: .9rem; line-height: 1.35; overflow-wrap: anywhere; cursor: pointer; }
.sq-share input { width: 18px; height: 18px; margin: 1px 0 0; flex: none; }
@media (max-width: 760px) {
    .sq-ids { flex-direction: column; }
    .sq-copy { min-height: 32px; }
}