.notif-bell__btn.ant-btn{background:var(--esp-bg-base);border-radius:50%!important}.notif-bell__btn.ant-btn:focus-visible,.notif-bell__btn.ant-btn:hover{background:var(--esp-fill-tertiary,rgba(0,0,0,.06))}.notif-panel{width:360px;background:var(--esp-bg-container);border:1px solid var(--esp-border);border-radius:var(--esp-radius-lg);box-shadow:var(--esp-shadow-lg);overflow:hidden}.notif-panel .notif-panel__head{display:flex;align-items:center;justify-content:space-between;padding:calc(var(--esp-space)*1.5) calc(var(--esp-space)*2);border-bottom:1px solid var(--esp-border);font-size:var(--esp-fs-md);font-weight:600;color:var(--esp-text)}.notif-panel .notif-panel__link{border:none;background:none;cursor:pointer;color:var(--esp-primary);font-size:var(--esp-fs-sm);font-weight:500;padding:0;transition:opacity .15s ease}.notif-panel .notif-panel__link:hover{opacity:.75}.notif-panel .notif-panel__list{max-height:380px;overflow-y:auto;overscroll-behavior:contain;padding:calc(var(--esp-space)*.75);scrollbar-width:thin;scrollbar-color:var(--esp-border-strong) rgba(0,0,0,0)}.notif-panel .notif-panel__list::-webkit-scrollbar{width:8px}.notif-panel .notif-panel__list::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.notif-panel .notif-panel__list::-webkit-scrollbar-thumb{background:var(--esp-border-strong);border-radius:999px;border:2px solid rgba(0,0,0,0);background-clip:padding-box;-webkit-transition:background-color .15s ease;transition:background-color .15s ease}.notif-panel .notif-panel__list:hover::-webkit-scrollbar-thumb{background:var(--esp-text-tertiary);background-clip:padding-box}.notif-panel .notif-panel__list::-webkit-scrollbar-thumb:hover{background:var(--esp-text-secondary);background-clip:padding-box}.notif-panel .ant-empty{padding:calc(var(--esp-space)*3) 0;margin-top:32px}.notif-item{position:relative;display:flex;align-items:flex-start;gap:var(--esp-space);width:100%;text-align:left;border:none;background:none;cursor:pointer;padding:calc(var(--esp-space)*1.25) var(--esp-space);padding-right:calc(var(--esp-space)*2.5);border-radius:var(--esp-radius);transition:background .15s ease}.notif-item:hover{background:var(--esp-bg-elevated)}.notif-item--unread .notif-item__title{color:var(--esp-text);font-weight:600}.notif-item .notif-item__icon{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px}.notif-item .notif-item__icon--success{color:var(--esp-success);background:color-mix(in srgb,var(--esp-success) 12%,transparent)}.notif-item .notif-item__icon--danger{color:var(--esp-danger);background:var(--esp-danger-soft)}.notif-item .notif-item__icon--info{color:var(--esp-info);background:color-mix(in srgb,var(--esp-info) 12%,transparent)}.notif-item .notif-item__icon--primary{color:var(--esp-primary);background:var(--esp-primary-soft)}.notif-item .notif-item__icon--neutral{color:var(--esp-text-secondary);background:var(--esp-bg-base)}.notif-item .notif-item__body{display:flex;flex-direction:column;gap:2px;min-width:0}.notif-item .notif-item__title{color:var(--esp-text-secondary);font-size:var(--esp-fs-sm);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notif-item .notif-item__time{color:var(--esp-text-tertiary);font-size:var(--esp-fs-xs)}.notif-item .notif-item__dot{position:absolute;top:50%;right:var(--esp-space);transform:translateY(-50%);width:8px;height:8px;border-radius:999px;background:var(--esp-primary)}