.notif-btn[data-v-427d08a3]{position:relative}.notif-card[data-v-427d08a3]{overflow:hidden}.notif-header[data-v-427d08a3]{align-items:center;display:flex;gap:8px;justify-content:space-between;padding:12px 16px 10px}.notif-header__title[data-v-427d08a3]{color:#000000de;font-size:13px;font-weight:700}.notif-tabs[data-v-427d08a3]{display:flex;gap:4px;padding:0 12px 10px}.notif-tab[data-v-427d08a3]{align-items:center;background:transparent;border:none;border-radius:999px;color:var(--ds-gray-500);cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:5px;padding:4px 10px}.notif-tab--on[data-v-427d08a3]{background:rgb(var(--v-theme-primary),.1);color:rgb(var(--v-theme-primary));font-weight:700}.notif-tab__count[data-v-427d08a3]{align-items:center;background:rgb(var(--v-theme-error));border-radius:999px;color:var(--ds-text-on-brand);display:inline-flex;font-size:10px;font-weight:700;justify-content:center;line-height:16px;min-inline-size:16px;padding:0 4px}.notif-empty[data-v-427d08a3],.notif-list[data-v-427d08a3],.notif-loading[data-v-427d08a3]{min-block-size:320px}.notif-loading[data-v-427d08a3]{padding:32px}.notif-empty[data-v-427d08a3],.notif-loading[data-v-427d08a3]{align-items:center;display:flex;justify-content:center}.notif-empty[data-v-427d08a3]{flex-direction:column;padding:32px 16px}.notif-empty--error[data-v-427d08a3]{color:var(--ds-red-800)}.notif-empty__text[data-v-427d08a3]{color:var(--ds-gray-400);font-size:13px;margin:0 0 4px}.notif-empty--error .notif-empty__text[data-v-427d08a3]{color:var(--ds-red-800)}.notif-list[data-v-427d08a3]{align-content:start;max-block-size:400px;overflow-y:auto}.notif-item[data-v-427d08a3]{border-bottom:1px solid rgba(0,0,0,.05);position:relative;transition:background-color .15s ease}.notif-item[data-v-427d08a3]:last-child{border-bottom:none}.notif-item--unread[data-v-427d08a3]{background-color:rgb(var(--v-theme-primary),.06)}.notif-item--unread .notif-item__title[data-v-427d08a3]{color:#000000eb;font-weight:700}.notif-item__main[data-v-427d08a3]{align-items:flex-start;background:transparent;border:none;cursor:pointer;display:flex;gap:12px;inline-size:100%;padding:10px 16px;text-align:start}.notif-item__main[data-v-427d08a3]:hover{background-color:#00000008}.notif-item__tile[data-v-427d08a3]{align-items:center;block-size:34px;border-radius:6px;display:inline-flex;flex-shrink:0;inline-size:34px;justify-content:center}.notif-item__body[data-v-427d08a3]{display:flex;flex:1;flex-direction:column;gap:2px;min-inline-size:0}.notif-item__title[data-v-427d08a3]{color:#000000b3;font-size:12px;font-weight:500}.notif-item__sub[data-v-427d08a3],.notif-item__title[data-v-427d08a3]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-item__sub[data-v-427d08a3]{color:var(--ds-gray-500);font-size:11px}.notif-item__acked[data-v-427d08a3]{align-items:center;color:#067647;display:inline-flex;font-size:10px;font-weight:600;gap:3px}.notif-item__append[data-v-427d08a3]{align-items:center;display:flex;flex-shrink:0;gap:8px;margin-inline-start:8px}.notif-item__time[data-v-427d08a3]{color:var(--ds-gray-400);font-size:10px;white-space:nowrap}.notif-item__dot[data-v-427d08a3]{background-color:rgb(var(--v-theme-primary));block-size:8px;border-radius:50%;flex-shrink:0;inline-size:8px}.notif-item__ack[data-v-427d08a3]{background:var(--ds-surface);border:1px solid rgba(0,0,0,.12);border-radius:6px;color:#000000b3;cursor:pointer;font-size:11px;font-weight:600;margin:0 16px 10px 62px;padding:3px 10px}.notif-item__ack[data-v-427d08a3]:hover{border-color:rgb(var(--v-theme-primary));color:rgb(var(--v-theme-primary))}.notif-more[data-v-427d08a3]{display:flex;justify-content:center;padding:12px}.notif-detail__header[data-v-427d08a3]{align-items:center;display:flex;justify-content:space-between;padding:16px 24px 0}.notif-detail__body[data-v-427d08a3]{display:flex;flex-direction:column;gap:8px;padding:12px 24px 20px}.notif-detail__title-row[data-v-427d08a3]{align-items:center;display:flex;gap:12px;justify-content:space-between}.notif-detail__title[data-v-427d08a3]{color:#000000de;font-size:14px;font-weight:600}.notif-detail__time[data-v-427d08a3]{color:var(--ds-gray-400);flex-shrink:0;font-size:12px;white-space:nowrap}.notif-detail__meta[data-v-427d08a3]{color:var(--ds-gray-500);font-size:12px;line-height:1.5;margin:0}