.notification-bell{position:relative;display:grid;place-items:center;width:38px;height:38px;border:1px solid #e9e0f2;border-radius:13px;background:#ffffffb8;color:#80669c}.notification-bell .icon{width:20px;height:20px}.notification-count{position:absolute;right:-5px;top:-5px;min-width:17px;padding:2px 4px;border-radius:20px;background:#8052df;color:#fff;font-size:9px;line-height:1.3;border:2px solid #f8f5fd}.notification-count[hidden]{display:none}.notification-toolbar{display:flex;justify-content:space-between;gap:15px;margin-bottom:17px}.notification-toolbar button{min-height:34px;font-size:11px}.notification-list{display:grid;gap:9px;margin-bottom:18px}.notification-item{display:grid;gap:6px;min-width:0;width:100%;text-align:left;padding:16px;border:1px solid #eee7f5;border-radius:16px;background:#fff;overflow-wrap:anywhere}.notification-item.unread{background:#f2ecff;border-color:#d9c8f4}.notification-item strong{font-size:13px}.notification-item span{font-size:11px;line-height:1.6;color:#806b94}.notification-item time{font-size:10px;color:#9a89a9}.notification-empty,.notification-device p{font-size:12px;line-height:1.9;color:#806b94}.notification-device{border:1px solid #e8dff2;background:#faf7ff;border-radius:17px;padding:17px;margin-bottom:22px}.notification-device h3,.notification-preferences h3{font-size:14px;margin-bottom:12px}.notification-device button{margin-top:13px;white-space:normal}.notification-preferences{display:grid;gap:12px}.notification-preferences h3:not(:first-child){margin-top:13px}.notification-preferences label{display:flex;align-items:center;gap:11px;min-height:37px;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.notification-preferences input{width:17px;height:17px;flex-shrink:0;accent-color:#8052df}.notification-dialog>.button{margin-top:8px}.notification-dialog [role=status]{font-size:12px;padding:15px}

.notification-onboarding p{font-size:13px;line-height:1.9;color:#806b94;margin-bottom:15px}.notification-onboarding .button{white-space:normal}

.notification-toolbar{flex-wrap:wrap;align-items:center;gap:8px 15px}.notification-list{max-height:min(52dvh,460px);overflow-y:auto;overscroll-behavior:contain}

.notification-detail{overflow-wrap:anywhere}
.notification-detail-group{font-size:11px;color:var(--muted);line-height:1.7;margin-bottom:15px}
.notification-detail-subject{font-size:19px;font-weight:800;line-height:1.5;color:var(--text);margin-bottom:14px}
.notification-detail-actor{font-size:12px;color:var(--muted);line-height:1.8}
.notification-detail-time{display:block;font-size:11px;color:var(--muted);line-height:1.8;margin-top:6px}