/* NoxusMu — Refer & Earn (image-mapped popup peste referearn.png) */

.nxrefer-wrap{ display:none; position:fixed; inset:0; z-index:100000;
    background:rgba(6,3,16,.82); -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px);
    align-items:center; justify-content:center; padding:18px; overflow:auto; }
.nxrefer-wrap.show{ display:flex; }

.nxrefer{ position:relative; width:min(1782px,96vw,145vh); margin:auto; container-type:inline-size; }
.nxrefer-bg{ display:block; width:100%; height:auto; border-radius:10px;
    user-select:none; -webkit-user-drag:none; pointer-events:none; }

.nxrefer-el{ position:absolute; box-sizing:border-box; }

/* ---- pozitii implicite (suprascrise de Copy CSS din editor) ---- */
/* poziții de start ESTIMATE pentru imaginea landscape (ajusteaza din ⚙ Arrange) */
.nxrefer [data-pos="close"]{        left:95.50%; top:1.50%;  width:3.30%;  height:6.00%; }
.nxrefer [data-pos="code"]{         left:20.86%; top:29.19%; width:19.82%; height:3.80%; }
.nxrefer [data-pos="copy"]{         left:41.40%; top:29.70%; width:4.89%;  height:3.55%; }
.nxrefer [data-pos="bindinput"]{    left:53.33%; top:29.20%; width:19.50%; height:4.20%; }
.nxrefer [data-pos="bindapply"]{    left:73.00%; top:29.70%; width:5.54%;  height:3.29%; }
.nxrefer [data-pos="totalInvited"]{ left:21.29%; top:46.36%; width:8.50%;  height:3.50%; }
.nxrefer [data-pos="totalEarned"]{  left:31.80%; top:46.36%; width:8.50%;  height:3.50%; }
.nxrefer [data-pos="vipPurchases"]{ left:41.58%; top:46.49%; width:9.00%;  height:3.50%; }
.nxrefer [data-pos="count"]{        left:39.39%; top:85.88%; width:11.00%; height:4.00%; }
.nxrefer [data-pos="earnedBottom"]{ left:51.52%; top:86.01%; width:10.00%; height:4.00%; }
.nxrefer [data-pos="boundinfo"]{    left:51.35%; top:81.87%; width:8.55%;  height:3.69%; }
.nxrefer [data-pos="boundinfo2"]{   left:33.85%; top:39.30%; width:10.00%; height:3.50%; }
/* tabel: 3 randuri x 5 coloane, FIECARE celula mutabila separat */
.nxrefer [data-pos="r1name"]{   left:21.78%; top:56.99%; width:5.22%; height:3.89%; }
.nxrefer [data-pos="r1mr"]{     left:27.34%; top:56.99%; width:5.49%; height:3.89%; }
.nxrefer [data-pos="r1vip"]{    left:33.21%; top:57.11%; width:5.02%; height:3.64%; }
.nxrefer [data-pos="r1earned"]{ left:38.58%; top:57.11%; width:5.41%; height:3.89%; }
.nxrefer [data-pos="r1joined"]{ left:44.17%; top:57.11%; width:5.22%; height:3.89%; }
.nxrefer [data-pos="r2name"]{   left:21.71%; top:61.46%; width:5.29%; height:4.02%; }
.nxrefer [data-pos="r2mr"]{     left:27.41%; top:61.52%; width:5.49%; height:4.03%; }
.nxrefer [data-pos="r2vip"]{    left:33.21%; top:61.33%; width:5.02%; height:4.02%; }
.nxrefer [data-pos="r2earned"]{ left:38.58%; top:61.34%; width:5.34%; height:4.14%; }
.nxrefer [data-pos="r2joined"]{ left:44.18%; top:61.34%; width:5.14%; height:4.01%; }
.nxrefer [data-pos="r3name"]{   left:21.71%; top:66.38%; width:5.29%; height:3.96%; }
.nxrefer [data-pos="r3mr"]{     left:27.34%; top:66.31%; width:5.42%; height:3.96%; }
.nxrefer [data-pos="r3vip"]{    left:33.21%; top:66.12%; width:5.09%; height:4.22%; }
.nxrefer [data-pos="r3earned"]{ left:38.65%; top:65.99%; width:5.34%; height:4.35%; }
.nxrefer [data-pos="r3joined"]{ left:44.25%; top:65.87%; width:5.07%; height:4.47%; }

/* ---- codul ---- */
.nxrefer-code{ display:flex; align-items:center; justify-content:center; overflow:hidden;
    color:#fff; font:800 clamp(13px,3.4cqw,28px)/1 'Open Sans',sans-serif; letter-spacing:1px;
    text-shadow:0 0 10px rgba(170,120,255,.85); }

