/* ── مودال المكافأة اليومية ── */
.dr-streak-hero {
    text-align: center; padding: 14px 0 10px;
}
.dr-streak-num {
    font-size: 52px; font-weight: 900; color: #fcd34d;
    text-shadow: 0 0 20px rgba(251,191,36,.6); line-height: 1;
}
.dr-streak-lbl { font-size: 13px; color: var(--muted); margin-top: 4px; }
.dr-week-grid {
    display: grid; grid-template-columns: repeat(7, 1fr);
    gap: 6px; margin: 14px 0;
}
.dr-day {
    display: flex; flex-direction: column; align-items: center; gap: 4px;
    padding: 8px 4px; border-radius: 10px;
    background: var(--card2); border: 1.5px solid var(--border);
    font-size: 10px; color: var(--muted);
}
.dr-day i { font-size: 14px; }
.dr-day.done { background: rgba(5,150,105,.12); border-color: #059669; color: #34d399; }
.dr-day.done i { color: #34d399; }
.dr-day.today { background: rgba(251,191,36,.12); border-color: #f59e0b; color: #fcd34d; animation: drDayPulse 1.5s infinite; }
.dr-day.today i { color: #fcd34d; }
@keyframes drDayPulse { 0%,100%{box-shadow:0 0 0 rgba(251,191,36,0)} 50%{box-shadow:0 0 10px rgba(251,191,36,.5)} }
.dr-next-bonus { text-align:center; font-size:12px; color:var(--muted); margin-bottom:10px; }
.dr-claimed-badge {
    text-align:center; padding:10px; border-radius:12px;
    background:rgba(5,150,105,.12); color:#34d399; font-size:13px; font-weight:700;
}
.dr-not-claimed {
    text-align:center; padding:10px; border-radius:12px;
    background:rgba(251,191,36,.1); color:#fcd34d; font-size:12px;
}

/* ── فقاعة الحصول على مكافأة ── */
.daily-reward-popup {
    position: fixed; bottom: 80px; left: 50%; transform: translateX(-50%) translateY(30px);
    background: linear-gradient(135deg, #1c1200, #3d2800);
    border: 2px solid rgba(251,191,36,.7);
    border-radius: 20px; padding: 18px 28px;
    box-shadow: 0 8px 40px rgba(251,191,36,.4);
    color: #fde68a; font-size: 15px; font-weight: 700;
    z-index: 9000; text-align: center; min-width: 220px;
    animation: drPopIn .4s cubic-bezier(.34,1.56,.64,1) forwards;
}
@keyframes drPopIn {
    from { opacity: 0; transform: translateX(-50%) translateY(40px) scale(.85); }
    to   { opacity: 1; transform: translateX(-50%) translateY(0)    scale(1);   }
}
.daily-reward-popup .dr-icon { font-size: 36px; display: block; margin-bottom: 6px; }
.daily-reward-popup .dr-amount { font-size: 22px; color: #fcd34d; }
.daily-reward-popup .dr-streak { font-size: 12px; color: rgba(253,230,138,.6); margin-top: 4px; }