.notif-btn[data-v-d8cec437]{position:relative}.notif-card[data-v-d8cec437]{overflow:hidden}.notif-header[data-v-d8cec437]{align-items:center;display:flex;justify-content:space-between;padding:12px 16px 10px}.notif-header__title[data-v-d8cec437]{color:#000000de;font-size:13px;font-weight:700}.notif-loading[data-v-d8cec437]{display:flex;justify-content:center;padding:32px}.notif-empty[data-v-d8cec437]{align-items:center;display:flex;flex-direction:column;padding:32px 16px}.notif-empty__text[data-v-d8cec437]{color:#94a3b8;font-size:13px;margin:0}.notif-list[data-v-d8cec437]{max-height:380px;overflow-y:auto}.notif-item[data-v-d8cec437]{border-bottom:1px solid rgba(0,0,0,.05);padding-bottom:10px!important;padding-top:10px!important;transition:background-color .15s ease}.notif-item[data-v-d8cec437]:last-child{border-bottom:none}.notif-item--unread[data-v-d8cec437]{background-color:rgb(var(--v-theme-primary),.06)}.notif-item--unread .notif-item__title[data-v-d8cec437]{color:#000000eb;font-weight:700}.notif-item__body[data-v-d8cec437]{min-width:0}.notif-item__title[data-v-d8cec437]{color:#000000b3;font-size:12px;font-weight:500;margin:0 0 2px}.notif-item__sub[data-v-d8cec437],.notif-item__title[data-v-d8cec437]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-item__sub[data-v-d8cec437]{color:#64748b;font-size:11px;margin:0}.notif-item__append[data-v-d8cec437]{align-items:center;display:flex;flex-shrink:0;gap:8px;margin-left:8px}.notif-item__time[data-v-d8cec437]{color:#94a3b8;font-size:10px;white-space:nowrap}.notif-item__dot[data-v-d8cec437]{background-color:rgb(var(--v-theme-primary));border-radius:50%;flex-shrink:0;height:8px;width:8px}.notif-detail__header[data-v-d8cec437]{align-items:center;display:flex;justify-content:space-between;padding:16px 24px 0}.notif-detail__body[data-v-d8cec437]{display:flex;flex-direction:column;gap:8px;padding:12px 24px 20px}.notif-detail__title-row[data-v-d8cec437]{align-items:center;display:flex;gap:12px;justify-content:space-between}.notif-detail__title[data-v-d8cec437]{color:#000000de;font-size:14px;font-weight:600}.notif-detail__time[data-v-d8cec437]{color:#94a3b8;flex-shrink:0;font-size:12px;white-space:nowrap}.notif-detail__sub[data-v-d8cec437]{color:#000000de;font-size:14px;font-weight:600;margin:0}.notif-detail__meta[data-v-d8cec437]{color:#64748b;font-size:12px;line-height:1.5;margin:0}