.bell[data-v-210b0555]{position:relative}.bell__trigger[data-v-210b0555]{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);width:36px;height:36px;color:var(--color-text-soft);place-items:center;display:grid;position:relative}.bell__trigger[data-v-210b0555]:hover{color:var(--color-text)}@media (pointer:coarse){.bell__trigger[data-v-210b0555]{width:44px;height:44px}}.bell__count[data-v-210b0555]{border-radius:var(--radius-full);background:var(--color-danger);color:#fff;text-align:center;min-width:18px;padding:0 4px;font-size:10px;font-weight:700;line-height:18px;position:absolute;top:-6px;right:-6px}.bell__panel[data-v-210b0555]{z-index:60;width:min(340px, calc(100vw - 2 * var(--space-4)));background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.bell__head[data-v-210b0555]{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);font-size:var(--text-sm);justify-content:space-between;align-items:center;display:flex}.bell__link[data-v-210b0555]{font-size:var(--text-xs);color:var(--color-primary);background:0 0;border:none}.bell__list[data-v-210b0555]{max-height:360px;list-style:none;overflow-y:auto}.bell__item[data-v-210b0555]{gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);cursor:pointer;display:flex}.bell__item[data-v-210b0555]:hover{background:var(--color-gray-50)}.bell__item--unread[data-v-210b0555]{background:var(--color-primary-soft)}.bell__dot[data-v-210b0555]{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.bell__dot--info[data-v-210b0555]{background:var(--color-info)}.bell__dot--success[data-v-210b0555]{background:var(--color-success)}.bell__dot--warning[data-v-210b0555]{background:var(--color-warning)}.bell__dot--danger[data-v-210b0555]{background:var(--color-danger)}.bell__title[data-v-210b0555]{font-size:var(--text-sm);font-weight:600}.bell__message[data-v-210b0555]{font-size:var(--text-sm);color:var(--color-text-soft)}.bell__time[data-v-210b0555]{font-size:var(--text-xs);color:var(--color-text-mute);margin-top:2px}.bell__empty[data-v-210b0555]{padding:var(--space-6);text-align:center;font-size:var(--text-sm);color:var(--color-text-mute)}.bell__all[data-v-210b0555]{padding:var(--space-3);text-align:center;font-size:var(--text-sm);border-top:1px solid var(--color-border);display:block}