/* Earn bonus sats card (js/earn-bonus-card.js). */
#earn-bonus-card[hidden] { display: none; }
#earn-bonus-card { margin: 16px auto; padding: 0 16px; max-width: 640px; box-sizing: border-box; }
#earn-bonus-card .ebc {
    text-align: left; padding: 16px; border-radius: 14px; box-sizing: border-box;
    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);
}
#earn-bonus-card .ebc p { margin: 0; line-height: 1.45; overflow-wrap: anywhere; }
#earn-bonus-card .ebc__headline { font-size: 1.1rem; font-weight: 800; }
#earn-bonus-card .ebc__bar { margin-top: 10px; height: 8px; border-radius: 999px; background: rgba(255, 255, 255, 0.12); overflow: hidden; }
#earn-bonus-card .ebc__fill { height: 100%; border-radius: 999px; background: linear-gradient(90deg, #f7931a, #fbbf24); }
#earn-bonus-card .ebc__progress { margin-top: 6px; font-size: 0.85rem; color: var(--text-secondary, #d8d8de); }
#earn-bonus-card .ebc__expiry { margin-top: 8px; font-size: 0.9rem; font-weight: 600; color: #fbbf24; }
#earn-bonus-card .ebc__expiry--urgent { color: #ff8a7a; }
#earn-bonus-card .ebc__actions { margin-top: 12px; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 18px; }
#earn-bonus-card .ebc__cta {
    display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 22px; border-radius: 999px;
    font-weight: 700; text-decoration: none; color: #1a1205; background: linear-gradient(135deg, #f7931a, #cc7a15);
}
#earn-bonus-card .ebc__help { display: inline-flex; align-items: center; min-height: 44px; font-size: 0.9rem; color: var(--text-secondary, #d8d8de); text-decoration: underline; }
#earn-bonus-card .ebc__note { margin-top: 4px; font-size: 0.78rem; color: var(--text-secondary, #a9a9b3); }
#earn-bonus-card .ebc__cta:focus-visible,
#earn-bonus-card .ebc__help:focus-visible { outline: 2px solid #fbbf24; outline-offset: 2px; }
@media (max-width: 560px) {
    #earn-bonus-card .ebc__cta { width: 100%; }
}