.chat-page{--rosa: #FF6B6B;--roxo: #9B5DE5;--verde-wpp: #25D366;--verde-wpp-dark: #128C7E;--bg: #ECE5DD;--bubble-out: #DCF8C6;--bubble-in: #FFFFFF;--header: #075E54;--text-dark: #111827;--text-light: #6B7280;background:var(--bg);min-height:100vh;display:flex;flex-direction:column;align-items:center}.chat-header{width:100%;max-width:680px;background:var(--header);padding:14px 20px;display:flex;align-items:center;gap:14px;position:sticky;top:0;z-index:10;box-shadow:0 2px 8px #0003}.chat-header a.back{color:#fff;font-size:22px;text-decoration:none}.chat-avatar{width:44px;height:44px;background:linear-gradient(135deg,var(--roxo),var(--rosa));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.chat-info h1{font-size:16px;font-weight:700;color:#fff}.chat-info p{font-size:12px;color:#ffffffbf}.progress-bar{width:100%;max-width:680px;background:#0000001a;height:4px}.progress-fill{height:100%;background:var(--verde-wpp);transition:width .5s ease;width:0%}.chat-body{width:100%;max-width:680px;padding:20px 16px 140px;display:flex;flex-direction:column;gap:6px;min-height:calc(100vh - 66px)}.bubble-wrap{display:flex;opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease}.bubble-wrap.show{opacity:1;transform:translateY(0)}.bubble-wrap.incoming{justify-content:flex-start}.bubble-wrap.outgoing{justify-content:flex-end}.bubble{max-width:78%;padding:10px 14px;border-radius:12px;font-size:14px;line-height:1.55;box-shadow:0 1px 2px #0000001f}.bubble-wrap.incoming .bubble{background:var(--bubble-in);color:var(--text-dark);border-top-left-radius:4px}.bubble-wrap.outgoing .bubble{background:var(--bubble-out);color:var(--text-dark);border-top-right-radius:4px}.bubble .time{font-size:10px;color:var(--text-light);text-align:right;margin-top:4px}.bubble strong{color:var(--roxo)}.typing-bubble{background:var(--bubble-in);border-radius:4px 12px 12px;padding:12px 16px;display:inline-flex;gap:4px;align-items:center;box-shadow:0 1px 2px #0000001f}.typing-bubble span{width:7px;height:7px;background:var(--text-light);border-radius:50%;animation:bounce 1.2s infinite}.typing-bubble span:nth-child(2){animation-delay:.2s}.typing-bubble span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}.date-divider{text-align:center;margin:10px 0}.date-divider span{background:#e1f5fed9;color:#5a6a7a;font-size:11px;padding:4px 12px;border-radius:8px;font-weight:600}.input-area{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:680px;background:#f0f2f5;padding:10px 12px;border-top:1px solid rgba(0,0,0,.08);z-index:20}.options-grid{display:flex;flex-wrap:wrap;gap:8px;padding:8px 0}.opt-btn{background:#fff;border:2px solid var(--roxo);color:var(--roxo);border-radius:20px;padding:8px 16px;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s}.opt-btn:hover,.opt-btn.selected{background:var(--roxo);color:#fff}.input-error{display:none;color:#e53935;font-size:12px;font-weight:600;padding:0 4px 6px}.input-error.show{display:block}.text-input-row{display:flex;gap:8px;align-items:flex-end}.text-input-row textarea{flex:1;background:#fff;border:none;border-radius:24px;padding:10px 16px;font-size:14px;font-family:inherit;resize:none;outline:none;max-height:120px;line-height:1.5;color:var(--text-dark);box-shadow:0 1px 3px #0000001a}.send-btn{width:44px;height:44px;background:var(--verde-wpp);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .2s;box-shadow:0 2px 6px #0003}.send-btn:hover{background:var(--verde-wpp-dark)}.send-btn svg{width:20px;height:20px;fill:#fff}.summary-card{background:linear-gradient(135deg,var(--roxo),var(--rosa));border-radius:16px;padding:20px;color:#fff;margin:8px 0}.summary-card h3{font-size:16px;font-weight:800;margin-bottom:12px}.summary-label{font-size:11px;opacity:.8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}.summary-value{font-size:14px;font-weight:600}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}.summary-item{background:#ffffff26;border-radius:10px;padding:10px 12px}.pay-btn{display:block;width:100%;background:#fff;color:var(--roxo);border:none;border-radius:12px;padding:14px;font-size:16px;font-weight:800;font-family:inherit;cursor:pointer;margin-top:14px;transition:all .2s;text-align:center;box-shadow:0 4px 12px #00000026}.pay-btn:hover{transform:scale(1.02)}.step-pill{text-align:center;margin:6px 0;opacity:0;transition:opacity .3s}.step-pill.show{opacity:1}.step-pill span{background:#9b5de526;color:var(--roxo);font-size:11px;font-weight:700;padding:4px 12px;border-radius:20px;letter-spacing:.05em}.pix-box{text-align:center}.pix-hint{font-size:13px;margin-bottom:8px}.pix-qr{width:180px;margin:6px auto;display:block;cursor:pointer;border-radius:8px;transition:transform .15s}.pix-qr:hover{transform:scale(1.03)}.pix-code-text{width:100%;font-size:11px;padding:6px;cursor:pointer;border-radius:8px;border:1px solid rgba(0,0,0,.1);font-family:inherit;resize:none}.pix-copy-btn{display:block;width:100%;background:var(--roxo);color:#fff;border:none;border-radius:10px;padding:10px;font-size:13px;font-weight:700;font-family:inherit;cursor:pointer;margin-top:8px;transition:transform .15s}.pix-copy-btn:hover{transform:scale(1.02)}.pix-copy-feedback{max-height:0;overflow:hidden;opacity:0;color:#2e7d32;font-size:12px;font-weight:700;margin-top:0;transition:all .25s}.pix-copy-feedback.show{max-height:24px;opacity:1;margin-top:6px}