/* Chat de criação — destaques para cliente leigo (arquivo separado: não mexe no app.css / landing.css) */

/* Botões de AÇÃO PRINCIPAL em verde: aprovar, produzir, pagar, copiar Pix */
.qbtn.go,.dark-page .qbtn.go{background:linear-gradient(135deg,#16b65b,#0e9447)!important;color:#fff!important;border-color:transparent!important;
  font-size:16px;font-weight:800;box-shadow:0 10px 26px -10px rgba(18,161,80,.85)!important}
.qbtn.go:hover{filter:brightness(1.06);color:#fff!important}
.qbtn.go .qc-ic{background:rgba(255,255,255,.2)!important;color:#fff!important}
.qbtn.go .qc-tx small{color:rgba(255,255,255,.88)!important}
.qbtn.go.full{animation:goPulse 2.2s ease-in-out infinite}
.qbtn.go.is-locked,.qbtn.go:disabled{animation:none;filter:grayscale(.75);opacity:.5}
@keyframes goPulse{0%,100%{box-shadow:0 10px 26px -10px rgba(18,161,80,.85),0 0 0 0 rgba(18,161,80,.45)}50%{box-shadow:0 10px 26px -10px rgba(18,161,80,.85),0 0 0 8px rgba(18,161,80,0)}}
.qbtn.ghost{background:transparent;border-color:rgba(127,127,127,.35);font-weight:600}
.btn-go{background:linear-gradient(135deg,#16b65b,#0e9447);color:#fff;border:0;font-weight:800;font-size:16px;padding:14px;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;cursor:pointer;margin-top:8px;box-shadow:0 10px 26px -12px rgba(18,161,80,.9)}
.btn-go .ic{width:19px;height:19px}

/* Cartão de preço (substitui várias mensagens soltas) */
.offer-card{border:2px solid #16b65b;border-radius:16px;padding:14px;background:rgba(22,182,91,.07);text-align:center}
.oc-tag{display:inline-flex;gap:6px;align-items:center;background:#ffb020;color:#2a1a00;font-weight:800;font-size:12.5px;border-radius:999px;padding:4px 11px;margin-bottom:8px}
.oc-tag .ic{width:14px;height:14px}
.oc-h{font-size:15.5px}
.oc-price{margin:4px 0 8px;font-size:15px}.oc-price s{opacity:.6}.oc-price b{font-size:30px;font-weight:900;color:#16b65b;letter-spacing:-.02em}
.oc-list{list-style:none;padding:0;margin:0 0 10px;text-align:left;display:inline-flex;flex-direction:column;gap:4px;font-size:14px}
.oc-list li{display:flex;gap:7px;align-items:center}.oc-list .ic{width:16px;height:16px;color:#16b65b;flex:none}
.oc-exp{display:flex;gap:6px;align-items:center;justify-content:center;margin-top:8px;font-size:12.5px;opacity:.8}.oc-exp .ic{width:14px;height:14px}
.offer-card .offer-timer{margin-top:4px}

/* Pix: passo a passo numerado */
.pix-steps{text-align:left;margin:8px auto 4px;padding-left:22px;font-size:14px;line-height:1.5;max-width:330px}
.pix-steps li{margin-bottom:3px}
.pix .pix-code{margin-top:8px}.pix .pix-code input{font-size:11.5px;opacity:.75}

/* Letra: mais legível e destacada */
.msg.lyrics{font-size:15.5px;line-height:1.6;padding:14px 16px}

/* Confirmação da letra: caixinha junto do botão verde */
.lyr-check-act{width:100%;display:flex;gap:10px;align-items:center;background:rgba(245,158,11,.12);border:2px solid #f59e0b;border-radius:14px;padding:10px 12px;font-size:14px;line-height:1.35;cursor:pointer}
.lyr-check-act input{width:24px;height:24px;flex:none;accent-color:#16b65b}
.lyr-check-act:has(input:checked){background:rgba(22,182,91,.12);border-color:#16b65b}
.lyr-check-act.shake{animation:shake .5s}
@keyframes shake{20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}
.qrow{display:flex;gap:6px;width:100%;flex-wrap:wrap;justify-content:center}
.qrow .qbtn{flex:1 1 0;min-width:0;justify-content:center;padding:9px 8px;font-size:13.5px;white-space:nowrap}
.qrow .qbtn .ic{width:16px;height:16px}
.qrow .qbtn{gap:5px}.qrow .qbtn span{overflow:hidden;text-overflow:ellipsis}
.pix-qr{margin-top:10px;font-size:13.5px}.pix-qr summary{cursor:pointer;display:inline-flex;gap:6px;align-items:center;opacity:.85;list-style:none}
.pix-qr summary::-webkit-details-marker{display:none}.pix-qr summary .ic{width:15px;height:15px}
@media (min-width:861px){.pix-qr{display:block}.pix-qr:not([open]) summary{font-weight:700}}
.pix-or{font-size:12.5px;opacity:.75;margin:10px 0 2px}
.pix img{width:190px;height:190px}