.notif-bell-btn[data-v-ef668e9a]{position:relative}.notif-bell-badge[data-v-ef668e9a]{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background-color:#dc2626!important;color:#fff!important;font-size:11px;font-weight:700;line-height:18px;text-align:center;border:2px solid #ffffff;display:inline-flex;align-items:center;justify-content:center;z-index:10}.notif-tabs-bar[data-v-ef668e9a]{display:flex;align-items:center;gap:14px;overflow-x:auto;white-space:nowrap}.notif-tab-btn[data-v-ef668e9a]{padding:10px 2px;font-size:12.5px;font-weight:600;color:#4b5563;border-bottom:2px solid transparent;display:inline-flex;align-items:center;gap:6px;background:transparent;cursor:pointer}.notif-tab-btn.active-tab[data-v-ef668e9a]{color:#1a73e8;border-bottom-color:#1a73e8}.gmail-pill[data-v-ef668e9a]{display:inline-flex;align-items:center;justify-content:center;padding:2px 7px;border-radius:999px;font-size:10.5px;font-weight:700;line-height:1.2}.pill-blue[data-v-ef668e9a]{background-color:#1a73e8!important;color:#fff!important}.pill-green[data-v-ef668e9a]{background-color:#188038!important;color:#fff!important}.pill-orange[data-v-ef668e9a]{background-color:#e37400!important;color:#fff!important}.pill-purple[data-v-ef668e9a]{background-color:#7c3aed!important;color:#fff!important}.pill-pink[data-v-ef668e9a]{background-color:#db2777!important;color:#fff!important}.pill-red[data-v-ef668e9a]{background-color:#dc2626!important;color:#fff!important}.pill-muted[data-v-ef668e9a]{background-color:#f1f5f9;color:#64748b}.notif-item-row[data-v-ef668e9a]{display:flex;align-items:flex-start;gap:12px;cursor:pointer;transition:background-color .15s ease}.notif-item-row[data-v-ef668e9a]:hover{background-color:#f1f5f9b3}.notif-item-row.unread-row[data-v-ef668e9a]{background-color:#eff6ffa6}.notif-avatar[data-v-ef668e9a]{width:34px;height:34px;border-radius:999px;background-color:#1a73e81f;color:#1a73e8;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notif-body[data-v-ef668e9a]{flex:1;min-width:0}.notif-title-line[data-v-ef668e9a]{display:flex;align-items:center;justify-content:space-between;gap:8px}.notif-title[data-v-ef668e9a]{font-size:13px;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unread-dot[data-v-ef668e9a]{width:8px;height:8px;border-radius:999px;background-color:#dc2626;flex-shrink:0}.notif-desc[data-v-ef668e9a]{margin:3px 0 0;font-size:12px;color:#4b5563;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notif-meta[data-v-ef668e9a]{margin-top:4px;display:flex;align-items:center;gap:6px;font-size:11px;color:#6b7280}html.dark{color:#60a5fa;border-bottom-color:#60a5fa}html.dark{background-color:#1f2937;color:#9ca3af}html.dark{background-color:#1f2937b3}html.dark{background-color:#1e3a8a40}html.dark{color:#f3f4f6}html.dark{color:#9ca3af}