/* First-deposit prompt for streak earners (js/streak-deposit-prompt.js). */
#streak-deposit-prompt[hidden] { display: none; }
#streak-deposit-prompt { margin: 16px auto; padding: 0 16px; max-width: 640px; }
#streak-deposit-prompt .sdp {
    position: relative; text-align: left;
    padding: 16px 44px 16px 16px; border-radius: 14px;
    border: 1px solid rgba(247, 147, 26, 0.45);
    background: linear-gradient(135deg, rgba(247, 147, 26, 0.12), rgba(251, 191, 36, 0.04));
    color: var(--text-primary, #f5f5f7);
}
#streak-deposit-prompt .sdp p { margin: 0; line-height: 1.45; }
#streak-deposit-prompt .sdp__lead { font-size: 0.82rem; font-weight: 700; letter-spacing: 0.02em; text-transform: uppercase; color: #fbbf24; }
#streak-deposit-prompt .sdp__headline { margin-top: 4px; font-size: 1.1rem; font-weight: 800; }
#streak-deposit-prompt .sdp__sub { margin-top: 4px; font-size: 0.92rem; color: var(--text-secondary, #d8d8de); }
#streak-deposit-prompt .sdp__terms { margin-top: 10px; font-size: 0.78rem; color: var(--text-secondary, #a9a9b3); }
#streak-deposit-prompt .sdp__cta {
    margin-top: 12px; min-height: 44px; padding: 10px 22px; border: 0; border-radius: 999px; cursor: pointer;
    font: inherit; font-weight: 700; color: #1a1205; background: linear-gradient(135deg, #f7931a, #cc7a15);
}
#streak-deposit-prompt .sdp__cta:focus-visible,
#streak-deposit-prompt .sdp__close:focus-visible { outline: 2px solid #fbbf24; outline-offset: 2px; }
#streak-deposit-prompt .sdp__close {
    position: absolute; top: 4px; right: 4px; width: 44px; height: 44px; border: 0; background: none; cursor: pointer;
    color: var(--text-secondary, #a9a9b3); font-size: 1.5rem; line-height: 1;
}
@media (max-width: 560px) {
    #streak-deposit-prompt .sdp__cta { width: 100%; }
}