.notification-bell{position:relative;vertical-align:middle;background:none;border:0;padding:9px;margin-right:7px;cursor:pointer;color:#111}.notification-bell span{position:absolute;right:-2px;top:0;background:#e3182d;color:#fff;font-size:10px;border-radius:99px;padding:3px 5px}.notification-item{display:flex;align-items:center;gap:12px;background:#f7f8fa;border:1px solid #e5e7eb;width:100%;padding:16px;margin:10px 0;border-radius:13px;text-align:left;font:inherit;color:#111;cursor:pointer}.notification-item>span:nth-child(2){flex:1;min-width:0}.notification-item b,.notification-item small{display:block;overflow-wrap:anywhere}.notification-item small{font-size:12px;color:#5e6672;margin-top:6px}.notification-item.is-unread{background:#fff0f2;border-color:#f7c4cb}.notification-item.is-unread>span:first-child{color:#e3182d}.notification-screen{max-width:760px}.notification-bell:focus-visible,.notification-item:focus-visible{outline:3px solid #e3182d;outline-offset:2px}

.notification-row{position:relative}.notification-row:has(.notification-remove) .notification-item{padding-bottom:64px}.notification-remove{position:absolute;left:45px;bottom:12px;font-size:12px;padding:8px 12px}

.notification-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 0 14px}.notification-toolbar .inbox-filters{margin:0}.notification-toolbar .btn{padding:9px 12px;font-size:12px}.notification-date-group{margin:18px 0}.notification-date-group h2,.notification-date-group summary{font-size:14px;font-weight:750;color:#333;margin:0 0 10px}.notification-date-group summary{cursor:pointer;padding:12px 0}.notification-date-group h2 span,.notification-date-group summary span{font-size:11px;font-weight:400;color:#717b8a;margin-left:8px}.compact-notification .notification-item{margin:0;border-radius:12px;padding:13px 38px 13px 12px;gap:9px;background:#fff}.compact-notification{margin:8px 0}.compact-notification:has(.notification-remove) .notification-item{padding-bottom:13px}.compact-notification .notification-dot{font-size:10px;align-self:flex-start;padding-top:4px}.compact-notification .notification-item b{font-size:14px;line-height:1.35}.compact-notification .notification-preview{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;line-height:1.45;margin-top:4px}.compact-notification .notification-time{font-size:10px;margin-top:7px;color:#818995}.compact-notification .notification-remove{left:auto;right:3px;top:3px;bottom:auto;width:32px;height:32px;padding:0;border:0;background:transparent;color:#818995;font-size:22px;cursor:pointer}.compact-notification .notification-item.is-unread{background:#fff8f9;border-color:#f3d8dd}.compact-notification .notification-remove:focus-visible{outline:2px solid #e3182d;border-radius:5px}

.notification-screen .notification-tabs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important}.notification-tabs button{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:48px;padding:10px 12px;text-align:left;font-size:12px;border-radius:12px}.notification-category-count{display:inline-flex;align-items:center;justify-content:center;background:#e3182d;color:white;border-radius:99px;padding:3px 7px;font-size:10px;font-weight:700;white-space:nowrap}.notification-category-count[hidden]{display:none}.notification-category-group{border:1px solid #e5e7eb;border-radius:14px;background:white;margin:10px 0;padding:0 12px}.notification-category-group>summary{display:flex;align-items:center;gap:10px;cursor:pointer;padding:16px 0;font-size:14px;font-weight:700;list-style:none}.notification-category-group>summary::after{content:'⌄';margin-left:auto;color:#818995}.notification-category-group[open]>summary::after{content:'⌃'}.notification-category-group>summary small{color:#818995;font-size:11px;font-weight:400}.notification-category-group .notification-date-group{margin-top:6px}

.notification-category-link{display:flex;align-items:center;gap:12px;width:100%;min-height:76px;padding:15px 16px;margin:10px 0;border:1px solid #e5e7eb;border-radius:14px;background:#fff;text-align:left;font:inherit;color:#111;cursor:pointer}.notification-category-link>span:first-child{flex:1;min-width:0}.notification-category-link b{display:block;font-size:15px}.notification-category-link small{display:block;margin-top:5px;font-size:12px;line-height:1.4;color:#717b8a}.notification-category-link .notification-action-label{color:#bd172d;font-weight:600;font-size:11px}.notification-category-link:focus-visible{outline:3px solid #e3182d;outline-offset:2px}#notificationCategoryHeading{font-size:21px;margin:18px 0 8px}#notificationCategoriesBack[hidden],#notificationCategoryHeading[hidden],#notificationReadFilters[hidden]{display:none}