/* ===== v3190 - CONVIDAR R2 (referencia 79p002) - camada append-only, app.js intocado ===== */
#convidar-screen.conv-r2{background:linear-gradient(180deg,#181033 0%,#241a55 35%,#2A2371 100%) fixed}

/* barra superior */
.conv-r2 .conv-head{position:sticky;top:0;z-index:6;height:56px;min-height:56px;padding:0 10px;background:#120e22;border-bottom:none;display:flex;align-items:center;gap:6px}
.conv-r2 .r2back{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;color:#fff;font-size:0;cursor:pointer;flex:0 0 auto}
.conv-r2 .r2back svg{width:22px;height:22px}
.conv-r2 .r2title{flex:1 1 auto;min-width:0;font-size:15px;font-weight:700;color:#fff;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}
.conv-r2 .r2ic{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;color:#fff;font-size:0;cursor:pointer}
.conv-r2 .r2ic svg{width:19px;height:19px}

/* coluna */
.conv-r2 .conv-scroll{max-width:480px;margin:0 auto;padding:0 14px 24px}

/* poster hero quadrado */
.conv-r2 .r2-hero{position:relative;width:100%;aspect-ratio:1/1;margin-top:10px;border-radius:12px;overflow:hidden;background:#0b0820}
.conv-r2 .r2-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.conv-r2 .r2-ribbon{position:absolute;z-index:2;top:16.5%;left:50%;transform:translateX(-50%);width:80%;padding:8px 10px 9px;text-align:center;background:linear-gradient(180deg,#c92733 0%,#8e141c 100%);clip-path:polygon(2.5% 0,97.5% 0,100% 50%,97.5% 100%,2.5% 100%,0 50%);box-shadow:0 5px 16px rgba(0,0,0,.5)}
.conv-r2 .r2-ribbon span{font-size:clamp(16px,5vw,22px);font-weight:900;letter-spacing:1px;color:#ffd24a;white-space:nowrap;text-shadow:0 2px 3px rgba(0,0,0,.85),0 1px 0 rgba(0,0,0,.5)}
.conv-r2 .r2-chestopen{position:absolute;z-index:2;top:36%;left:50%;transform:translateX(-50%);width:56%;pointer-events:none;filter:drop-shadow(0 10px 16px rgba(0,0,0,.55))}

/* placas de titulo */
.conv-r2 .r2-plate{position:relative;z-index:3;text-align:center}
.conv-r2 .r2-hero + .r2-plate{margin-top:-34px}
.conv-r2 .r2-panel + .r2-plate{margin-top:14px;margin-bottom:8px}
.conv-r2 .r2-plate img{display:block;width:78%;max-width:380px;height:auto;margin:0 auto}
.conv-r2 .r2-plate > span{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);z-index:2;color:#ffd24a;font-weight:800;font-size:clamp(12.5px,3.7vw,15px);letter-spacing:.4px;text-shadow:0 1px 3px rgba(0,0,0,.9),0 0 10px rgba(0,0,0,.45);pointer-events:none}

/* painel */
.conv-r2 .r2-panel{position:relative;z-index:2;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:14px 12px 12px}

/* sociais */
.conv-r2 .r2-soc{display:flex;justify-content:center;align-items:center;gap:clamp(6px,1.9vw,11px);margin:0 0 12px}
.conv-r2 .r2-soc .ci{flex:0 0 auto;width:clamp(34px,9.4vw,44px);height:clamp(34px,9.4vw,44px);border-radius:50%;background:#333;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.35);transition:transform .12s ease;cursor:pointer}
.conv-r2 .r2-soc .ci:hover{transform:scale(1.08)}
.conv-r2 .r2-soc .ci svg{width:52%;height:52%;display:block}
.conv-r2 .r2-soc .ci.tg{background:linear-gradient(180deg,#37bbfe 0%,#229ed9 100%)}
.conv-r2 .r2-soc .ci.wa{background:#25d366}
.conv-r2 .r2-soc .ci.fb{background:#1877f2}
.conv-r2 .r2-soc .ci.yt{background:#ff0000}
.conv-r2 .r2-soc .ci.ig{background:radial-gradient(circle at 30% 110%,#fdf497 0%,#fd5949 45%,#d62976 65%,#8134af 100%)}
.conv-r2 .r2-soc .ci.x{background:#0f1115;border:1px solid #3a3f4a}
.conv-r2 .r2-soc .ci.vid{background:#ff4906}
.conv-r2 .r2-soc .ci.tt{background:#111318;border:1px solid #3a3f4a}

/* meu link */
.conv-r2 .r2-linkbox{display:flex;align-items:center;gap:6px;background:#221a3a;border:1px solid #ff8c1a;border-radius:12px;padding:12px;margin:0 0 10px}
.conv-r2 .lb-t{flex:0 0 auto;font-size:12px;color:#9aa0c0}
.conv-r2 .lb-u{flex:1 1 auto;min-width:0;font-size:13px;font-weight:700;color:#ff7a59;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.conv-r2 .lb-cp{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;color:#cfd3ff;cursor:pointer;padding:2px 4px}
.conv-r2 .lb-cp svg{width:18px;height:18px;display:block}
.conv-r2 .lb-cp:hover{color:#fff}

/* stats */
.conv-r2 .r2-stats{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#221a3a;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:12px 14px}
.conv-r2 .st-txt{font-size:13.5px;line-height:1.55;color:#fff}
.conv-r2 .st-txt b{color:#ffd24a;font-weight:800}
.conv-r2 .st-det{flex:0 0 auto;background:#ff8c1a;color:#fff;font-weight:800;font-size:12.5px;border:none;border-radius:999px;padding:6px 14px;white-space:nowrap;cursor:pointer;box-shadow:0 3px 10px rgba(255,140,26,.35)}
.conv-r2 .st-det:active{transform:translateY(1px)}

/* grade de recompensas */
.conv-r2 .inv-grid-r2{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:10px 0 16px}
.conv-r2 .inv-card{position:relative;text-align:center;padding-top:24px}
.conv-r2 .ic-chest{position:relative;z-index:2;width:clamp(40px,14vw,58px);height:auto;display:block;margin:0 auto;filter:drop-shadow(0 4px 6px rgba(0,0,0,.5))}
.conv-r2 .ic-rib{position:relative;z-index:1;margin-top:-11px}
.conv-r2 .ic-rib > img{display:block;width:100%;height:auto}
.conv-r2 .ic-tx{margin-top:7px;line-height:1.25}
.conv-r2 .ic-val{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);z-index:3;font-size:clamp(9px,3vw,12.5px);font-weight:900;color:#fff;letter-spacing:0;text-shadow:0 1px 2px rgba(15,6,40,.9);white-space:nowrap;pointer-events:none}
.conv-r2 .ic-t1{font-size:clamp(8px,2.4vw,10.5px);color:#cdd3f5;white-space:nowrap}
.conv-r2 .ic-t1 b{color:#3ddc84;font-weight:800}
.conv-r2 .ic-t2{font-size:clamp(8px,2.4vw,10.5px);color:#cdd3f5}
.conv-r2 .inv-card.st-claim .ic-chest{animation:iaPulse 1.6s ease-in-out infinite}
.conv-r2 .inv-card.st-claim .ic-rib > img{filter:brightness(1.18)}
@keyframes iaPulse{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
.conv-r2 .inv-card.st-done{opacity:.72}
.conv-r2 .inv-card.st-done::after{content:"\2713";position:absolute;top:2px;right:6px;z-index:3;color:#3ddc84;font-weight:900;font-size:12px}
.conv-r2 .inv-card.st-lock .ic-chest{filter:grayscale(.8) brightness(.6)}

#ia-toast-r2{position:fixed;left:50%;bottom:88px;transform:translate(-50%,8px);background:rgba(28,20,48,.95);color:#fff;border:1px solid #ff8c1a;border-radius:12px;padding:10px 18px;font-size:13.5px;font-weight:700;z-index:120;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease;max-width:82vw;text-align:center}
#ia-toast-r2.on{opacity:1;transform:translate(-50%,0)}