/* Notification destinations, using existing PEGÔ palette. */
.portal-notification-badge { min-width: 26px; height: 26px; padding: 0 6px; border-radius: 999px; display: grid; flex: 0 0 auto; place-items: center; color: #fff; background: #c33232; font-size: 12px; font-weight: 850; line-height: 1; font-style: normal; }
.profile-shortcuts .profile-coupon-count { min-width: 26px; height: 26px; padding: 0 6px; position: absolute; top: 12px; right: 12px; border-radius: 999px; display: grid; place-items: center; color: #fff; background: #c33232; font-size: 12px; font-weight: 850; }
.profile-action-end { display: flex; align-items: center; gap: 14px; }
.profile-action-end > b[aria-hidden] { color: var(--p-gold); font-size: 24px; font-weight: 400; }
.profile-action-row.has-notices { background: linear-gradient(90deg, rgba(255, 212, 71, .12), rgba(255, 212, 71, .025)); box-shadow: inset 3px 0 var(--p-gold); }
.profile-action-row.has-notices small { color: var(--p-cream); font-weight: 650; }
.profile-action-row.has-notices:hover { background: rgba(255, 212, 71, .14); }
.notification-list .notification-copy { min-width: 0; flex: 1; }
.notification-list .notification-title { flex-direction: row; flex-wrap: wrap; align-items: center; gap: 8px; }
.notification-unread-label { padding: 3px 7px; border-radius: 999px; color: #fff; background: #c33232; font-size: 10px; font-style: normal; font-weight: 750; white-space: nowrap; }