.profile-notifications{margin-top:20px;padding:24px}
.notifications-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.notifications-heading h2{margin:0;font-size:24px}
.notifications-heading p:not(.eyebrow){margin:7px 0 0;color:var(--muted)}
.notification-list{display:grid;gap:10px;margin-top:20px}
.notification-item{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:15px 16px;border:1px solid rgba(174,133,255,.25);border-radius:14px;background:rgba(9,7,24,.45)}
.notification-item b,.notification-item span{display:block}
.notification-item span,.notification-item time{margin-top:4px;color:var(--muted);font-size:14px}
.notification-item time{margin-top:0;white-space:nowrap}
.notification-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.delete-message-button{color:#ffb5c3;padding:5px 0;font-size:12px}
.family-reward-message{border-color:rgba(255,211,91,.55);background:linear-gradient(105deg,rgba(104,65,13,.35),rgba(46,23,89,.33))}
.daily-special-message{border-color:rgba(102,213,255,.55);background:linear-gradient(105deg,rgba(17,79,112,.35),rgba(55,27,104,.33))}
.ranking-leader-message{border-color:rgba(255,211,91,.72);background:linear-gradient(105deg,rgba(116,77,9,.48),rgba(73,36,121,.4))}
.admin-booster-message{border-color:rgba(129,226,183,.65);background:linear-gradient(105deg,rgba(26,104,78,.42),rgba(46,55,131,.36))}
.family-reward-button{padding:10px 14px;white-space:nowrap}
@media(max-width:620px){.profile-notifications{padding:18px}.notifications-heading,.notification-item{flex-direction:column}.notification-item{gap:5px}.notification-item time{white-space:normal}.notification-actions{width:100%;justify-content:space-between}.notifications-heading .text-button{padding-left:0}}