.mega-tabs { grid-template-columns: repeat(3, 1fr); }
.mega-tabs button { position: relative; }
.mega-tabs button i { display: inline-grid; place-items: center; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 99px; background: #f05aaa; color: #fff; font-size: 9px; font-style: normal; }
.mega-tabs button.active i { background: #fff; color: #a853bb; }
.mega-recent-heading { display: flex; align-items: flex-end; justify-content: space-between; margin: 18px 3px 12px; }
.mega-recent-heading p, .mega-recent-heading h3 { margin: 0; }
.mega-recent-heading h3 { font-size: 21px; }
.mega-recent-heading button { border: 0; background: transparent; color: #9a57a3; font: inherit; font-size: 11px; font-weight: 800; }
.mega-activity-list { display: grid; gap: 10px; }
.mega-activity { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 12px; width: 100%; padding: 13px; border: 1px solid #ffffffdb; border-radius: 20px; background: linear-gradient(135deg, #ffffffc7, #f7e3f6a3); box-shadow: 0 8px 24px #59306e12; text-align: left; }
.mega-activity.unread { box-shadow: 0 9px 28px #bd52b02b; }
.mega-activity.unread::before { content: ''; position: absolute; top: 13px; right: 13px; width: 8px; height: 8px; border-radius: 50%; background: #ed4ea9; box-shadow: 0 0 0 5px #ed4ea91c; }
.mega-activity-thumb { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 16px; background: var(--activity-bg, linear-gradient(145deg, #ffd2ea, #cfc2ff)); font-size: 24px; }
.mega-activity-copy { min-width: 0; }
.mega-activity-copy strong, .mega-activity-copy span, .mega-activity-copy small { display: block; }
.mega-activity-copy strong { overflow: hidden; color: #573e5c; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.mega-activity-copy span { margin: 2px 0; color: #7e667f; font-size: 11px; }
.mega-activity-copy small { color: #a48da4; font-size: 9px; }
.mega-activity-arrow { margin-right: 5px; color: #a674aa; font-size: 22px; }
.mega-day-label { margin: 9px 4px 0; color: #9b829d; font-size: 10px; }
.mega-unread-badge { position: absolute; top: 5px; right: calc(50% - 25px); display: grid; place-items: center; min-width: 17px; height: 17px; padding: 0 4px; border: 2px solid #ffffffc7; border-radius: 99px; background: #ed4ea9; color: #fff; font-size: 9px; font-style: normal; font-weight: 900; line-height: 1; }
.mega-unread-badge.hidden { display: none; }