/* statistici (numere peste sloturile goale desenate) */
.nxrefer-stat{ display:flex; align-items:center; justify-content:center; overflow:hidden;
    color:#ffe6a8; font:800 clamp(10px,1.9cqw,24px)/1 'Open Sans',sans-serif;
    text-shadow:0 0 8px rgba(170,120,255,.55); }

/* ---- copy + apply: transparente peste butoanele desenate, cu efect de APASARE ---- */
.nxrefer-copy, .nxrefer-bindbtn{ background:transparent !important; background-image:none !important;
    border:0 !important; box-shadow:none !important; -webkit-appearance:none !important; appearance:none !important;
    cursor:pointer; padding:0; color:transparent; border-radius:8px; transition:background .08s ease, transform .07s ease; }
.nxrefer-copy:active, .nxrefer-bindbtn:active{ background:rgba(190,150,255,.28); transform:scale(.95); }

/* ---- close (transparent peste X / cruce) ---- */
.nxrefer-close{ background:transparent; border:0; cursor:pointer; padding:0;
    color:#fff; font:700 clamp(15px,4vw,22px)/1 sans-serif; opacity:.7; }
.nxrefer-close:hover{ opacity:1; }

/* ---- elemente de jos (fiecare mutabil separat) ---- */
.nxrefer-count, .nxrefer-boundinfo{
    color:#e9ddff; font:600 clamp(10px,2.4cqw,15px)/1.25 'Open Sans',sans-serif; overflow:hidden; }
.nxrefer-count{ display:flex; align-items:center; }
.nxrefer-count b{ color:#ffd98a; margin-left:5px; }
.nxrefer-boundinfo{ display:flex; align-items:center; justify-content:center;
    color:#4fe0a6; font:700 clamp(12px,3cqw,20px)/1 'Open Sans',sans-serif;
    text-shadow:0 0 8px rgba(70,220,160,.5); } /* +25% si verde, ca "INVITED BY:" desenat */
/* fiecare CELULA de tabel = element separat mutabil */
.nxrefer-cell{ display:flex; align-items:center; justify-content:center; overflow:hidden; white-space:nowrap;
    color:#e9ddff; font:600 clamp(8px,1.5cqw,16px)/1 'Open Sans',sans-serif; }
.cell-name{ justify-content:flex-start; color:#fff; font-weight:700; }
.cell-vip{ color:#ffd98a; }
.cell-earned{ color:#7be0a4; }
.cell-joined{ color:#c7b3ff; font-size:clamp(7px,1.25cqw,13px); }
.nxrefer-cell[data-empty]{ display:none; }
.nxrefer.edit .nxrefer-cell[data-empty]{ display:flex !important; opacity:.4; } /* in editare vezi si celulele goale, ca sa le pozitionezi */

/* ---- bind: input + Apply separate (apar doar la conturi noi) ---- */
.nxrefer-input{ background:rgba(255,255,255,.12); border:1px solid rgba(170,120,255,.5);
    border-radius:6px; color:#fff; padding:0 8px; font-size:clamp(10px,2.4cqw,14px); }
.nxrefer-input::placeholder{ color:#cdbdff; }

/* ---- mesaj ---- */
.nxrefer-msg{ position:absolute; left:6%; right:6%; bottom:-30px; text-align:center;
    color:#fff; font:600 12px 'Open Sans',sans-serif; min-height:15px; text-shadow:0 1px 4px #000; }
.nxrefer-msg.win{ color:#7be0a4; }
.nxrefer-msg.err{ color:#ff8a8a; }

/* ===== editor de pozitionare (admin) — FARA localStorage ===== */
.nxrefer-editbtn{ position:absolute; right:8px; top:8px; z-index:30;
    background:linear-gradient(135deg,#7d4bff,#a06bff); color:#fff; border:0; border-radius:6px;
    padding:5px 9px; font:700 12px sans-serif; cursor:pointer; }
.nxrefer.edit .nxrefer-el{ outline:1px dashed #ffcf6b; cursor:move; }
.nxrefer.edit .nxrefer-el.sel{ outline:2px solid #ffcf6b; }
.nxrefer.edit .nxrefer-close{ background:rgba(125,75,255,.35); }
.nxrefer.edit .nxrefer-input{ display:block !important; } /* inputul de bind: vizibil in editare ca sa-l pozitionezi */
.nxrefer.edit .nxrefer-el[data-nodrag]{ outline:none !important; cursor:default; } /* Copy/Apply: blocate, nu se muta */
.nxrefer-rsz{ position:absolute; right:-7px; bottom:-7px; width:14px; height:14px;
    background:#ffcf6b; border:1px solid #000; border-radius:2px; cursor:nwse-resize; z-index:50; }
.nxrefer-out{ position:fixed; bottom:12px; right:12px; width:440px; height:200px; z-index:100001; display:none;
    background:#0d0620; color:#d8c8ff; border:1px solid #7c3cdc; border-radius:8px; padding:10px; font:12px monospace; }
.nxrefer-out.show{ display:block; }