.notification-count{background:#ef4444;color:#fff;border-radius:999px;padding:2px 7px;font-size:12px;min-width:20px;text-align:center}.notification-count[hidden]{display:none}.notification-page{max-width:1100px}.notification-list{display:grid;gap:16px;margin:20px 0}.notification-item{padding:24px;border:1px solid #293550;border-radius:18px;background:#111b30}.notification-item.is-unread{border-left:4px solid #a78bfa;background:#16213b}.notification-item-top,.notification-item footer{display:flex;justify-content:space-between;align-items:center;gap:16px;color:#aabbd3;font-size:14px}.notification-item h2{font-size:20px;line-height:1.5;overflow-wrap:anywhere;margin:14px 0}.notification-body{white-space:pre-wrap;overflow-wrap:anywhere;color:#cbd5e1;line-height:1.7;max-height:180px;overflow:auto}.notification-item footer{margin-top:20px}.notification-item footer>div{display:flex;gap:8px}.notification-tag{color:#c4b5fd;font-weight:700}.notification-item:not(.is-unread) .notification-tag{color:#94a3b8}.pr-assignee-name{color:#c4b5fd;font-weight:600}@media(max-width:600px){.notification-item{padding:18px}.notification-item footer{align-items:flex-start;flex-direction:column}}

.notification-mail{margin-top:20px}.notification-mail small{display:block;color:#aabbd3;margin-top:12px}

.navbar>.notification-bell{flex-shrink:0;margin:0 12px}.navbar:has(>.notification-bell) .navbar-right{max-width:calc(100% - 220px)}.navbar-brand{flex-shrink:0}
.notification-list-heading{flex-wrap:wrap}.notification-list-heading [data-action="notice-refresh"]{margin-left:auto}
.notification-delete-all{border-color:#765064;color:#ffd3dc}.notification-delete-all:hover{background:#3a2635;border-color:#c17694}

.notification-tabs{display:flex;gap:10px;margin-bottom:24px}.notification-item footer>div{flex-wrap:wrap}