[data-notification-bell]{position:relative;display:inline-flex;align-items:center;justify-content:center}.notification-badge{position:absolute;right:-5px;top:-7px;min-width:22px;height:22px;padding:0 5px;display:grid;place-items:center;background:#c72138;color:white;border-radius:20px;font-size:12px;font-weight:700}.notification-inbox{display:grid;gap:16px}.notification-group{background:#0d2535;border:1px solid #365166;border-radius:16px;overflow:hidden}.notification-group>summary{padding:20px;font-size:1.2rem;font-weight:700;cursor:pointer}.notification-group-count{display:inline-block;background:#0963dc;border-radius:20px;padding:2px 10px;margin-left:8px}.notification-items{padding:0 16px 16px;display:grid;gap:16px}.notification-card{border:1px solid #365166;border-radius:12px;padding:18px;background:#0a1e2b;min-width:0;overflow-wrap:anywhere}.notification-card summary{cursor:pointer}.notification-card strong,.notification-card time{display:block;margin-top:10px}.notification-card time{font-size:.85rem;color:#adc0ce}.notification-unread{background:#0963dc;border-radius:8px;padding:3px 8px}.notification-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.notification-actions button{flex:1;min-width:100px}.notification-card textarea{width:100%;min-height:100px;box-sizing:border-box}.notification-card [data-inbox-preview]{white-space:pre-wrap;margin-top:14px}.notification-card form{margin-top:16px}
.notification-group-count[data-unread="true"]{background:#c72138;color:#fff}