.bell{position:relative}.bell__button{border-radius:var(--ds-radius-sm);color:var(--ds-text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:4px;padding:5px 8px;display:inline-flex;position:relative}.bell__button:hover,.bell__button[data-open]{background:var(--ds-surface-muted);border-color:var(--ds-border);color:var(--ds-text-primary)}.bell__icon{font-size:1rem;line-height:1}.bell__badge{background:var(--ds-danger,#d92d20);border-radius:var(--ds-radius-pill);color:#fff;font-size:10px;font-weight:var(--ds-weight-semibold);padding:3px 5px;line-height:1}.bell__panel{background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);z-index:60;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);width:min(23rem,100vw - 2rem);max-height:26rem;display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 32px #10182824}.bell__head{border-bottom:1px solid var(--ds-border);align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-3);justify-content:space-between;display:flex}.bell__all{color:var(--ds-primary);cursor:pointer;font-size:var(--ds-text-micro);background:0 0;border:0;padding:0}.bell__all:disabled{color:var(--ds-text-muted);cursor:default}.bell__list{min-width:0;overflow:hidden auto}.bell__row{border-bottom:1px solid color-mix(in srgb, var(--ds-border) 60%, transparent)}.bell__row:last-child{border-bottom:0}.bell__row[data-unread]{background:color-mix(in srgb, var(--ds-primary) 6%, transparent)}.bell__link>*{min-width:0}.bell__panel .bell__link,.bell__panel button.bell__link{color:inherit;cursor:pointer;padding:var(--ds-space-3);text-align:left;background:0 0;border:0;gap:2px;width:100%;text-decoration:none;display:grid}.bell__link:hover{background:var(--ds-surface-muted);text-decoration:none}.bell__row-head{font-weight:inherit;align-items:center;gap:6px;display:flex}.bell__dot{background:var(--ds-primary);border-radius:50%;flex:none;width:6px;height:6px;display:block}.bell__title{overflow-wrap:anywhere;white-space:normal;min-width:0;color:var(--ds-text-primary);font-size:var(--ds-text-caption);font-weight:var(--ds-weight-semibold);display:block}.bell__message{white-space:normal;-webkit-line-clamp:2;color:var(--ds-text-secondary);font-size:var(--ds-text-micro);-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.bell__when{color:var(--ds-text-muted);font-size:var(--ds-text-micro);display:block}.bell__note{color:var(--ds-text-muted);font-size:var(--ds-text-caption);padding:var(--ds-space-4);text-align:center;margin:0}.bell__foot{border-top:1px solid var(--ds-border);font-size:var(--ds-text-micro);padding:var(--ds-space-2) var(--ds-space-3);text-align:center}