/* ===== NoxusMu — 30 Days Login Rewards — image-mapped peste 30dayvip.png (portret, scroll) ===== */
.nxdaily-wrap{ position:fixed; inset:0; z-index:100000; width:100vw; height:100vh; margin:0; overflow:auto; display:none;
    background:rgba(4,2,10,.86); backdrop-filter:blur(2px);
    font-family:'Cinzel',Georgia,serif; color:#efe5d0; user-select:none; }
.nxdaily-wrap.show{ display:block; }

/* buton vizibil care deschide popup-ul (pe dashboard) */
.nxdaily-open-btn{ position:fixed; right:18px; bottom:64px; z-index:99990; cursor:pointer; border:1px solid rgba(255,220,150,.6);
    font:800 14px 'Cinzel',Georgia,serif; color:#1a1206; padding:11px 18px; border-radius:11px;
    background:linear-gradient(180deg,#ffe7a3,#e0a93f); box-shadow:0 8px 22px rgba(0,0,0,.55), 0 0 16px rgba(224,169,63,.45);
    display:inline-flex; align-items:center; gap:8px; transition:transform .12s ease, filter .12s ease; }
.nxdaily-open-btn:hover{ filter:brightness(1.08); transform:translateY(-1px); }
.nxdaily{ position:relative; width:min(1000px,98vw); aspect-ratio:1055/1491; margin:12px auto 28px;
    background:#060310 url(../images/30dayvip.png) center center/100% 100% no-repeat; }
.nxdaily *{ box-sizing:border-box; }
.nxdaily-el{ position:absolute; }

/* bara de sus */
.nxdaily-streak, .nxdaily-next{ display:flex; align-items:center; justify-content:center; text-align:center;
    font:900 clamp(16px,2.6vw,28px) 'Cinzel',serif; color:#fff; text-shadow:0 2px 4px #000, 0 0 12px rgba(190,120,255,.7); }
.nxdaily-streak{ font-size:clamp(11px,1.8vw,20px); color:#ffd98a; letter-spacing:.5px; flex-direction:column; gap:0; line-height:1.05; }
.nxdaily-viplbl{ font-size:.5em; font-weight:700; color:#cdbfe6; letter-spacing:1.5px; }
.nxdaily-cstreak{ display:flex; align-items:center; justify-content:center; gap:4px; text-align:center;
    font:800 clamp(11px,1.5vw,17px) 'Cinzel',Georgia,serif; color:#ff9d4d; text-shadow:0 2px 3px #000, 0 0 8px rgba(0,0,0,.8); }
.nxdaily-cstreak b{ color:#fff; }
.nxdaily-cstreak span{ font-size:.8em; color:#cdbfe6; }
.nxdaily-next{ font-size:clamp(10px,1.5vw,14px); color:#ffd98a; gap:3px; flex-direction:column; }
.nxdaily-next-icon{ height:2.1em; width:auto; max-height:40px; object-fit:contain; filter:drop-shadow(0 2px 4px rgba(0,0,0,.6)); }

/* grid 30 zile */
.nxdaily-grid{ display:grid; grid-template-columns:repeat(7,1fr); grid-template-rows:repeat(4,1fr); gap:0.7%; }
.nxdaily-solo .nxdaily-cell{ width:100%; height:100%; }
.nxdaily-cell{ position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px;
    cursor:pointer; border-radius:7px; padding:2px; transition:transform .12s ease, box-shadow .12s ease; }
.nxdaily-cell:hover{ transform:scale(1.04); }
.nxdaily-cell-rw{ font:800 clamp(8px,1.15vw,13px) 'Open Sans',sans-serif; color:#ffe7a3; line-height:1.1; text-align:center;
    text-shadow:0 1px 2px #000, 0 0 4px #000; max-width:100%; overflow:hidden; }
/* Day 29/30 (grid2) — text mai mic */
.nxdaily-solo .nxdaily-cell-rw{ font-size:clamp(7px,0.82vw,10px); }
.nxdaily-cell-badge{ font:900 12px 'Open Sans',sans-serif; line-height:1; }
.nxdaily-cell-icon{ width:56%; max-width:46px; height:auto; object-fit:contain; filter:drop-shadow(0 2px 4px rgba(0,0,0,.6)); }
.nxdaily-grid .nxdaily-cell-icon{ margin-top:3px; }
.nxdaily-popup-icon{ display:block; width:92px; height:92px; object-fit:contain; margin:8px auto 0; filter:drop-shadow(0 4px 12px rgba(0,0,0,.6)); }

.nxdaily-cell.claimed{ }
.nxdaily-cell.claimed .nxdaily-cell-rw{ opacity:.45; }
.nxdaily-cell.claimed .nxdaily-cell-badge{ color:#7dff9b; } /* ✓ */
.nxdaily-cell.today::after{ content:''; position:absolute; inset:-14%; pointer-events:none; z-index:0;
    background:radial-gradient(circle at 50% 45%, rgba(255,215,107,.55) 0%, rgba(255,215,107,.18) 45%, transparent 72%);
    animation:nxdGlow 1.9s ease-in-out infinite; }
.nxdaily-cell.today > *{ position:relative; z-index:1; }
@keyframes nxdGlow{ 0%,100%{ opacity:.7; } 50%{ opacity:1; } }
.nxdaily-cell.missed .nxdaily-cell-rw{ opacity:.25; }
.nxdaily-cell.missed .nxdaily-cell-badge{ color:#ff6b6b; } /* ✗ */
.nxdaily-cell.locked .nxdaily-cell-rw{ opacity:.7; }

/* back + msg */
.nxdaily-back{ all:unset; cursor:pointer; color:#e8c372; font:700 13px 'Cinzel',serif; padding:6px 12px;
    border:1px solid rgba(236,191,103,.4); border-radius:8px; background:rgba(12,8,20,.6); z-index:5; }
.nxdaily-back:hover{ color:#fff; text-decoration:none; border-color:rgba(236,191,103,.8); }
.nxdaily-msg{ position:fixed; left:50%; bottom:24px; transform:translateX(-50%); z-index:100090; max-width:90vw; text-align:center;
    font:700 15px 'Cinzel',serif; color:#ffe6a6; padding:12px 22px; border-radius:12px; display:none;
    background:rgba(14,10,20,.96); border:1px solid rgba(236,191,103,.5); box-shadow:0 10px 30px rgba(0,0,0,.6); }
.nxdaily-msg.show{ display:block; }
.nxdaily-msg.err{ color:#ffd7d7; border-color:rgba(230,120,120,.6); }
.nxdaily-msg.win{ color:#bff7c8; border-color:rgba(120,230,150,.7); font-size:17px; }

/* popup */
.nxdaily-popup{ position:fixed; inset:0; z-index:100080; display:none; align-items:center; justify-content:center;
    background:rgba(4,2,10,.74); backdrop-filter:blur(2px); }
.nxdaily-popup.show{ display:flex; }
.nxdaily-popup-box{ position:relative; width:340px; max-width:90vw; padding:28px 24px 24px; text-align:center;
    background:linear-gradient(180deg,rgba(38,24,64,.98),rgba(16,10,30,.98));
    border:1px solid rgba(236,191,103,.5); border-top:2px solid #ffcf4d; border-radius:18px; box-shadow:0 24px 60px rgba(0,0,0,.7);
    animation:nxdPop .22s ease; }
@keyframes nxdPop{ from{ transform:translateY(10px) scale(.96); opacity:0; } to{ transform:none; opacity:1; } }
.nxdaily-popup-close{ all:unset; cursor:pointer; position:absolute; right:14px; top:9px; font-size:26px; line-height:1; color:#cdbfe6; }
.nxdaily-popup-close:hover{ color:#fff; }
.nxdaily-popup-day{ font:800 15px 'Cinzel',serif; color:#ffd98a; letter-spacing:1px; text-transform:uppercase; }
.nxdaily-popup-reward{ font:900 24px 'Cinzel',serif; color:#fff; margin:10px 0 6px; text-shadow:0 0 16px rgba(190,120,255,.6); }
.nxdaily-popup-status{ font:600 13px 'Open Sans',sans-serif; color:#b9aec9; margin-bottom:18px; min-height:16px; }
.nxdaily-popup-claim{ all:unset; cursor:pointer; display:block; width:100%; text-align:center; padding:13px; border-radius:11px;
    font:900 16px 'Cinzel',serif; color:#1a1206; background:linear-gradient(180deg,#ffe7a3,#e0a93f);
    box-shadow:0 8px 20px rgba(0,0,0,.45); transition:transform .12s ease, filter .12s ease; }
.nxdaily-popup-claim:hover{ filter:brightness(1.08); transform:translateY(-1px); }
.nxdaily-popup-claim.hidden{ display:none; }
.nxdaily-popup-claim.is-busy{ pointer-events:none; filter:grayscale(.4) brightness(.8); }

/* ===================== POZITII MAPATE (estimari — ajusteaza din editor) ===================== */
.nxdaily [data-pos="back"]{ left:0.00%; top:0.00%; width:13.11%; height:4.35%; }
.nxdaily [data-pos="streak"]{ left:8.90%; top:29.15%; width:5.40%; height:4.88%; }
.nxdaily [data-pos="claimstreak"]{ left:19.90%; top:30.48%; width:11.00%; height:4.50%; }
.nxdaily [data-pos="nextreward"]{ left:40.10%; top:29.44%; width:9.00%; height:6.47%; }
.nxdaily [data-pos="grid"]{ left:3.80%; top:38.64%; width:92.00%; height:38.00%; }
.nxdaily [data-pos="day29"]{ left:3.70%; top:78.54%; width:12.00%; height:9.50%; }
.nxdaily [data-pos="day30"]{ left:16.70%; top:77.41%; width:24.20%; height:11.18%; }

/* ===================== editor (admin) — FARA localStorage ===================== */
.nxdaily-editbtn{ all:unset; cursor:pointer; position:fixed; right:14px; bottom:14px; z-index:100060; padding:8px 14px; border-radius:8px;
    font:600 13px 'Open Sans',sans-serif; color:#fff0d0; background:linear-gradient(180deg,#3a2358,#1c1130); border:1px solid rgba(236,191,103,.5); }
.nxdaily.edit .nxdaily-el{ outline:1px dashed rgba(255,215,120,.6); outline-offset:2px; cursor:move; }
.nxdaily.edit .nxdaily-cell{ pointer-events:none; }
.nxdaily-el.sel{ outline:2px solid #ffd76b !important; z-index:50; }
.nxdaily-rsz{ position:absolute; right:-7px; bottom:-7px; width:14px; height:14px; background:#ffd76b; border:1px solid #1a1206; border-radius:2px; z-index:60; cursor:nwse-resize; }
.nxdaily-out{ position:fixed; left:14px; bottom:14px; z-index:100060; width:520px; max-width:92vw; height:90px; display:none;
    font:11px/1.4 monospace; color:#cfe; background:#0a0712; border:1px solid rgba(236,191,103,.4); border-radius:6px; padding:6px; }
.nxdaily-out.show{ display:block; }
